ビジュアルプログラミングでIoT やってみませんか？ 2020年3月18日 (水) IoTLT vol.61 @オンライン 　　豊田 陽介 ( @youtoy )

豊田陽介（@youtoy） 自己紹介 ● 職場： 某通信会社の研究所 ● プライベートでの活動： IT系イベント主催・登壇・運営、多数参加 子ども向けの活動いろいろ（IT系以外も） ● その他： ガジェット好き IoTLT vol.61 @オンライン

ガジェット好き ↑とある主催イベントの風景 　（持っているもののごく一部） 話題のものがだいたい自宅にある 3Dプリンタ＠自宅 IoTLT vol.61 @オンライン

コミュニティ活動関連など（2019年） ▼ イベント主催・運営： 36回（月3回ペース） 　　主催 18回、運営 18回 ▼ 登壇・講師等： 31回（月2.5回ペース） 　　講師・ロングセッション等 16回、 LT 13回 ▼ Qiita・ブログ等の記事： 58記事（月5記事のペース） 　　Qiita 25、note 25、ブログ 8 ▼ 子ども向け活動： 51回（月4回ペース） ▼ イベント参加総数：（省略： たくさん） ▼ ガジェット購入数：（省略： たくさん） IoTLT vol.61 @オンライン

コミュニティ活動関連など ▼ イベント主催・運営： 36回（月3回ペース） 　　主催 18回、運営 18回 ▼ 登壇・講師等： 31回（月2.5回ペース） 　　講師・ロングセッション等 16回、 LT 13回 ▼ Qiita・ブログ等の記事： 58記事（月5記事のペース） 　　Qiita 25、note 25、ブログ 8 ▼ 子ども向け活動： 51回（月4回ペース） ▼ イベント参加総数：（省略： たくさん） ▼ ガジェット購入数：（省略： たくさん） 【主な主催コミュニティ】 　・ビジュアルプログラミングIoTLT 　・ビジュアルプログラミング交流会 　・ゆるめかトロ 　・toio™で作ってみた！友の会（非公式） 　・会社での業務外のIoTコミュニティ 半分ほど（30記事）は 12月に書いた ※ アドベントカレンダー用 IoTLT vol.61 @オンライン

ビジュアルプログラミングなコミュニティ ビジュアルプログラミング交流会 　https://www.facebook.com/groups/visualprogramming.jp/ 　https://visualprogramming.connpass.com/ ハッシュタグ： #ビジュアルプログラミング交流会 IoTLT vol.61 @オンライン ビジュアルプログラミングIoTLT 　第1回　2/18 ＠Pepper アトリエ秋葉原 　第2回　3/24 ＠ オンライン（本日変更） 　 ※ 登壇者、募集中！ 　https://iotlt.connpass.com/event/168320/ 　開催方法を調整中 http://bit.ly/0318yt1 http://bit.ly/0318yt2

今日の本題 ビジュアルプログラミングで IoT やってみませんか？ IoTLT vol.61 @オンライン 実現できるものなの だろうか？

テキストでのプログラミングは使わず 「ビジュアルプログラミングのみ」での デバイス間リアルタイム通信など IoTLT vol.61 @オンライン 〜 IoT で Lチカ的なこと ＋α 〜

IoTLT vol.61 @オンライン 　デモ動画1： Lチカ？ http://bit.ly/0318yt3

IoTLT vol.61 @オンライン 　デモ動画2： 3Dオブジェクト連動 http://bit.ly/0318yt4

データの流れ（動画1） IoTLT vol.61 @オンライン センサーの値 （シリアル通信） 特定の文字列 （シリアル通信） センサーの値 （MQTT） 特定の文字列 （MQTT）

システム構成と処理内容など（動画1） IoTLT vol.61 @オンライン ・センサーの値取得 ・シリアル通信 ・LED制御 ・MQTTブローカー ・シリアル通信 ・MQTTの通信 グローバルな アクセス ・ボタンの制御 ・MQTTの通信 ・LED制御

データの流れ（動画2） IoTLT vol.61 @オンライン センサーの値 （シリアル通信） 特定の文字列 （シリアル通信） センサーの値 （MQTT） 特定の文字列 （MQTT） 特定の文字列、 センサーの値 （MQTT） センサーの値 （MQTT） 特定の文字列 （MQTT）

システム構成と処理の内容など（動画2） IoTLT vol.61 @オンライン ・センサーの値取得 ・シリアル通信 ・LED制御 ・シリアル通信 ・MQTTの通信 ・MQTTブローカー ・3Dオブジェクト関連処理 ・MQTTの通信 ・ボタンの制御 ・MQTTの通信 ・LED制御

「動画2」のビジュアル プログラミングの内容 IoTLT vol.61 @オンライン

UIFlow（M5Stack・M5GO） IoTLT vol.61 @オンライン MQTT（受信） とLEDの制御 初期化処理など ボタンが押された ときの処理、 MQTT（送信）

cables IoTLT vol.61 @オンライン MQTT（受信） 3Dオブジェクト関連 ・3Dオブジェクト生成 ・空間内のカメラ設定 ・光源の設定 ・テクスチャの設定 ・形状変化の処理 ・時間変化の処理 　など （ https://cables.gl/ ）

Microsoft MakeCode for micro:bit IoTLT vol.61 @オンライン 主にセンサーの値取得と シリアル通信（出力） 主にシリアル通信 （受信）とLED制御 初期化処理など

Node-RED IoTLT vol.61 @オンライン 必要な部分は4つ 1）シリアル通信 in 2）シリアル通信 out 3）MQTT in 4）MQTT out ちなみに、動画1の ほうはもう1つ追加 ・MQTTブローカー関連

動画1： ngrok 動画2： shiftr.io IoTLT vol.61 @オンライン その他、必要なこと ※ 両方、プログラミングは不要

ビジュアル プログラミング、 使ってみてください！ IoTLT vol.61 @オンライン

機械学習とかもできますよ！ IoTLT vol.61 @オンライン ●独自拡張版 Scratch で Teachable Machine 拡張を使った音（異なる音階）でのロボットカー操作 　https://qiita.com/youtoy/items/d67ba4e6e457b037068b http://bit.ly/0318yt5

終わり！