人間の目より、機械の目!!書類の不備を一瞬で判断しLINEに通知が来るようにしてみた

# 二度手間からの解放
みなさん、こんにちは。小売業で働く4年目の若手社員です。😎
ネットスーパー🚛🚚の運用を担当しています。
今回、[Teachable Machine](https://teachablemachine.withgoogle.com/)と[Node-RED](https://nodered.org/)を使い、**書類の不備を一瞬で判断してくれるモノ**を
作成しました。**書類チェックの二度手間から解放される**ことが目的です。

今回の作成イメージは、書類の1カ所(記入日欄など)の空欄が埋められているかどうかを判定してもらうものです。
書き間違えなどは、画像の判定が困難なため、今回の作成イメージからは除外しております。


### 完成品がこちらになります。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">人間の目より、機械の目でチェック <a href="https://t.co/myDrkg5faj">pic.twitter.com/myDrkg5faj</a></p>&mdash; Shota.O (@shota_ryukyu_) <a href="https://twitter.com/shota_ryukyu_/status/1572211975920439297?ref_src=twsrc%5Etfw">September 20, 2022</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

## 動作の流れ
先ほどの動画は、以下の図のような流れでLINEへ通知が来ています。
![スクリーンショット (53).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2795872/37f9f334-198b-1630-06cf-5afeffd11aea.png)


# なぜ作成しようと思ったのか
私は、本社でネットスーパーの運用を担当しています。
普段の業務のなかでは、小さな課題や、悩み事が多くあります。😥😥

前回の記事では、誰が出社しているかすぐ分かる`LINE Bot`の作成にチャレンジしました。

https://qiita.com/Oshiro-S/items/45a73293b004adeba4a1

今回は、本社で提出する書類（申請書や発注依頼書）の**記入漏れ**や**不備**を
一瞬で判断してくれるモノの作成にチャレンジします！👍👍👍
人間の目では見逃してしまうミスを、機械にまかせて、**ヒューマンエラー**の削減につなげます。



**書類修正の二度手間から解放されたい**という強い思いで作成しました。
若手社員の小さな挑戦　第2章の始まりです!🚢


# 使用したツール

[Teachable Machine](https://teachablemachine.withgoogle.com/)
[Node-RED](https://nodered.org/)
[Make](https://eu1.make.com/)
[LINE Developers](https://developers.line.biz/ja/)


# 作成手順
### ①[Teachable Machine](https://teachablemachine.withgoogle.com/)
[Teachable Machine](https://teachablemachine.withgoogle.com/)は、機械学習の独自モデルが作成できるWebアプリケーションです。

その[Teachable Machine](https://teachablemachine.withgoogle.com/)へアクセスし、元のデータとなる写真を撮影します。
サンプルの撮影→トレーニング→プレビューという流れになります。

※今回は、「書類OK」と「書類不備あり」の2パターンで作成しました。
**サンプルとなる画像は、できるだけ多く撮ったほうが精度が上がると思います。**
最初は画像が少なくて、精度が悪かったです。
完成するとこのような形になります。
![スクリーンショット (42).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2795872/8e9a3792-b85e-3d1e-dc21-ef4dbe24132a.png)

### ②[Node-RED](https://nodered.org/)
[Node-RED](https://nodered.org/)とは、私のようなプログラミングがわからない人でも、
手軽に始められるブラウザで動くプログラミング環境のことです。

[Node-RED](https://nodered.org/)を、[Teachable Machine](https://teachablemachine.withgoogle.com/)と連携させます。必要な**ノード**を並べて、繋げます。
ノード（Node）は[Node-RED](https://nodered.org/)を構成する基本的な構成要素のことで、処理をする機能（プログラム）のかたまりのことです。

今回の構成は、このようになります。
![スクリーンショット (43).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2795872/43c5a59b-81a3-b094-c5a6-e10b10a63491.png)
構成によっては、別途追加が必要なノードもあります。
今回は、[Teachable Machine](https://teachablemachine.withgoogle.com/)のノードを新たに追加し、連携させました。
ノードはいろいろあるので、時間があるときに試してみたいと思います。

cameraのノードの左端をクリックすると、カメラが起動し、フローが動きます。
その結果がこちら👇👇👇👇👇
![スクリーンショット (47).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2795872/99bd3b30-0f29-965e-6769-0204218daaf3.png)

サンプル画像の通りの結果が出ました👏👏👏
これで、[Teachable Machine](https://teachablemachine.withgoogle.com/)と[Node-RED](https://nodered.org/)の連携が完成となります。

### ③[Make](https://eu1.make.com/)
[Make](https://eu1.make.com/)へアクセスし、シナリオを作成します。

`Webhooks`と`LINE Send a Notification`を選択し、繋げます。
`Webhooks`の設定で、[Teachable Machine](https://teachablemachine.withgoogle.com/)のパターンを定義させる必要があるので、それを行います。

![スクリーンショット (44).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2795872/0a5a8d0a-5c3f-d47f-ff4e-2ce204b1c823.png)

### ④[LINE Developers](https://developers.line.biz/ja/)
`LINE Send a Notification`の設定で、LINEと[Make](https://eu1.make.com/)を連携させます。
**Connection**のAddボタンから、自分の使用しているLINEアカウントを選択し、連携させます。
[LINE Developers](https://developers.line.biz/ja/)でサインインする必要がありますので、忘れずに!!



![スクリーンショット (45).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2795872/3cc07a8f-4809-5039-7b9e-eb0639ebf0a5.png)

**返信してほしいMessageも設定します。**

# 完成🏁🏁🏁

①～④の手順を行い、[Make](https://eu1.make.com/)と[Node-RED](https://nodered.org/)のフローをスタートさせると起動する形です。
最終的には、`LINE Notify`から通知が来るようになりました。

同じ部署のメンバーに完成品を見てもらいました。「目視チェックの手間が省けて、効率がよくなるね」とコメントを頂きましたので、今後の参考にしたいと思います。

# あとがき

[Teachable Machine](https://teachablemachine.withgoogle.com/)を活用することで、解決できそうな課題がまだたくさんあると感じました。

今回初めて[Teachable Machine](https://teachablemachine.withgoogle.com/)を使いましたが、デジタル技術の進化に驚くばかりです。
社内の小さな課題であっても、少しずつデジタル化させていき、大きな成果に
つながるように頑張りたいと思います。

[Node-RED](https://nodered.org/)を今回うまく使いこなせなかったので、今後も勉強を継続していきたいです。

今回は、「書類の不備」がテーマでしたが、今後は「在庫管理」や「広告チラシの読み込み」などに挑戦してみたいです👍👍👍


まだまだ業務の課題はありますが、小さな挑戦をコツコツ続けていきたいと思います。
ご協力いただいた部署のみなさんに感謝いたします。

ご覧いただきありがとうございました。