留学生・料理未経験の男の子でも大丈夫！画像読み込みで楽々補充ツール

## TeachableMachineとLINEBotを連携して今日入社の新人さんでも悩まなくて済んじゃう！
どうも！私は北海道の小売の最前線で管理職をしています、仕事内容は商品と人を通じて所属する組織（店舗）の成果を残すことです、私の所属部署では夜間大学生のアルバイトが多く働いてくれています、しかしながら学生に卒業は付き物で一年に一度大規模な**血の入れ替え**が発生します、それ自体は何の問題も無いのですが教え込んだ知識も**ゼロリセットされる**訳で・・・新人が慣れてくるまで半年以上かかるため卒業の３月から新人が慣れてくる９月頃までは一時的に生産性が落ちてしまう（泣）こんなとき在庫をスマホで撮影したらLINEで陳列場所が返ってきたら生産性も落ちないのに・・・というわけで**TeachableMachine**と**LINEBot**を使い解決策を提示します！

![28053000042.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3467884/0f434be5-3297-4e4a-6862-e437872d7378.jpeg)

## 目次
[1.使用したツール](#_使用したツール)
[2.では早速作成していきましょう](#_では早速作成していきましょう)
[3.いざRun once!](#_いざRunonce！)
[4.参考にした記事](#_参考にした記事)
[5.苦心した点](#_苦心した点)
[6.あとがき](#_あとがき)

## 使用したツール
**Node-Red**
![スクリーンショット 2023-07-16 215417.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3467884/326c1d2c-7b8b-c3d7-d4eb-f068e50e291a.png)
**TeachableMachine**
![スクリーンショット 2023-07-16 212639.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3467884/fbe1bae0-6ec9-f63a-6baa-65383cc335e2.png)
**Make**
![スクリーンショット 2023-07-20 061543.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3467884/0d6b46a4-b1a1-e332-0676-b31922f40597.png)


## では早速作成していきましょう


### 1.TeachableMachineで判定する商品を撮影します
![スクリーンショット 2023-07-20 054248.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3467884/fccdb6ea-fcf5-eefa-f81a-0c6af1bca274.png)

### 2.Node-Redを作成していきます

三種類のノード追加を実施しましょう
![スクリーンショット 2023-07-20 053826.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3467884/9b6800fc-0679-ada5-5b08-cef273a59c8b.png)
Nord-Redのフローはこんな感じ
![スクリーンショット 2023-07-20 055507.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3467884/11e6089c-e2ff-12aa-b658-4447c33e74e8.png)
しっかり**生春巻きの皮**を認識してくれてますね

### 3.Makeと連携します
![スクリーンショット 2023-07-20 055046.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3467884/70bf4294-1c6a-8255-02cf-8b72f88861cc.png)
Custom webhookからアドレスを払い出し、Node-Redのhttprequestと繋げます
![スクリーンショット 2023-07-20 055146.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3467884/aa1e6d9f-ba40-6912-d0f7-6bef3497267c.png)

![スクリーンショット 2023-07-20 060101.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3467884/aba474e1-cf2a-eda1-2748-1c12b16b2d97.png)
その際にペイロードの部分を画像のようにクエリパラメータに追加に変更することをお忘れなく

次にCustom webhookとgoogleスプレッドシートを繋ぎます、googleスプレッドシートの中身は画像の通り
![スクリーンショット 2023-07-20 060338.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3467884/9c94ea4f-3f9a-fa63-17e1-f856fa26eb54.png)
LINEはSend a Push Messageを使用します、中身の設定は画像の通りです。
![スクリーンショット 2023-07-20 060602.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3467884/e066743d-811a-3b21-7e09-ec3ebc3c8278.png)
画像内で消してあるToの部分は自身のユーザIDが入ります。
![スクリーンショット 2023-07-20 061543.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3467884/441b2e54-d04c-151b-b4c5-8c2cb35fded4.png)


### いざRun once！


https://twitter.com/takefuji1252151/status/1681776055022137345





あれ・・・あれあれ、何回やってもNode-Redで読み込んだ画像の商品を教えてくれませんね
Makeのシナリオを変更したりして三日三晩トライ＆エラーを積み上げましたが今の私にはこの到達点が限界でした・・・どなたか記事を見て治療する箇所を教えてくれませんか！？

## 7月21日リベンジ成功しちゃいました:sob:


https://twitter.com/takefuji1252151/status/1682349165735718913



長かった・・・紆余曲折あり過ぎましたね・・・昨日のRunonce沼からすくいあげてくれたクラスメートのS藤さん、まじであざっす:joy:

#### 参考にした記事
https://qiita.com/adachi-seiji/items/572fb63f242580e70251

https://qiita.com/kykado/items/936fae1c8dd2ae98fbb7

https://qiita.com/sasakikoudai/items/1aae94a8e3e6feeef3df

### 苦心した点
結局出来ていないので全行程苦戦したのですが特にという点で、上述した通り実際に動画を掲載したシナリオ以外にhttpとJSONを用いたシナリオも作成しましたが読み込んだ商品情報が反映されないという症状は変わらず・・・
![スクリーンショット 2023-07-20 063252.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3467884/0714a0ee-a8da-3775-e63e-6a0aa49cc8fb.png)
恐らくですがCustom webhookを通過した後に迷子になっていると思われますが私はその子を捜せませんでした。
7月21日リベンジ成功しちゃいました:sob:

### あとがき :dolphin: 
今回は少しでもつまづいたら検索しまくり聞きまくりで皆さまお付き合いいただき誠にありがとうございます。
→結局未完に終わり誠に申し訳ございません。m(__)m
→7月21日リベンジ成功しちゃいました:sob:
このシナリオ作成の記憶が新しいうちに次は従業員からリクエストのあった「<font color="green">野菜</font>の鮮度判定ツール」をTeachableMachineを使用して作成してみましょう。
ちなみに１００回以上トライした結果・・・**私の顔面は生春巻きの皮が僅差で食紅を上回りましたWWW**喜んでいいんだよね？？