Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
VisualProgramming_GoogleHome_LINE
Search
NearMugi
June 15, 2022
Programming
1
510
VisualProgramming_GoogleHome_LINE
NearMugi
June 15, 2022
Tweet
Share
More Decks by NearMugi
See All by NearMugi
nekoIoTLT_NearMugiLLM
nearmugi
0
360
nekoIoTLT_CatAndColorSensor
nearmugi
0
870
EnebularMeetup_GoogleCalendar
nearmugi
0
270
nekoIoTLT_ToyAndVoiceAnalysis
nearmugi
0
370
nekoIoTLT_Demachi
nearmugi
0
390
nekoIoTLT_SearchBlackObject
nearmugi
1
640
nekoIoTLT_nekoDeeplearning
nearmugi
0
300
nekoIoTLT_nekoGohan
nearmugi
0
490
nekoIoTLT_Tsumetogi
nearmugi
1
690
Other Decks in Programming
See All in Programming
Babylon.js 8.0のアプデ情報を 軽率にキャッチアップ / catch-up-babylonjs-8
drumath2237
0
120
TypeScript製IaCツールのAWS CDKが様々な言語で実装できる理由 ~他言語変換の仕組み~ / cdk-language-transformation
gotok365
7
400
推論された型の移植性エラーTS2742に挑む
teamlab
PRO
0
160
ソフトウェア品質特性、意識してますか?AIの真の力を引き出す活用事例 / ai-and-software-quality
minodriven
19
6.8k
単体テストの始め方/作り方
toms74209200
0
250
Use Perl as Better Shell Script
karupanerura
0
670
Javaに鉄道指向プログラミング (Railway Oriented Pro gramming) のエッセンスを取り入れる/Bringing the Essence of Railway-Oriented Programming to Java
cocet33000
1
390
DevTalks 25 - Create your own AI-infused Java apps with ease
kdubois
2
130
衛星の軌道をWeb地図上に表示する
sankichi92
0
260
Devinで実践する!AIエージェントと協働する開発組織の作り方
masahiro_nishimi
6
2.7k
Parallel::Pipesの紹介
skaji
2
890
〜可視化からアクセス制御まで〜 BigQuery×Looker Studioで コスト管理とデータソース認証制御する方法
cuebic9bic
2
280
Featured
See All Featured
Designing for humans not robots
tammielis
253
25k
A Modern Web Designer's Workflow
chriscoyier
693
190k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
14
1.5k
How to Think Like a Performance Engineer
csswizardry
23
1.6k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
1
91
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
The Invisible Side of Design
smashingmag
299
50k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.2k
Agile that works and the tools we love
rasmusluckow
329
21k
Statistics for Hackers
jakevdp
799
220k
Fireside Chat
paigeccino
37
3.5k
Testing 201, or: Great Expectations
jmmastey
42
7.5k
Transcript
LINEとGoogleHomeをつなげて 子どもと会話する 2022.06.15 ビジュアルプログラミングIoTLT vol.11
自己紹介 NearMugi(ニアムギ) 普段はねこIoTLTで活動しています。 ねこ2匹飼っています。
イントロ 「LINEとGoogleHomeをつなげて 子どもと会話する」とは?
イントロ スマホで文字を入力しなくても また文字が読めなくても 家族同士コミュニケーションを取れる システムです (ちょっと誇大表現です)
イントロ 例えば、こんな場面。 仕事が遅くなって子どもが帰ってくる時間に 間に合わなそう 既に家にいるのか分からない・・・ 子どもは携帯持っているけど何も連絡ない・・・ 何か連絡したい or 連絡してほしい
イントロ そんなとき、 GoogleHomeがひと言 「もうすぐ帰るよ」と喋ってくれたら 子どもも安心しますよね?
イントロ また子どもが GoogleHomeに向かって 「ただいま」と言うとLINEに通知が来たら 安心しますよね?
イントロ 他にもこんな場面。 在宅勤務でオンラインミーティング中 子どもが帰ってきた 「おかえり、おやつあるよ」と伝えたい GoogleHomeが喋ってくれたら・・・
イントロ というわけで、作ってみました
イントロ ちなみに作ったのは1年ほど前なので 技術的に古いかもしれません。 ご了承ください…
システムの概略 GoogleHome → LINE ①~④ GoogleHomeからIFTTT経由でGCFの関 数を呼び出してFireStoreへデータを保存 ①GoogleHome ②IFTTT ③GoogleCloudFunctions(GCF)
④FireStore ⑤Node-RED ⑥LINE ⑤~⑥ FireStoreにデータがあるか定期的に チェック、あればLINEへ通知
システムの概略 ⑦GoogleHome ②GCF ③FireStore ④Node-RED ①LINE LINE → GoogleHome ⑤Shiftr
⑥M5Stack ①~③ LINEからGCF経由でFireStoreへデー タを保存 ④~⑦ FireStoreを定期的にチェックしてデー タがあればMQTTでM5Stackへデータを送 信、そこからGoogleHomeへ音声データを渡 す
システムの概略 実際は赤枠の部分は共通にしています LINEから・GoogleHomeからのデー タをFireStoreで一括管理 Node-REDで振り分け
システムの詳細 GoogleHome →IFTTT→GoogleCloudFunctions IF : GoogleHome THEN : Webhook ※GCFのトリガーURLを指定
システムの詳細 [引用]Firebase Documentation(https://firebase.google.com/docs/functions/get-started?hl=ja) GoogleCloudFunctions→FireStore GCFからFireStoreにデータを追加する方法は公式サイトに詳しく載っています。
システムの詳細 GoogleCloudFunctions→FireStore 無事FireStoreにデータが追加されました。
システムの詳細 FireStore→Node-RED→LINE Node-RED側でFireStoreにデータが入っているかチェックします
システムの詳細 FireStore→Node-RED→LINE 送信はPython使っちゃっています。 20行程度なので・・・まあ (ノードがあるらしいです) GoogleHomeからのデータがあればLINEへ送信します。
システムの詳細 つぎにLINEからGoogleHomeの流れです
システムの詳細 LINE→FireStore MessageAPIを使って、特定のグループに書き込みがあるとGCFが呼び 出されるようにします
システムの詳細 Node-RED→M5Stack→GoogleHome Node-RED側でFireStoreにデータが入っているかチェックします
システムの詳細 Node-RED→M5Stack→GoogleHome LINEからのデータがあった場合、MQTTを使ってM5Stackに送信します あとはM5Stack側でいい感じに音声データを作ってGoogleHomeに渡します https://github.com/horihiro/esp8266-google-home-notifier ほりひろさんのライブラリを利用しています。ありがとうございます!
デモ LINE→GoogleHome
デモ GoogleHome→LINE
まとめ ・実は何度もリビルドしています。かなり愛着のあるシステムです。 ・家族も認識して使っています。これが嬉しいところ。 ・そのうちFireStoreにあるメッセージを表示するのもやってみたい。 以上となります。 ご清聴ありがとうございました。