4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

小売業会社員の奮闘録 LineBotにで画像判定させる

Last updated at Posted at 2023-10-06

みなさんこんにちは、こんばんは、はたまたおはようございます。

前回の記事ではまずはLineBotを使って電話帳を作ってみました。

働いていると紙媒体によるチェック用紙等も多いので、
何か一つでも紙媒体からデジタルに変更できなをいのかな?と思いたった次第です…。
今回はTeachableMachineを使って 鍵のチェック 鍵が全種類揃っているか判定させてみました。
(鍵のチェックリスト)
ざっくりですが、こんな感じです。
表.png

そして、node-redでノードを使いLINEで画像を送って判定の返事を返すものを作ってみました。
本当はここからスプレッドシートに返してチェックできる!!!
まで作れれば良かったのですが、自分の知識ではここが限界でした…。
もっと知識があれば作れるのかも!?と夢を見ながら…(遠い目

ということで・・・中身の感じはこんな感じです!!
どんっ!!
no-dered all.png

一つ一つ解説していきます。(左から)

webhook

no-doredwebhook.png
ここはPathに/webhookと入力して、Nameにはwebhookと入力しました。

左のtemplate

tenpure.png
ここでは、LINEの中のeventからmessageをとってくるので
{{line.event.message.id}}と入力してみました。

次はhttp request

http.png
URLの部分は下記を入力しました
https://api-data.line.me/v2/bot/message/{{{line.event.message.id}}}/content
{{{}}}の中には先ほどのtemplateの中身をコピペ!

ここでよくしくじってたのは手入力でするとスペルミス等をしてしまうので、コピペおススメです。

http2.png

※1
ここの認証にチェック!!
この認証をチェックしていないと種別、トークンの入力ができないので忘れずに。
※2
Bearer認証を選択しトークンにはLINEのアクセストークンをコピペで入力です。
※3
出力形式バイナリバッファを選択します。
(最初見た時何かの呪文かと思ったのは心の声としておきますw)

TeachableMachine

中身はこんな感じで鍵のチェックの判定です。
(鍵が写っているので黒線で消してあります。)
teacblenakami.png

node-redのTeachableMachineの中身はこんな感じです。
teachble.png

先ほどのTeachableMachinenのエクスポートしたURLをここにコピペ!!

右のtemplate

payload.png

ここで注意はpayload.0.classのスペルと
一旦全消しをしてスペース等入ってないかの確認です。
スペースとスペルミスで何が違うの!?って沼ってしまいました・・・。
スペルの思い込み、そして目には見えないスペースこいつやっかいです。

LINE ReplyMessage

linereply.png

最後のノードです。
Nameはなんでもいいです。
今回はLINEに返すと入力しましたが特に意味はないです。
Secretの部分はLINEのチャネルシークレットをコピペ!!
AccessTokenはLINEのアクセストークンをコピペ!!

中身はこんな感じで完成しました!!

そして試作機がこちらです!!

こちらも鍵が写っているのでモザイク処理で申し訳ありません。
一応どんな鍵があるかとか鍵の形が出てはあまりよくないなと思いましたので・・・。

最後に・・・

まずここまで読んでくださりありがとうございました!
まだまだ色々な知識を取得途中ですが、最終的には個人的に作りたいものを作れればなと思います。
ここまでくるのに、サーバーから切断され、サーバーからまた切断され・・・
サーバーから切断されまくりました・・・。
やっとつながった!!とその時に動画は撮りました。
まだまだこんなのでは仕事で改善できるような何か作れませんが、
これから精進したいと思います!!

今回作るのに参考にした記事はこちらです
参考記事

4
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?