【Make】お店の情報を今すぐ知りたい！従業員のためのLINE Botを作ってみた！

# 意外と便利？お店の情報が一発でわかる！
こんにちは。小売業の本社で働く社員です。
今回ご紹介するのは、**店名** **or** **店コードをLINEで送ると、店舗の基本情報が一発で返ってくる「店舗情報bot**」です！
デジタル初心者でも「Make」×「LINE」×「Googleスプレッドシート」で簡単に作ることができました。

### 私たち従業員のためのツール ###
これはお客さんではなく、**従業員が使うツール**。
各店舗の情報をすぐ把握できるようになります。
例えば…
📌店コード
📌住所
📌電話番号
📌営業時間
📌店長、副店長の直通電話番号

すぐ確認したいのにパッと出てこなかったり、
リストにはなっているものの見つけるのが大変だったり…

そこで！店名を入れるとそれらの情報が返ってくるLINE Botを作りました。
※店コードを入れても同様の情報が返ってくるようにしています。

# 完成したのがこちら #
https://x.com/yuna25826360641/status/1927062474550845733


# 使用ツールは3つだけ！ #
・Make
・Googleスプレッドシート
・LINE

# Makeの作り方 #
LINE Botにするための設定を行ったあと、Makeのシナリオを作成します。

### シナリオ ###
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4081005/94d68d94-53f9-492d-beff-08f825104f73.png)

### 1.Googleスプレッドシートに情報を入力 ###
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4081005/eddfaa73-0619-47e0-93ae-9a94a6564cf8.png)

### 2.Google Sheetsモジュールの作成と設定 ###
最初にGoogle Sheetsモジュールを作成します。
「Add a module」を選択しモジュールを作成→作成したモジュールをクリック→「Google Sheets」を押下→シート内の行を検索する「Search Rows」を選択します。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4081005/ec1448a6-83d8-45e0-817a-50dc1390a268.png" width="20%">

次にGoogle Sheetsモジュールの中身を設定します。
下で詳しく説明していきます。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4081005/8c13fb01-b794-44c7-9ba8-f6d16a933890.png" width="100%">

①作成したGoogleスプレッドシートのファイル名、シート名などを選択していきます。
②「Filter」の項目で【店名】【店コード】の2つの条件を設定します。
1つ目の条件である「店名」を選択、その下は ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4081005/785467bb-e2ea-4015-922d-27454881f753.png)を選択します。
今回は「店名」「店コード」どちらかを入力すると自動で返ってくるようにしたいので、
**「Add OR rule」** を選択して条件を追加するようにします。
そして店コードも同様 ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4081005/785467bb-e2ea-4015-922d-27454881f753.png)を選択します。
最後に右下の<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4081005/8efd6050-1c00-4478-a56a-d8f6652baa6e.png" width="5%">ボタンをクリックして設定が完了です。

:::note warn
右下の<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4081005/8efd6050-1c00-4478-a56a-d8f6652baa6e.png" width="5%">ボタンをクリックしないとせっかく入力した内容が消えてしまうので注意してください！
:::

### 3.LINEモジュールの設定 ###
▶条件①「**店名または店コードが正しく入力された場合**」の返答メッセージを設定します。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4081005/32d7b5dc-3f95-449e-a34f-47e2087227b3.png" width="20%">
LINEモジュールを選択し、中身を完成させていきます。
Messagesの項目にあるTypeは「Text」を選択、Textの項目にはLINEで自動応答させたい内容を入力します。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4081005/c66d9a8f-dbda-4fe7-b54c-491985bf3273.png" width="40%">

最後に<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4081005/8efd6050-1c00-4478-a56a-d8f6652baa6e.png" width="5%">を押して内容を保存し、実行します！

例えば"A店"とメッセージを送った場合はこのように返ってきます。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4081005/12ab4762-7c15-48f6-a59c-1dd8514291d1.jpeg" width="70%">


店コードを送ってもOKです。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4081005/b5be8483-589c-4fee-9980-c81cc626f26a.jpeg" width="70%">



▶条件②「**条件①に当てはまらなかった場合**」の返答メッセージを設定します。
(1)先ほどのLINEモジュールを右クリックし、「Clone」を選択
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4081005/0a38f9a9-e920-4ac1-91d5-9c1a49b92ac5.png" width="40%">

