在庫はどのくらい残ってる？？をLINEBotで通知したい

![スーパーマーケット 従業員による プロトタイピング.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2717626/57e539de-a893-8114-6f8f-77a905d2f2d8.png)
皆さんこんにちは～！スーパーマーケットの従業員によるゼロからの**プロトタイピングチャレンジ第二弾**です～
今回は・・・
# 在庫はどのくらい残ってる？？をLINEBotで通知！
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">在庫率の画像判定！<br>今はLINEBotに画像を送信してるけど、ウェブカメラ繋げてやりたいなー<a href="https://twitter.com/hashtag/protoout?src=hash&amp;ref_src=twsrc%5Etfw">#protoout</a> <a href="https://twitter.com/hashtag/teachablemachine?src=hash&amp;ref_src=twsrc%5Etfw">#teachablemachine</a> <a href="https://twitter.com/hashtag/nodered?src=hash&amp;ref_src=twsrc%5Etfw">#nodered</a> <a href="https://twitter.com/hashtag/LINEBot?src=hash&amp;ref_src=twsrc%5Etfw">#LINEBot</a> <a href="https://t.co/ymkC0HXHAJ">pic.twitter.com/ymkC0HXHAJ</a></p>&mdash; yuichi_e (@yuuuuuichi69) <a href="https://twitter.com/yuuuuuichi69/status/1553313581508472832?ref_src=twsrc%5Etfw">July 30, 2022</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

スーパーマーケットの一番の肝！在庫がどのくらいある？？　品出しが必要？？
を教えてくれるというのは昔から欲しいと思われてます。
今回はそんな **在庫が少ないよ～** をLINEの通知で教えてくれるようなものを作成します！！
**Let's チャレンジ！！**
# 使用するもの
[Teachable Machine](https://teachablemachine.withgoogle.com/)　
[Node-RED](https://nodered.org/)
[LINEDevelopers](https://developers.line.biz/ja/)
# [Teachable Machine](https://teachablemachine.withgoogle.com/)を使って在庫状況を学習させる　
在庫判定を行うことが目的のため、在庫状況を学習させます。
在庫が```100％　80％　50％　30％　10％  なし```
の6通りで学習させます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2717626/4cd30544-6800-7006-afaf-5490d57ec6b5.png)
きちんと反応するかも確認！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2717626/aee9eaa4-452a-0c9c-67b1-044e7e28c971.png)
# [Node-RED](https://nodered.org/)を使ってLINEと繋げる
全体はこんな感じ
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2717626/91c82831-7208-c2e0-138b-574e8d9b3750.png)
コードの中身は下記を参照ください。**④と⑤はコードの追加**から追加必須です
①ネットワークカテゴリ```http in```
②機能カテゴリ```function```
③ネットワークカテゴリ```http request```
④分析カテゴリ```teachable machine```　
追加の際は　```node-red-contrib-teachable-machine```
⑤機能カテゴリ```function```
⑥LINEカテゴリ```ReplayMessage```　
追加の際は```line-messaging-api```
それぞれの設定
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2717626/db1d8b45-45b2-d7c8-bab4-7094df7c4a59.png)
②のコードは下記をそのまま貼り付けてます
```javascript
const messageID = msg.payload.events[0].message.id;
const replyToken = msg.payload.events[0].replyToken;

msg.messageID = messageID;
msg.replyToken = replyToken;

return msg;
```
③の内容は
URL
```https://api-data.line.me/v2/bot/message/{{{messageID}}}/content```
認証を使用
```チェック入れる```
種別
```Bearer認証```
トークン
```LINEのアクセストークンを貼り付ける```
出力形式
```バイナリバッファ```
続いて④⑤は
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2717626/1f6ce4b7-4963-e665-fe0e-db37639e160f.png)
⑤のコードは下記を貼付け
```javascript
const className = msg.payload[0].class;
msg.payload = {};
msg.payload.events = [
    {
        "type": "message",
        "replyToken": msg.replyToken,
        "message": {
            "type": "text",
            "text": `これは、「${className}」かな？`
        }
    }
];
return msg;
```
最後に⑥は
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2717626/4206decc-2cf2-6897-b101-59c507299df8.png)
以上で設定は完了。
最後に**デプロイを忘れずに！！**
# 実装してみます
写真をLINEに送信すると現在の在庫状況を返してくれるようになっております。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">在庫率の画像判定！<br>今はLINEBotに画像を送信してるけど、ウェブカメラ繋げてやりたいなー<a href="https://twitter.com/hashtag/protoout?src=hash&amp;ref_src=twsrc%5Etfw">#protoout</a> <a href="https://twitter.com/hashtag/teachablemachine?src=hash&amp;ref_src=twsrc%5Etfw">#teachablemachine</a> <a href="https://twitter.com/hashtag/nodered?src=hash&amp;ref_src=twsrc%5Etfw">#nodered</a> <a href="https://twitter.com/hashtag/LINEBot?src=hash&amp;ref_src=twsrc%5Etfw">#LINEBot</a> <a href="https://t.co/ymkC0HXHAJ">pic.twitter.com/ymkC0HXHAJ</a></p>&mdash; yuichi_e (@yuuuuuichi69) <a href="https://twitter.com/yuuuuuichi69/status/1553313581508472832?ref_src=twsrc%5Etfw">July 30, 2022</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

しかし**写真送るなら撮った時点で人間が判断できるだろうよ！！！**
という、突っ込みはやめてください・・・・
まだまだ進化を見据えてます！！！

# 今後の展望
実は今回の作成したものが全くゴールではなく、今の技術と時間ではここまでになっております。
本当は・・・

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2717626/b5492134-45f6-3113-be27-cb73c72ed2ce.png)
某無人店舗の赤枠内の**お弁当コーナーの売れ行き**を把握したいと思っております。
上記画像は15分おきの写真画像とリアルタイム映像をWebカメラで監視できるサービスになっております。
このサービスと連携し自動的にLINEBotに画像が送信されてAIが判断し、**お弁当の在庫が50％以下になったらLINEで通知が来るような仕組み**を構築したいと考えております。

今回参考にした記事はこちらです。

https://qiita.com/daiei-yoneyama/items/63b1b695a21750c12532

すごくわかりやすく記載されているので是非。

日々、楽しみながら成長できれば良いなぁと思ってます！
以上、最後までお読みいただきありがとうございます。