思い出せないとき使う言語の識別判定を使って業務効率の向上に

# :flag_jp: :flag_id: :flag_in: :flag_mm: :flag_vn: :flag_my: :flag_kh: :flag_cn: :flag_la: :flag_th:
# :relaxed:文字を見てもどこの国の言語が不明なときのお助けBot:relaxed:
#### 思い出せないときに言語をカメラに映すとどの言語か即座に回答してくれる`LINE-Bot`を作ってみた
### 1.作成手順
#### ⑴ teachable-machineに言語を認識させる
- `teachable-machine`に外国語の認識をさせるため、カメラ画像から認識させましたが認識がうまくいかなかったので、データを取り込みトレーニングしました。言語判別する際、カメラでの判別はできませんでしたが、資料からの判別は成功:sweat:
【成功事例】
<blockquote class="twitter-tweet"><p lang="en" dir="ltr">teachable machine try <a href="https://t.co/wu4bkE5RiB">pic.twitter.com/wu4bkE5RiB</a></p>&mdash; Hillary555208 (@hillary555208) <a href="https://twitter.com/hillary555208/status/1728807915711062309?ref_src=twsrc%5Etfw">November 26, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


【失敗事例】
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3569305/a1cd0a38-df44-f51f-b686-4164973b9400.png)

#### ⑵ LINEBotとteachable machineをつなぐ




- `teachable-machine`を`node-red`に組み込む
<blockquote class="twitter-tweet"><p lang="en" dir="ltr">node-RED try <a href="https://t.co/pDmKThm2YB">pic.twitter.com/pDmKThm2YB</a></p>&mdash; Hillary555208 (@hillary555208) <a href="https://twitter.com/hillary555208/status/1728829303230701961?ref_src=twsrc%5Etfw">November 26, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

- LINEBotにつなぐ

[記事１](https://atlabo-handson-08.netlify.app/#2) と [記事２](https://qiita.com/jiko111/items/5fcd75924f59d900e128)を参考に挑戦してみたけど、うまくいかない:cold_sweat::cold_sweat::cold_sweat:
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3569305/5d1df10f-0f29-fe8d-ecf4-f271f3768554.png)
- LINEに画像を送る
うまくいかなかったので他の方法を模索。



#### 学習用語
- [ディレクトリ](https://www.profuture.co.jp/mk/column/49522#:~:text=%E3%83%87%E3%82%A3%E3%83%AC%E3%82%AF%E3%83%88%E3%83%AA%E3%81%A8%E3%81%AF%E3%80%81%E3%82%B3%E3%83%B3%E3%83%94%E3%83%A5%E3%83%BC%E3%82%BF%E3%83%BC%E4%B8%8A,%E5%BD%B9%E5%89%B2%E3%82%92%E6%8B%85%E3%81%A3%E3%81%A6%E3%81%84%E3%81%BE%E3%81%99%E3%80%82)
- [Endpoints](https://wa3.i-3-i.info/word18427.html)
- [ngrok](https://www.geeklibrary.jp/counter-attack/ngrok/)
- [enebularとnode-redの違い](https://qiita.com/zono_0/items/cabd93dc01c7e66fa55f)
- [ノーコード](https://www.sbbit.jp/article/cont1/68305)
- [メソッド](https://e-words.jp/w/%E3%83%A1%E3%82%BD%E3%83%83%E3%83%89.html)

### 【うまくいかなかったこと】
#### ⑴ teachable-machineで顔の表情を学習させたけど、うまく認識してくれない。同じ表情で数秒キープするのも難しい。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3569305/aa6651e8-3440-03d7-8394-b340d06b7649.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3569305/c8a5b01b-a1f4-8166-c0a3-d86589afc755.png)

#### ⑵ node-redにteachable-machineのノードを追加してもエラーになってしまう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3569305/576dfae5-3dc6-fdd6-7b93-d484ea0e4d14.png)
#### ⑶ ngrokで繋ぐ
ローカルPC上で稼働しているネットワーク（TCP）サービスを外部公開できるサービスらしいけど、仕組みがよくわからず、仕様を断念。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3569305/79389574-d623-70b9-26b2-759068189345.png)

#### ⑷ MAKEを使ってLINEBotにつなぐ
- teachablemachineのURLをコピー＆貼り付け
![68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f333536393330352f62613031616262642d386134392d373839322d643535662d3561343832373232313038642e.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3569305/e000fce9-1760-2d98-f56c-94d6831d080f.png)
![68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f333536393330352f32393639363032612d393937372d666330622d616632612d6335666366666663333036302e.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3569305/9a87fc2b-f0ab-416f-f5be-475e97a4bd6a.png)




-teachablemachineのJSONをコピー＆貼り付け
![図1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3569305/f21a06ca-48cc-454c-6269-84a5357904d6.png)
- LINEから画像を送信したけど全て同じ回答
![MicrosoftTeams-image (65).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3569305/6d3b361c-8a6d-3b77-57a8-e26ebee5d8b9.png)