Node-RED でデバイス・アプリ連携（ローカル通信もネット経由も） / TECH Street _ Node-RED

Transcript

1. Node-RED でデバイス・アプリ連携 （ローカル通信もネット経由も） 2021年5月27日 (木) TECH Street @オンライン 　　豊田 陽介 ( @youtoy )
2. 豊田陽介（@youtoy） 自己紹介 普段は、某通信会社の研究所勤務 自宅に各種デバイス等 がたくさん ビジュアルプログラミング・ IoTなどのテーマ関連 ガジェット好き その他 IT系イベント主催・運営、登壇なども、 子ども向けの活動いろいろ（IT系以外も） プライベートでの活動
3. 今日の話はNode-REDで デバイス連携
4. デバイス間をつなぐ仕組み・できること ・HTTPリクエスト ・Websocket ・MQTT デバイス間で直接 ネット経由 ・シリアル通信 ・BLE ・MIDI つなぐ 仕組み できる こと ・既製品のデータ取得 （温湿度計など） ・電子工作デバイスで 　のプロトタイピング 　 ・◦◦を検知したらLINE 　・Slack等に通知 ・スマートホームの 　仕組みを自前で作る Node-RED で利用可能なものの例（いろいろある中の一部）
5. PCを使い、まずは多機能な デバイスと組み合わせて プロトタイピングしてみる
6. 例えばBluetooth搭載デバイスとの間で 温度 25.1℃ 湿度 56％ M5Stack＋センサー PC 部屋の環境モニタ センシング 可視化
7. 具体的なフロー（プログラムの部分）
8. 具体的なフロー（プログラムの部分） 値の取り出し、 グラフ化 BLE接続、データ取得など データ変換
9. デモ動画（温湿度のグラフ化）
10. テキストプログラミング でもできますが
11. Node-REDで手軽に実現 JavaScript の例 Node-REDの例 GUI上でボタン 操作・文字入力 で進める BLE の処理の流れ を把握しつつ プログラミング
12. さらに仕組みを追加するのも手軽に 温度 25.1℃ 湿度 56％ M5Stack＋センサー PC 部屋の環境モニタ センシング 可視化 スマホアプリ通知 スマホ インターネット 経由
13. やりとりの仕組みを 別のものにしてみる
14. インターネットを経由させるように変更 デバイス ＋センサー PC 無線（BLE） デバイス ＋センサー （多地点） PC インターネット経由 MQTT ブローカー リアルタイム 通信（MQTT） 近距離無線 遠隔地間での通信
15. 接続方法を変えるのも手軽に デバイス ＋センサー PC 無線 （BLE） デバイス ＋センサー PC 有線 （シリアル通信） BLE非対応 デバイス BLE対応 デバイス
16. 実際に作ってみると（人感センサー利用） デバイス ＋センサー （多地点） PC インターネット経由 MQTT ブローカー リアルタイム 通信（MQTT） 画面表示 フロー
17. 具体的なフロー（プログラムの部分） MQTTブローカーとの 接続、データ処理など 場所 A 場所 B 可視化
18. 別アプリの制御にも
19. デモ動画（OBSのアプリ外からの制御）
20. デバイス関連の補足
21. 【デバイス】 ・M5Stack関連 ・obniz 連携できるデバイス・アプリの例 たくさんの種類がある中で利用したことがあるものの一部 デバイス内/ローカル インターネット経由 【デバイス】 ・micro:bit ・toio ・M5Stack関連 ・MIDI対応デバイス 【アプリ】 ・LINE ・Slack（Discord、 Teams） 【アプリ】 ・OBS
22. デバイスで動作させたプログラム① ブロックベースのビジュアルプログラミング（UIFlow）で作成 BLE経由で温湿度の データを送信
23. デバイスで動作させたプログラム② MQTT経由で 人感センサーで 取得した値を送信
24. 終わり！