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
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
you(@youtoy)
PRO
February 27, 2024
Technology
6.3k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
UIFlow 2.0 で MQTT をやってみた! / IoTLT vol.108
you(@youtoy)
PRO
February 27, 2024
More Decks by you(@youtoy)
See All by you(@youtoy)
コーディングエージェントでM5Stack系の開発を少し試した時の話 / M5 Japan Tour 2026 Autumn 東京
you
PRO
0
2
toio・myCobotでフィジカルAIっぽいことを行うための検討(とりあえず調査) / フィジカルAI LT(IoTLTによる開催)
you
PRO
0
360
Webの技術とガジェットで子どもも大人も楽しめるワクワク体験を提供する / Qiita Tech Festa Day 2026
you
PRO
1
370
ローカルLLMとLINE Botの組み合わせ その3 / LINE DC Generative AI Meetup #8
you
PRO
0
160
クラウドファンディング版StackChan 3体(4体)をインタラクティブな体験型作品にして展示もした話 / スタックチャンお誕生日会2026
you
PRO
0
340
イベントで大活躍する電子ペーパー名札 〜その3〜 / ビジュアルプログラミングIoTLT vol.23
you
PRO
0
360
AI時代だけど、わりと力業で追いかけている技術情報収集の話 / 20260518
you
PRO
0
33
最近の技術系の話題で気になったもの色々(IoT系以外も) / IoTLT 花見予定会(たぶんBBQ) @都立潮風公園バーベキュー広場
you
PRO
1
440
Babylon.js を使って試した色々な内容 / Various things I tried using Babylon.js / Babylon.js 勉強会 vol.5
you
PRO
0
560
Other Decks in Technology
See All in Technology
AIに丸投げしないトイル削減 / Eliminating Toil Without Leaving It All to AI
kohbis
2
200
Tab5をRubyで動くパソコンにする
kishima
1
180
AndroidでHDRメディアを「壊さずに」扱う
chigichan24
0
400
[RSJ26] Building a VLA Model Based on Self-Distilled Classification
keio_smilab
PRO
0
190
Genie Code ワークショップ 基礎編 / Genie-Code-Workshop-fundamental
databricksjapan
PRO
0
350
Kiro Crewしか勝たん!?
miu_crescent
PRO
0
180
「重なり」は迎える側がつくる ― 人もAIエージェントも歓迎するプロダクトエンジニアリング ―
go0517go
PRO
0
240
bet_ai_day_2026_session02
agenticsec
1
980
データエンジニアの困りごとをDevinと一緒に解消する
10xinc
2
820
Redmine 7.0で私が開発した新機能の狙いと背景
vividtone
1
110
Beyond the Hype: Practical AI for Your Oracle Database with MCP
thatjeffsmith
1
260
Bet AI Day 2026丨AIによって本質に戻るシステムリスク管理
layerx
PRO
0
880
Featured
See All Featured
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
helenjbeal
1
300
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
4.6k
GitHub's CSS Performance
jonrohan
1033
470k
Designing for humans not robots
tammielis
254
26k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.5k
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
1
890
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
6.1k
Claude Code のすすめ
schroneko
67
230k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
450
The Limits of Empathy - UXLibs8
cassininazir
1
640
SEO for Brand Visibility & Recognition
aleyda
0
4.7k
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 のみ対応しているデバイス群の一部 を用いて下準備的なことを
終わり!