ゴミの分別覚えられない！AIに教えてもらえばいいんじゃね？

嫁「これは紙ごみ！！あんた何回言ったらわかるの？」

わたくし「そろそろ・・・かな・・・」~~「極論なんでも燃えるゴミ・・・」~~
![hyoujou_text_woman_iraira.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2723058/1c55d884-947f-1633-080e-e13be83f8ceb.png)

わたくしに覚える気がないのか、脳ミソ容量いっぱいで覚えれないのかは置いておいて、我が家ではよくこんな会話があります。これを読んでいる**あなた**が共感してくれると嬉しいです。

* # 【ゴミの分別覚えられない！AIに教えてもらえばいいんじゃね？】


ということで、AIに判別してもらいましょう！！

完成品（今回はサンプルで4つ判定）

動画はアイスのフタ、はさみ、煉獄杏寿郎！？を判定しています。
（サイズ都合で歯ブラシカット、GIFに変換してますので粗いです。）
![Videotogif (1).gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2723058/a4516932-12d8-ac01-a267-77b36c32d046.gif)



PCのカメラにかざすと何ゴミかわかります。
（スマホからもインカメラになりますが使えます。）


LINEに通知が届きます。

![Screenshot_2022-07-29-04-49-58-55.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2723058/da010694-3c9b-bb3c-a5ba-dc80deb3d171.png)


やったぜ！！煉獄の兄貴！！

![yaruki_moeru_man.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2723058/88f3bfd9-cfeb-8588-aa08-ebe92324b798.png)


**今回はこちらのZiyasumin01さんの記事を参考に作成いたしました。**

https://qiita.com/Ziyasumin01/items/6cc78eebe4a25568ee81

**1.事前準備**

今回使用したもの

[煉獄杏寿郎 名言](https://ciatr.jp/topics/317416)以外はインストール、登録などの準備が必要です。

[Node-RED](https://nodered.org/)
[Heroku](https://id.heroku.com/login)
[LINE Developers](https://developers.line.biz/ja/)
[Teachable Machine](https://teachablemachine.withgoogle.com/)
[CodePen](https://codepen.io/trending)
[煉獄杏寿郎 名言](https://ciatr.jp/topics/317416)

**2.Teachable Machineで学習モデル作成**

今回はアイスのフタ、はさみ、歯ブラシ、煉獄杏寿郎をTeachable Machineに学習してもらいました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2723058/eb2ea615-697b-8ebd-2a62-a2033d7dda95.png)

**Teachable MachineはMisa Matsuuraさんの記事参照**

https://qiita.com/misa_m/items/d8a20d153c8ee7daf0c1

**3.CodePenを使って推論ができるWebアプリをつくる**

シンプルにZiyasumin01さんのコピペをベースにして作成しております。

<p data-height="265" data-theme-id="0" data-slug-hash="bGvraLw" data-default-tab="js,result" data-user="dx202207" data-embed-version="2" data-pen-title="bGvraLw" class="codepen">See the Pen <a href="https://codepen.io/dx202207/pen/dJgNLK/">dJgNLK</a> by DXアカデミー (<a href="https://codepen.io/dx202207">@dx202207</a>) on <a href="https://codepen.io">CodePen</a>.</p>
<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>


参考までに埋め込み方はこちら参照

https://qiita.com/Qiita/items/c686397e4a0f4f11683d

:::note info
右上にある**EDIT ON CODEPEN**を押すとリンク先に飛び実際に使えます。
うまく判定されなかったらごめんなさい！
:::

**4.Node-REDに連携させる**

全体フローはこちら

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2723058/086b8a49-99fa-c767-7672-5d197020e447.png)

:::note info
ざっくり！Node-REDで何をしているのか
Teachable Machineで学習させたことを、CodePenを使ってWEBアプリにしてその結果をLINEで通知させるということを行っています。
:::



中身は以下のようになります。

camera・・・そのまま
teachable machine・・・Urlにteachable machine学習させた物
tenmplate・・・そのまま

http in・・・メソッドをPOST　URLを/receiver
http response・・・そのまま
debug・・・そのまま
change・・・対象の値をmsg　payload
delay・・・メッセージの流通制限
　　　　　 流量1メッセージ　30秒
　　　　　 中間メッセージを削除
Push・・・LINE DevelopersからSecret・AccessToken・User id取得にコピペ

**デプロイ忘れずに！**

:::note warn
注意
delayでLINEの通知を調整しています。ここだけの話ですが最初設定していなかったので無限に通知が来ました・・・
:::


**Node-REDはtohruさんの記事参照**

https://qiita.com/egplnt/items/222a3ae289472bb759b1



**LINE Developers設定はくまさんの記事参照**

https://qiita.com/kuma_ssss/items/71ed5ffb3596abffbb29



**5.身近な人の声**

嫁・・・いい加減覚えろ！！
息子・・・楽しい！！もっとパターン増やして！！
仕事の同僚A・・・~~なんでも燃えるゴミ！！分別など不要！！~~
仕事の同僚B・・・何かに応用出来そう！！何かな・・・
仕事の上司・・・それより売上に繋がるので頼む！！

:::note warn
今回は自己満足に近い結果となりました。（苦笑）
しかしノーコードで出来るとは言えノー勉強では出来ません。
:::



* **最後に**
わたくしは脳から煙を出しながらやっているのですが、Teachable Machineで学習モデル作成を作成する時に小学2年生の息子が自分の顔を登録して、似顔絵を認証させてゲラゲラ笑っていました。やっぱり楽しみながら取り組めるのは**無敵**だよなぁ～と改めて思いました。
今年（2022年7月）セブンイレブンでアイスコーヒーをよく買うのですが、あれもカップをコーヒーマシーンがteachable machineとかで判別してるのかな？とか今までにないことを思うようになりました。少しだけほんの少しだけ成長しているかも・・・
現状は**コピペOFコピペ**で作成しているので身近な問題を楽しく解決できるように理解を深めていきます。
最後までお読みいただき、ありがとうござしました！！
また次の記事でお会いしましょう！！