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
UIFlow 2.0 で MQTT をやってみた! / IoTLT vol.108
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
you(@youtoy)
PRO
February 27, 2024
Technology
6.1k
0
Share
UIFlow 2.0 で MQTT をやってみた! / IoTLT vol.108
you(@youtoy)
PRO
February 27, 2024
More Decks by you(@youtoy)
See All by you(@youtoy)
イベントで大活躍する電子ペーパー名札 〜その3〜 / ビジュアルプログラミングIoTLT vol.23
you
PRO
0
180
AI時代だけど、わりと力業で追いかけている技術情報収集の話 / 20260518
you
PRO
0
14
最近の技術系の話題で気になったもの色々(IoT系以外も) / IoTLT 花見予定会(たぶんBBQ) @都立潮風公園バーベキュー広場
you
PRO
1
370
Babylon.js を使って試した色々な内容 / Various things I tried using Babylon.js / Babylon.js 勉強会 vol.5
you
PRO
0
460
イベントで大活躍する電子ペーパー名札を作る(その2) 〜 M5PaperとM5PaperS3 〜 / IoTLT @ JLCPCB オープンハードカンファレンス
you
PRO
0
290
Deno・Bunの標準機能やElysiaJSを使ったWebSocketサーバー実装 / ラーメン屋を貸し切ってLT会! IoTLT 2026新年会
you
PRO
0
360
M5Stack Chain DualKey を UIFlow 2.0 + USB接続で試す / ビジュアルプログラミングIoTLT vol.22
you
PRO
2
230
ローカルLLMをJavaScriptで(少しAIエージェントSDKなどの話も) / 冬のJavaScript祭り @Pleasanter Lounge
you
PRO
0
980
Webの技術で「特殊なゲーム用コントローラーや他デバイスなど」とブラウザを連携させる / HTML5 11th Anniversary
you
PRO
0
120
Other Decks in Technology
See All in Technology
運用を見据えたAIエージェント設計実践
amacbee
1
2.4k
Claude Codeを組織で使いこなす— サーバサイドAIエージェント運用の実践知
techtekt
PRO
0
190
Unlocking the Apps
pimterry
0
190
大学生が本気でDatabricksを活用してDiscordサークルをデータ駆動させてみた
phantomjuju
1
340
速さだけじゃない! VoidZero ツールが移行先に選ばれる理由
mizdra
PRO
6
730
TROCCOで始めるクラウドコストを民主化するためのFinOps
tk3fftk
3
560
AIを「創る」と「使う」の循環 — HRテックが実践するリアルなAI組織実装
taketo957
0
1.1k
生成 AI × MCP で切り拓く次世代 SRE!自律型運用への挑戦と開発者体験の進化
_awache
0
110
個人の発見を、組織の知恵に 〜生成AI活用を"探索"から"組織の仕組み"へ〜
kintotechdev
2
830
Javaで学ぶSOLID原則
negima
1
270
GoとSIMDとWasmの今。
askua
3
490
ルールやカスタム機能、どう使う?理想の出力を引き出すために今知りたいIBM Bob 5つの機能
muehara
1
310
Featured
See All Featured
Designing Experiences People Love
moore
143
24k
Building Flexible Design Systems
yeseniaperezcruz
330
40k
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
1
370
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
1
270
Making Projects Easy
brettharned
120
6.7k
The browser strikes back
jonoalderson
0
1.1k
Darren the Foodie - Storyboard
khoart
PRO
3
3.4k
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
1.3k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
860
We Are The Robots
honzajavorek
0
240
Designing for Timeless Needs
cassininazir
1
250
Transcript
2024年2月27日 (火) IoT縛りの勉強会! IoTLT vol.108 @オンライン/初台ラボ 豊田陽介( ) @youtoy UIFlow
2.0 で MQTT をやってみた!
自己紹介 豊田陽介( ) @youtoy ・IT系イベント主催、登壇や運営なども ・機械学習・IoTの書籍を出版 ・子ども向けの活動いろいろ ・ Microsoft MVP(2021/10
から) プライベートでの活動 ・ガジェット大好き ・ビジュアルプログラミング/JavaScript やガジェット、AI・機械学習系を使った 試作をしたり ・最近、UIFlow 2.0 に再度手を出してる 好きなこと、他
ビジュアルプログラミングIoTLT にて UIFlow 2.0 に LINE Notify を組み合わせてみてた 約 1ヶ月前の話
デモ動画:ATOMS3のボタン押下でLINE通知
この時のUIFlow 2.0のバージョン アルファ版の「29」
現在は正式版に ↓ 正式版で別のIoT的な方向の... v2.0.1
MQTTをやってみた! (ローカルネットワークで手軽に)
デモ動画:ATOMS3とブラウザ上の描画の連動
シンプルな内容で とりあえず成功!
【構成】 ・デバイスは PC と ATOMS3 ・ネットワークは宅内 ・PC上で shiftr.io Desktop を
動かし、同じ PC内のブラウザで p5.js のプログラムを動かす
UIFlow 2.0でMQTT(サブスクライブ) ブロックの組み立ては わりと旧UIFlow と 同じ感覚で使えるかも しれない (今のシンプルな お試しをした中では) この部分をちょっと
気をつけるくらい?
MQTTのパブリッシュも動作確認ずみ とりあえず 2パターンの お試し 1)ボタンを押したら送信 2)一定の時間間隔で送信
デバイス内蔵の機能とか ユニットとかを組み合わせた ものも試していきたい!
余談:正式版のUIFlow 2.0に慣れるために(?) 自宅にある 2.0 のみ対応しているデバイス群の一部 を用いて下準備的なことを
終わり!