JANコードを入れたら売価がわかるLINE Botをつくってみた

私は某スーパーで働いている女性社員です。
現在の仕事は事務作業が多いのですが、パソコンに不慣れでエクセルなどの基本ツールのスキルすらありません。
今回が初めての投稿になり、読みにくい点もあるかと思いますが小売業の仕事の業務改善になるような記事を少しずつ掲載していきたいと思います。

### 売場で即、問題解決に！
店舗内の売場では商品の値札の紛失や現在価格の確認のため、お客様から値段の問い合わせを受けることがよくあります。値段を知るには店舗に数台しかないハンディ型の端末か事務所のパソコンに行って調べなければならず時間がかかります。

#### <font color="red">もし自分の手持ちのスマホですぐに売価がわかれば非常に便利です。

# 昨年開店した新店の従業員が私の担当している商品群の売価検索に、この`LINE Bot`を使うことを想定して作成しました。

### ツール
①`Make`
②`LINE`
③`Google Sheets(Google スプレッドシート）`

# 制作手順
### 1．Google スプレッドシートの作成
普段使っている`Exel`に必要なデータがそろっているので、こちらを活用するのが実践的と思い、使いたい部分をCopy&Pasteして`Google スプレッドシート`を作成しました。


![スプレッドシートスクショ.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3656954/d1c8b712-4636-24a8-c144-ba9c698aafe6.png)
<br>

### 2．Google スプレッドシートの作成
以下の参考記事を読んだ際に、Google スプレッドシートは`Make`で使う際にAPI化する必要があるということを知りました。

https://qiita.com/tomowkrh/items/9c4a616bd1fd40e5e3b9

Google スプレッドシートをAPI化するツールを検索して、実際にサイトに登録してみました。

https://sssapi.app/

手順としては「Google　スプレッドシートのURLを貼り付るだけ」のようです。


しかしこのアプリでは無料で50行しか読み取ることができず、私の使おうとしたExelは278行あったので全然対応できないことがわかりました。
メモ程度で手軽に使うには便利かもしれません。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3656954/b5eb994a-352e-561f-1884-12a7a52039a1.png)

<details>
<summary>セキュリティの関係で認証されるまで大変でしたが・・・</summary>
また社内のネットワーク上でつくったGoogle スプレッドシートだったためセキュリティがかかってしまい、アプリの認証がスムーズにできませんでした。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3656954/fac7d401-8a48-adba-aad0-e45ef36a0bd1.png)

結局新しいアカウントをつくりそのアドレスで認証してようやくAPI化ができました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3656954/6bb7d6ed-c3ef-6ae7-3bd5-eff05ac06752.png)
翌日になって続きをやろうとしたところ、会社パソコンで新しいアカウントを作成したためこのアカウントは無効ですとなってしまいました。
</details>

<br>

最終的には自宅のパソコンを使って、会社パソコンのアカウントを認証してして共有することでAPIの情報は使えることになりましたが、使える情報量が少なく、またAPIに不慣れなため扱いにくいこともありこのAPIを使うことは断念しました。

<br>

他の手段でGoogle スプレッドシートを活用でする方法がないか探すことにしました。
#### そして先輩のお知恵を拝借してもっと単純なツールがあることがわかりました！


<br>

### 3．`Make`の中にある`Google Sheets`を直接使う。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3656954/a6931079-718f-4800-043e-e36dad66071a.png)

`Google Sheets`のモジュールを選択し、今回は**JANコードを入力したら商品名と税抜売価を教えてくれる**という形にしたいので、**Search Rows**を選択します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3656954/96b141a2-cee0-4171-24e0-3f08313e1fa5.png)

ここでGoogle内のGoogle スプレッドシートを使用してよいか許可を求められて了承すると、すぐに使うことができるようになります。
（こんなに簡単に使えるようになるなんて…　手動でAPI化しようと思った時は試行錯誤で2時間くらいかかりました:cry:）

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3656954/fb76145f-8cd0-6f79-e3d3-85611632aa96.png)

<br>

### 3.LINEと組み合わせる。
あとは簡単！LINEから**Watch Events**と**Send a Reply Message**をそれぞれ選択して先程つくった`Google Sheets`を間に挟み込んだら形は完成！

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3656954/5b23208c-8ae6-ebd8-e17d-dcf69a654fc3.png)

#### 内容としてはこんな感じ
<details>
<summary>シートのどの列を検索したいかわかりやすく、使いやすかったです。</summary>

**LINE Send a Reply Message**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3656954/9484315a-7dd3-515d-7afc-f6e894009e7e.png)
**Google Sheets**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3656954/5036583f-02f4-b7e4-c8b0-1caa5d944c3d.png)

</details>


## <font color="red">LINEにJANコードを入力すると商品名と売価を教えてくれるLINE Botが完成しました！！</font>
<blockquote class="twitter-tweet" data-media-max-width="560"><p lang="ja" dir="ltr">LINEで簡単・売価チェック<br>動作はこちら<br> <a href="https://twitter.com/hashtag/protoout?src=hash&amp;ref_src=twsrc%5Etfw">#protoout</a> <a href="https://twitter.com/hashtag/%E5%B0%8F%E5%A3%B2%E6%A5%AD?src=hash&amp;ref_src=twsrc%5Etfw">#小売業</a> <a href="https://twitter.com/hashtag/%E3%83%A1%E3%82%BF%E6%84%9B?src=hash&amp;ref_src=twsrc%5Etfw">#メタ愛</a> <a href="https://twitter.com/hashtag/%E5%88%9D%E5%BF%83%E8%80%85?src=hash&amp;ref_src=twsrc%5Etfw">#初心者</a> <a href="https://t.co/5UxJbhu6eu">pic.twitter.com/5UxJbhu6eu</a></p>&mdash; CHIZUKO (@CHI032121) <a href="https://twitter.com/CHI032121/status/1746146070416253230?ref_src=twsrc%5Etfw">January 13, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

### 今回のLINE Botを作成してみた感想
`Make`に初めて触ったということもあり`Make`にどんなモジュールがあって、どんなふうに活用できるかがなかなか理解できず苦戦しました。今回の`LINE Bot`はとにかく手軽で実用重視でつくりました。

今回はGoogle スプレッドシートに指定の業者の単品のみを書き込んだため、想定している新店のみで使えるLINE Botですが、持ってるデータの全てを書き込み、フィルタをかけれるなど適切に制限がつけられれば「店舗」にとってもまた「業者」にとっても商品管理に役立つものができると思います。
さらに社内の商品管理システムを入力・変更したと同時にスプレッドシートに書き込めるようにできたらすごく有用なものになると思います。

今回は13桁のJANコード検索でしたが、**画像認識で読み込めるようにする**や**下5桁だけで検索できるようにする**など改良の余地はあるので、また改良したら投稿したいと思います。

最後まで読んでいただき、ありがとうございました。