そうすると全く同じモジュールが作成されます。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4081005/4e4bd730-2e51-4b11-9144-852ddf34f114.png" width="20%">


(2)それをGoogle Sheetsモジュールとつなげるために**Routerモジュール**を作成し、つなげます。（下図参照）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4081005/7cdb7a2e-af69-48db-9fdb-fdd26d30fad2.png)

(3)複製したLINEモジュールを選択し、中身を完成させていきます。
先ほどと同様、Messagesの項目にあるTypeは「Text」を選択、Textの項目にはLINEで自動応答させたい内容を入力します。
ここでは「Text」に"**その店舗は存在しません**"と返ってくるように設定しました。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4081005/7297ec4e-b447-4100-ac22-96134029854e.png" width="40%">

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4081005/8efd6050-1c00-4478-a56a-d8f6652baa6e.png" width="5%">を押して内容を保存します。

(4)次にRouterとLINEモジュールの間にある🔧マークから「set up a filter」を開き、「YES」を選択します。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4081005/2c4032cf-2696-44eb-942d-edaf6bd35d62.png" width="70%">
最後に<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4081005/8efd6050-1c00-4478-a56a-d8f6652baa6e.png" width="5%">を押して内容を保存し、実行します！


例えば"F店"など該当しない店名を送った場合はこのように返ってきます。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4081005/ec292b21-0962-49a4-b650-8dd2cd7e9fe1.png" width="70%">

**これにてシナリオが完成しました！！**

# 最後に #
今回やり方がわからず苦戦したところが、「店名」と「店コード」どちらを送っても返ってくるように設定する方法でした。おそらく今回のようにフィルターのところで条件を追加するのが正解だと思いますが、最初Google Sheetsモジュールを2つ作って「店名」と「店コード」それぞれで分けて作っていました。
そうすると片方しか正常に動作せず、毎回エラーが発生していました。
各モジュールの項目をスマホの翻訳カメラで写し出しながら一つひとつ英語を読み解いていき、最終的になんとか条件追加の項目を見つけてシナリオを完成させることができました！

初めてLINE Botを作ってみて、**デジタル超初心者の私でもできる**ということに衝撃を受けました。
複雑なコードやプログラミングの知識が必要だと思っていましたが、「Make」はさまざまなアプリやサービスと連携して誰でも自動化の仕組みを作ることができる素晴らしいツールだと改めて実感しました。

今後は**HTTPモジュール(WebAPI)にチャレンジしてみたい**と思います！！
自分が興味のあるAPIを探し、理想のLINE botを作っていきたいです🔍

# おまけ #
デジタルを一緒に学んでいる方のアイデアを参考にし、項目を2つ追加してみました。
**最寄り駅**と**Googleマップのリンク**です。

本当は店舗の位置情報をつけたかったのですが、特定を防ぐため最寄り駅（代表地点）にしました！

①Googleスプレッドシートに最寄り駅名とマップのリンクを追加
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4081005/77e2d0b9-0097-41bc-ad4d-220bcf7a90f3.png)

②MakeでLINEモジュールの中の項目を追加
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4081005/3fe57145-8cc0-41ac-a7b9-b965e5218409.png" width="70%">
~~ここですが、Googleスプレッドシートを更新したあと項目の名称がすぐ反映しないのか、最寄り駅のところがI、マップのリンクのところがJとなったままで反映されていません。
動作には問題なかったのでそのまま進めましたが、何か方法があるのでしょうか…。~~
→解決しました！
Google Sheetsの右上3点メニューから「Refresh form」を押して保存すると反映されました！！
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4081005/1cdcb801-c007-454f-9943-1c77d6beb7bb.png" width="70%">


③LINEから店名or店コードを送る
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4081005/2f2bfc4e-0ab3-44c6-8adc-c07a8829093a.png" width="70%">


このように最寄り駅とマップのリンクが追加されました！


***

**参考文献**

 https://qiita.com/tomona23/items/95157b7fa139f746c4d2 
 
 https://qiita.com/aya451778/items/e13f2dafd72bf4a38c9c