AIってなんじゃ？
こんにちは。AIという言葉をよく聞くけどいまいち理解していないまま今日に至ったOLです。
調べてみると人間の知能をコンピュータによって再現する技術のことなんだそうで…ふ～ん。
仕事で活用出来たら便利！
私は商業施設の運営管理という仕事をしてるため、よくお客さまやショップスタッフさまから「〇〇色の〇〇って書いてある商品券使えますか？」等と問い合わせがあるのですが、回答までお時間を頂いてしまうこともしばしば…
ショップスタッフさまから「早く教えて！」と言われると申し訳ない気持ち＆大焦り。しかも自分の作業が止まってしまう！
質問してこないで～（心の叫び）
じゃあショップスタッフさまから問い合わせが来ないようにする＆事務所スタッフがすぐ確認できる状態にしちゃえ！ということで、最近教わった「Teachable Machine」を使用して商品券を写真で撮ったら使用できるか否かをその場で確認できるツールを作りたいと思います。
使用ツール
Teachable Machine
Node-RED
Make
LINE
作成方法について
Teachable Machin
商品券の写真を送ったら、その商品券が使用できるものなのか判断できるように
商品券のデザインを学習させます。
それぞれタイトルの欄に記憶させるものの名称(今回は商品券の名称)を入力し、ウェブカメラから画像サンプルを学習させます。
色々な角度で撮影し学習させること！
今回は2種類の商品券を学習させました。
それぞれ学習させたら、トレーニング を選択し、そのままの画面で処理が終わるまで待ち、完了したらモデルをエクスポートする、モデルをアップロードを選択。アップロードが完了したら共有可能なリンクにURLが表示されるのでメモしておく！
URLは後ほど使うのでメモを忘れないこと！
Node-RED
Node-REDはプログラミングが分からなくてもプログラミングを作成できるもので、それぞれの機能がアイコンで表示されるため分かりやすくなっています。
全体図
Node-REDに下記3つのノード(＝機能)を追加します。
node-red-contrib-teachable-machine
teachable-machineで学習させた内容を使用するための機能
node-red-contrib-browser-utils
PCで撮った写真を読み込んでくれる機能
node-red-contrib-image-output
読み込んだ写真をNode-RED上に表示してくれる機能
画面右上の3本線からパレットの管理を選択。
「ノードを追加」を選択し、追加したいノードを検索して追加する。
Teachable Machineをダブルクリックして、URL欄にTeachable Machineを作成した際にメモしたURLを貼り付け。
「image preview」のボタンを押すと写真が撮れて使用できる商品券か判断してくれるようになります。
※カメラが正常に作動せず動作確認ができませんでした…涙
Make
全体図
Custom WebhooksとLINE Send a Push Messageを追加
Webhooks
青字のURL部をコピーし、chromeの新規ページへ貼り付け、URLの最後にsyouhinnken=JCB使用可能と入力してエンターキーを押す。
上記画像のように表示されたことを確認！
そろそろ頭がパンクしそうです…私がコンピューターだったら頭から煙が出ていることでしょう…
LINE
Toの欄にLINE Developersから確認したユーザーIDを入力、Messageの欄には「この商品は１．商品券」を入力。
頭がパンクしました。
できた…のか？できてません
できた！と言いたいところですが、Node-REDでの作業の段階でカメラが作動していないため動作確認まで至りませんでした。
成功していれば ↓ のような通知が来ていたはず！
心半ば…悔しい…
同じようなトラブルが起きた方、解決方法がわかるよ！という方がおられましたらぜひコメントで教えてください。
反省と今後
Node-REDでカメラが作動しない理由が分からず、その後の作業に支障が出てしまった…
仮にカメラが作動していたとしてもスマホだけで完結していないため、手軽さに欠けている…
ショップさまで使用されているタブレットで商品券の写真を撮る→使用可否がその場ですぐ分かる！という流れが理想なのでまだまだ修正が必要です。
今回、作成する中で躓いてしまう部分も多くありましたが、Teachable Machineを活用すれば画像認識や音声認識のシステムを自分でも扱うことができるのか！と驚きが強かったです！
頭から煙が出そうだけどまた新しいデジタルツールを(少しだけ)使えるようになった…！わくわく