小さな子どもとのLINEコミュニケーションデバイスをつくりました

# ３歳のこどもとLINEの交換ができる

先日ハッカソンに出まして、そこで作ったものが、３歳から使えるLINEコミュニケーションデバイスです。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">先日のハッカソンでつくったものは、「３歳のこどもから使える、LINEコミュニケーションデバイス」でした。<br><br>うちの子も、もう少しで使えるようになるので、楽しみです。<a href="https://twitter.com/hashtag/protoout?src=hash&amp;ref_src=twsrc%5Etfw">#protoout</a> <a href="https://twitter.com/hashtag/M5Stack?src=hash&amp;ref_src=twsrc%5Etfw">#M5Stack</a> <a href="https://twitter.com/hashtag/%E3%83%92%E3%83%BC%E3%83%AD%E3%83%BC%E3%82%BA%E3%83%AA%E3%83%BC%E3%82%B0?src=hash&amp;ref_src=twsrc%5Etfw">#ヒーローズリーグ</a> <a href="https://twitter.com/hashtag/IoT?src=hash&amp;ref_src=twsrc%5Etfw">#IoT</a> <a href="https://t.co/lwwboxfZGS">pic.twitter.com/lwwboxfZGS</a></p>&mdash; 柳瀬浩之@人材開発×UX専門家 (@btap_hiro) <a href="https://twitter.com/btap_hiro/status/1308153952005795840?ref_src=twsrc%5Etfw">September 21, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


**さすがにこどもにスマホは持たせられないけど、LINEで直接コミュニケーション取れたら**、というニーズにぴったりのプロダクトです。


**仕事中に「パパ、仕事頑張ってー！」「早く帰ってきてー！」ってメッセージがきたら、疲れもふっとぶってもんです。**


# 仕組み

こんな仕組みでつくりました。

![image16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/664861/17b00acc-1908-71cc-dee3-b4057c0ce441.png)


# 今回つくったもの

M5Stackを使ったことがなかったため、そもそもM5Stackって何ができるのかを、本やネット上で色々調べてみました。
すると、いくつか作ってみたいアイデアは浮かんだものの、M5Stackとちょっとしたセンサーしか用意してないため、基本は、M5Stack１つあれば作れるものにしようと考えました。


また今年クラウドファンディングに挑戦したいと思っているアイデアが**「滑舌トレーニングAIアプリ」**なので、その技術にも応用できそうなものをつくりたいと思っていました。


そのため、**「B5Stackでできること」×「使いたい技術」×「自分が作ってみたいもの」**の掛け合わせで、色々リストアップしてみた結果、今回のアイデアに至りました。



# 必要なもの

・PC
・M5Stack
・google Home
・スマホ



# 作りかた

## M5Stackを使えるようにする

こちらの記事を参考にしてください。

[M5Stackを起動させるまでにハマったポイントと改善のヒント（Mac版）](https://qiita.com/kaiser355/items/1a1dce9fe86109fbb869 "タイトル")

[【M5Stack初心者向け】Aruduino IDEを使った後、UI Flowを使う方法](https://qiita.com/kaiser355/items/caaa959bb888f56e03e9 "【M5Stack初心者向け】Aruduino IDEを使った後、UI Flowを使う方法")


## こどもから親へのメッセージ送信設定

思っていた以上に簡単に設定できました。

### IFTTTの設定

![image17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/664861/3da85f2a-d3eb-8274-66c3-77ab92ee32b7.png)

IFTTTのWEBサイトからサインインして、Createを選択。

下記ボタンをクリックし、GoogleAssistantを検索し、選択。

![image18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/664861/babeef8d-a1a1-6c3a-fc41-d01a911ffd7e.png)

左から３番目「Say a phrase with a text ingredient」を選択。

![image19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/664861/fa4640a1-b995-7dcc-92dd-d7e2eb8cc029.png)


ここからは人によって異なると思いますが、
What do you want to say?には、Google Homeどんな言葉を言うと、LINEにメッセージを送るのかを決めます。

私の場合は、**「パパに $ って言って」**としました。
$は送りたいメッセージです。$の前後には半角スペースを入れるようです。

Optionは他の言葉でもメッセージを送れるようにする場合に使ってください。

同じ要領で、What do you want the Assistant to say in response?には、
Google　Homeの応答分を入力します。
例）はい、 $ と送ります。

Create TriggerでGoogle Home側の設定は終了です。


その後、以下をクリックして、今度はLINE側の設定をします。

![image20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/664861/801f2c28-8ccb-6f72-aafb-990401244ba1.png)

LINEを選択し、

![スクリーンショット 2020-09-18 14.11.45.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/664861/16a1b6a6-56af-64a7-47c8-9c6b22462b92.png)

こんな感じで入力し、Create actionを選択します。

これで終了です。



## 親からこどもへのメッセージ送信設定

###UI Flowを以下のように設定する。

![image21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/664861/6b0bf146-2f38-caaa-adf4-2fe940126ec3.png)

M5Stack画面のところには、スタンプを重ねておいた上で、
右側のように作りました。



# ちなみに、３歳からの理由は・・・

うちの娘は２歳ですが、まだ使えません。まだGoogle Homeが認識できるようなはっきりとした言葉で話せないから、というのもありますが、「ちょっと怖い」そうです。

３歳になれば、言葉もはっきりしてくるし、Google Homeへの話しかけにも慣れるんじゃないかという期待も込めて、３歳からとさせていただきました。

**３歳から使えたよ、と言う声お待ちしています！**


## もし気に入っていただけたら、LGTMお願いします！