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
6k
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)
Babylon.js を使って試した色々な内容 / Various things I tried using Babylon.js / Babylon.js 勉強会 vol.5
you
PRO
0
210
イベントで大活躍する電子ペーパー名札を作る(その2) 〜 M5PaperとM5PaperS3 〜 / IoTLT @ JLCPCB オープンハードカンファレンス
you
PRO
0
230
Deno・Bunの標準機能やElysiaJSを使ったWebSocketサーバー実装 / ラーメン屋を貸し切ってLT会! IoTLT 2026新年会
you
PRO
0
330
M5Stack Chain DualKey を UIFlow 2.0 + USB接続で試す / ビジュアルプログラミングIoTLT vol.22
you
PRO
2
200
ローカルLLMをJavaScriptで(少しAIエージェントSDKなどの話も) / 冬のJavaScript祭り @Pleasanter Lounge
you
PRO
0
960
Webの技術で「特殊なゲーム用コントローラーや他デバイスなど」とブラウザを連携させる / HTML5 11th Anniversary
you
PRO
0
97
ブラウザのAPIで Nintendo Switch用の特殊なゲーム用コントローラーを体験型コンテンツに / IoTLT @ストラタシス・ジャパン
you
PRO
0
220
ローカルLLMとLINE Botの組み合わせ その2(EVO-X2でgpt-oss-120bを利用) / LINE DC Generative AI Meetup #7
you
PRO
1
940
生成AIとM5Stack / M5 Japan Tour 2025 Autumn 東京
you
PRO
0
490
Other Decks in Technology
See All in Technology
Tour of Agent Protocols: MCP, A2A, AG-UI, A2UI with ADK
meteatamel
0
200
GitHub Advanced Security × Defender for Cloudで開発とSecOpsのサイロを超える: コードとクラウドをつなぐ、開発プラットフォームのセキュリティ
yuriemori
1
120
Network Firewall Proxyで 自前プロキシを消し去ることができるのか
gusandayo
0
170
The essence of decision-making lies in primary data
kaminashi
0
240
推し活エージェント
yuntan_t
1
650
Blue/Green Deployment を用いた PostgreSQL のメジャーバージョンアップ
kkato1
1
240
Kubernetesの「隠れメモリ消費」によるNode共倒れと、Request適正化という処方箋
g0xu
0
170
ZOZOTOWNリプレイスでのSkills導入までの流れとこれから.pptx.pdf
zozotech
PRO
2
280
OCI技術資料 : ロード・バランサ 概要 - FLB・NLB共通
ocise
4
27k
「決め方」の渡し方 / How to hand over the "decision-making process"
pauli
2
130
サイボウズ 開発本部採用ピッチ / Cybozu Engineer Recruit
cybozuinsideout
PRO
10
77k
【関西電力KOI×VOLTMIND 生成AIハッカソン】空間AIブレイン ~⼤阪おばちゃんフィジカルAIに続く道~
tanakaseiya
0
110
Featured
See All Featured
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.7k
The Limits of Empathy - UXLibs8
cassininazir
1
280
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
170
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.3k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
400
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
0
960
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.1k
The Pragmatic Product Professional
lauravandoore
37
7.2k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.8k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
110
Discover your Explorer Soul
emna__ayadi
2
1.1k
Chasing Engaging Ingredients in Design
codingconduct
0
160
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 のみ対応しているデバイス群の一部 を用いて下準備的なことを
終わり!