【デジタル挑戦への第2歩】AIを活用して、バーコードで商品管理を実現⁉

# Teachable MachineでAIの機械学習を実践

皆さま、こんにちは。
小売企業で広告販促の担当をしている1maru19です。

前回は、デジタル挑戦への第1歩として[**LINE Botで住所・郵便番号のツール**](https://qiita.com/1maru19/items/6310d6bf6619aca8c302)を制作しました。

<font color="Red">**今回はデジタル挑戦への第2歩!!**</font>

私が在籍している小売企業はお客さまに商品を販売することがお仕事です。
なのでこの商品はありますか？いくらですか？と聞かれることも多々あります。

だけど聞かれてもパっと答えられることは少なく、パソコンで調べないとわからないことばかりです。

本当はすぐに答えたい、ならすぐに答えることができるようにしようではありませんか！

というわけで今回は、[**Teachable Machine**](https://teachablemachine.withgoogle.com/)を使用したツール開発に挑戦するのでした♪

# 完成品がこちら

商品のバーコードを後述する『Node-red』で画像認識して、それに対する返信がLINE Botに来る仕様にしました。
商品のパッケージでもいいと思ったのですが、私の業界ではパッケージが似ているため、誤認識の可能性もあるかと考え、バーコードで考えてみました。

プロトタイプの中のプロトタイプのため、構想通りにいきませんでしたがそれでも画像認識で返事が来たのは感激しました！

https://twitter.com/Mkm4P6wBzL96VDb/status/1572562082494812163


# 使用ツール
●[Teachable Machine](https://teachablemachine.withgoogle.com/)
●[MAKE](https://www.make.com/en)
●[LINE Developers](https://account.line.biz/login?redirectUri=https%3A%2F%2Fdevelopers.line.biz%2Fconsole%2F%3Fstatus%3Dsuccess%26status%3Dcancelled%26status%3Dcancelled)
●[SSSAPI](https://sssapi.app/)
●[Node-red](https://nodered.jp/docs/getting-started/windows)
●Googleスプレッドシート

**また、下記サイトさまを参考にさせていただきました。**

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


# 制作手順
:::note warn
前回同様、LINE DivelopersでLINE公式アカウントを作っておきます。
下記をご参照ください。
:::
https://developers.line.biz/ja/docs/messaging-api/getting-started/#using-console

### ●シナリオ
①『Teachable Machine』でAI学習を実施
①『Node-red』でバーコードの画像認識
②『MAKE』へ連携し、LINEへ通知

### ●『Teachable Machine』でAI学習を実施
画像認識するためのバーコードをAIに学習させます。
バーコードは13桁の数字を線で表現しているため、かなりのサンプリング数(400～500枚ほど)が必要でした。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2820648/885a8a8c-651c-a92d-d0f7-3e803851fcad.png)
結果はかなり近くにして、ようやく精度良くなりました…
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2820648/9e59791c-c97f-d02d-a427-8effc485d329.png)

### ●『Node-red』の設定
・構成
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2820648/dc69e256-f3a4-d90a-e6d5-4a36791dd508.png)

teachable machineノードには『Teachable Machine』の画像認識学習のURLを貼付
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2820648/db539f66-f60a-7d2d-5dfd-1439a3ac9089.png)

http requestノードには『MAKE』のWebhooksのURLを貼付
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2820648/b78a386b-cb95-b5bf-3e72-9aebbef49138.png)

### ●『MAKE』の設定
・構成
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2820648/231070c4-d50a-9602-0a53-0e6d1f83bf7d.png)

**Webhooksモジュールのクエリパラメーターの設定は下記をご参照ください。**

https://www.youtube.com/watch?v=elTc1JrCoi0

私はWebhooksモジュールに四苦八苦し、だいぶ時間がかかりました…
MAKEは海外ツールのため、日本語の設定ばかりしていたために上手く認識してくれていませんでした。

:::note
無事に**syouhinn**と登録することで認識してくれるようになりました。
:::

# 本当は

<font color="Red">LINE Botにバーコード画像を投稿し、それに対して商品情報が返信される仕様にしたかったのですが、力不足で実現できませんでした…</font>
MAKEでの設定も画像認識で送られてきた商品名に対して、Googleスプレッドシートから情報抽出を目論んでいたのですが、結果は上手くいかず…

特にスタートのLINEに画像を送るという設定、その画像を認識してGoogleスプレッドシートからの情報をMAKEに送るという2点が調べても到達することができませんでした。

**苦肉の策として、Routerモジュールで商品名の分岐をさせて、GoogleスプレッドシートデータをSSSAPIでJSONに組み込むという力技で仕上げました。**

SSSAPIはこのような感じ
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2820648/ec03c961-a308-1b04-9f8b-3790f397832a.png)
登録も簡単で赤枠を設定するだけ
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2820648/9d0355de-5432-709c-6e8c-3755eb6b6b2f.png)


スマートに作りたかったのですが、勉強不足を痛感しました。

<font color="Red">**【追い求めた理想】**</font>
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2820648/7d38a65d-0d95-5f3a-5937-b4865193633c.png)


# 最後に

自分自身の店舗経験があり、今回の課題を解決できれば楽になると思い、制作に挑戦しました。
今回使用した『**Teachable Machine**』、『**Node-red**』はAIの学習によるツールが作れるため、さらなる応用ができると実感しました。

賞味期限を加えたり、適正在庫数を設定したりとアイデア次第でいくらでも活用が可能だと思います。

とは言っても知識がなければ何もできないため、日々勉強・反復をしっかりと心がけていきます！

稚拙な文章ですが、お付き合いいただき、ありがとうございました。
第3歩もどうぞよろしくお願いいたします。
![business_ojigi_man.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2820648/bd7f0751-1967-411d-29d7-96c481d4c891.png)


**また、デジタルで解決できそうな課題について考えをまとめた記事をnoteで公開していますので、お目通しいただけると嬉しいです！**

https://note.com/tasty_eagle609/n/nb0965398635f

https://note.com/tasty_eagle609/n/n1605958a0a6e