Tweet
Tweet

Slide 1

Slide 1 text

2024年2月27日 (火) IoT縛りの勉強会! IoTLT vol.108 @オンライン／初台ラボ 豊田陽介（ ） @youtoy UIFlow 2.0 で MQTT をやってみた！

Slide 2

Slide 2 text

自己紹介 豊田陽介（ ） @youtoy ・IT系イベント主催、登壇や運営なども ・機械学習・IoTの書籍を出版 ・子ども向けの活動いろいろ ・ Microsoft MVP（2021/10 から） プライベートでの活動 ・ガジェット大好き ・ビジュアルプログラミング／JavaScript 　やガジェット、AI・機械学習系を使った 　試作をしたり ・最近、UIFlow 2.0 に再度手を出してる 好きなこと、他

Slide 3

Slide 3 text

ビジュアルプログラミングIoTLT にて UIFlow 2.0 に LINE Notify を組み合わせてみてた 約 1ヶ月前の話

Slide 4

Slide 4 text

デモ動画：ATOMS3のボタン押下でLINE通知

Slide 5

Slide 5 text

この時のUIFlow 2.0のバージョン アルファ版の「29」

Slide 6

Slide 6 text

現在は正式版に ↓ 正式版で別のIoT的な方向の... v2.0.1

Slide 7

Slide 7 text

MQTTをやってみた！ （ローカルネットワークで手軽に）

Slide 8

Slide 8 text

デモ動画：ATOMS3とブラウザ上の描画の連動

Slide 9

Slide 9 text

シンプルな内容で とりあえず成功！

Slide 10

Slide 10 text

【構成】 ・デバイスは PC と ATOMS3 ・ネットワークは宅内 ・PC上で shiftr.io Desktop を 　動かし、同じ PC内のブラウザで 　p5.js のプログラムを動かす

Slide 11

Slide 11 text

UIFlow 2.0でMQTT（サブスクライブ） ブロックの組み立ては わりと旧UIFlow と 同じ感覚で使えるかも しれない （今のシンプルな 　お試しをした中では） この部分をちょっと 気をつけるくらい？

Slide 12

Slide 12 text

MQTTのパブリッシュも動作確認ずみ とりあえず 2パターンの お試し 1）ボタンを押したら送信 2）一定の時間間隔で送信

Slide 13

Slide 13 text

デバイス内蔵の機能とか ユニットとかを組み合わせた ものも試していきたい！

Slide 14

Slide 14 text

余談：正式版のUIFlow 2.0に慣れるために（？） 自宅にある 2.0 のみ対応しているデバイス群の一部 を用いて下準備的なことを

Slide 15

Slide 15 text

終わり！