Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
UIFlow 2.0 で MQTT をやってみた! / IoTLT vol.108
Search
you(@youtoy)
PRO
February 27, 2024
Technology
0
5.8k
UIFlow 2.0 で MQTT をやってみた! / IoTLT vol.108
you(@youtoy)
PRO
February 27, 2024
Tweet
Share
More Decks by you(@youtoy)
See All by you(@youtoy)
ローカルLLMをJavaScriptで(少しAIエージェントSDKなどの話も) / 冬のJavaScript祭り @Pleasanter Lounge
you
PRO
0
49
Webの技術で「特殊なゲーム用コントローラーや他デバイスなど」とブラウザを連携させる / HTML5 11th Anniversary
you
PRO
0
65
ブラウザのAPIで Nintendo Switch用の特殊なゲーム用コントローラーを体験型コンテンツに / IoTLT @ストラタシス・ジャパン
you
PRO
0
180
ローカルLLMとLINE Botの組み合わせ その2(EVO-X2でgpt-oss-120bを利用) / LINE DC Generative AI Meetup #7
you
PRO
1
190
生成AIとM5Stack / M5 Japan Tour 2025 Autumn 東京
you
PRO
0
380
子ども向けの活動や自身のモノづくり活動などでやったこと / micro:bit ファンの集い
you
PRO
0
20
ブラウザのAPIで色々なデバイスをあれこれ扱ってみた話(主にWeb HID API) / IoTLT @JLCPCB オープンハードカンファレンス
you
PRO
0
150
ヒーローズ・リーグの応募作品で使ったデバイス・アイテム・ライブラリなど / #ヒーローズリーグ 2025 開発素材LT
you
PRO
0
54
最近発売された端末+UIFlow 2.0の組み合わせ(+1.0の話)をUSB接続で / ビジュアルプログラミングIoTLT vol.21
you
PRO
0
120
Other Decks in Technology
See All in Technology
2025年 開発生産「可能」性向上報告 サイロ解消からチームが能動性を獲得するまで/ 20251216 Naoki Takahashi
shift_evolve
PRO
1
200
モダンデータスタック (MDS) の話とデータ分析が起こすビジネス変革
sutotakeshi
0
500
「Managed Instances」と「durable functions」で広がるAWS Lambdaのユースケース
lamaglama39
0
320
re:Invent 2025 ふりかえり 生成AI版
takaakikakei
1
210
LLM-Readyなデータ基盤を高速に構築するためのアジャイルデータモデリングの実例
kashira
0
260
今からでも間に合う!速習Devin入門とその活用方法
ismk
1
720
学習データって増やせばいいんですか?
ftakahashi
2
400
Python 3.14 Overview
lycorptech_jp
PRO
1
120
1人1サービス開発しているチームでのClaudeCodeの使い方
noayaoshiro
1
240
初めてのDatabricks AI/BI Genie
taka_aki
0
190
ChatGPTで論⽂は読めるのか
spatial_ai_network
9
29k
年間40件以上の登壇を続けて見えた「本当の発信力」/ 20251213 Masaki Okuda
shift_evolve
PRO
1
130
Featured
See All Featured
Rebuilding a faster, lazier Slack
samanthasiow
84
9.3k
The Cost Of JavaScript in 2023
addyosmani
55
9.4k
Designing Experiences People Love
moore
143
24k
Writing Fast Ruby
sferik
630
62k
Mobile First: as difficult as doing things right
swwweet
225
10k
How to train your dragon (web standard)
notwaldorf
97
6.4k
How STYLIGHT went responsive
nonsquared
100
6k
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.6k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.8k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Practical Orchestrator
shlominoach
190
11k
KATA
mclloyd
PRO
33
15k
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 のみ対応しているデバイス群の一部 を用いて下準備的なことを
終わり!