LINEアプリでIoTやってみた2022年5月19日 (木)エンジニアの自由研究発表会vol.6 @オンライン豊田陽介( )@youtoy
View Slide
自己紹介ビジュアルプログラミングやIoT、ロボットトイ関連など豊田陽介( )普段は、某通信会社勤務@youtoy・IT系イベント主催、登壇や運営なども・子ども向けの活動いろいろ(IT系以外も)・ Microsoft MVP(2021/10 から)プライベートでの活動・ガジェット好き・6月にメーカーフェア@仙台に出展予定その他
作ったものの動作概要(LINE⇒デバイス)① LINEアプリで操作②-1音が鳴る②-2光る・表示が変わる
作ったものの動作概要(デバイス⇒LINE)② 通知①デバイスを操作
あらためて動画で
研究報告1:LINEアプリで IoT をやってみて
便利だった点2つ
リッチメニューをタップ(簡単操作)1)ワンタップでできるデバイス操作LEDテープの点灯、電子ペーパーの書きかえデバイスで音の再生(全て実行)① ② ③①②③3通りの動作
メニューの作成もGUIで簡単にリッチメニューのテンプレート選択メニュー内のボタンのデザイン作成
2)通知の仕組みを簡単に実装デバイスからのHTTPリクエストLINE Notify でメッセージ通知
LINE + IoT活用できそう!
研究報告2:LINEアプリで IoT をやるために
サービス間をつなぐ
盛り込んだ内容:LINE Bot、リッチメニュー、LINE Notify、enebularのクラウド実行環境、Node-RED、M5Stack・UIFlow、Beebotte・MQTT
LINE⇒デバイスをつないだ方法
Botサーバー+αLINE⇒デバイスを実現した構成と通信M5PaperLINE NotifyHTTP(POST)HTTP(POST)MQTTMQTTHTTP(POST)M5StickCPlusM5StackCore2HTTP(POST)リッチメニューの操作
リッチメニューの操作Botサーバー+αBeebotteでHTTP(POST)をMQTTにM5PaperLINE NotifyHTTP(POST)HTTP(POST)MQTTMQTTHTTP(POST)M5StickCPlusM5StackCore2HTTP(POST)
研究報告3:ビジュアルプログラミングの活躍
サーバー実装
enebularの実行環境(メインサーバー)LINE Botサーバー+外部連携
enebularでの実装(Node-REDのフロー)デバイス ⇒ LINE NotifyLINE(Bot) ⇒ デバイスBeebotteとの連携
デバイス制御
M5Stack系デバイスでの実装(UIFlow)ブロック型のビジュアルプログラミング
M5StickC Plusでの実装内容1MQTT関連のセットアップ画面の初期化まわり等
M5StickC Plusでの実装内容2MQTT のサブスクライブ↓LEDテープ制御など本体ボタン押下を↓LINE通知処理等
今回の研究を支えたもの
ガジェットの大人買い!?
イベントのお知らせ
ビジュアルプログラミングとIoTの話6/15(水)20時から!
終わり!