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
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
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)
最近の技術系の話題で気になったもの色々(IoT系以外も) / IoTLT 花見予定会(たぶんBBQ) @都立潮風公園バーベキュー広場
you
PRO
1
350
Babylon.js を使って試した色々な内容 / Various things I tried using Babylon.js / Babylon.js 勉強会 vol.5
you
PRO
0
420
イベントで大活躍する電子ペーパー名札を作る(その2) 〜 M5PaperとM5PaperS3 〜 / IoTLT @ JLCPCB オープンハードカンファレンス
you
PRO
0
280
Deno・Bunの標準機能やElysiaJSを使ったWebSocketサーバー実装 / ラーメン屋を貸し切ってLT会! IoTLT 2026新年会
you
PRO
0
350
M5Stack Chain DualKey を UIFlow 2.0 + USB接続で試す / ビジュアルプログラミングIoTLT vol.22
you
PRO
2
220
ローカルLLMをJavaScriptで(少しAIエージェントSDKなどの話も) / 冬のJavaScript祭り @Pleasanter Lounge
you
PRO
0
970
Webの技術で「特殊なゲーム用コントローラーや他デバイスなど」とブラウザを連携させる / HTML5 11th Anniversary
you
PRO
0
110
ブラウザのAPIで Nintendo Switch用の特殊なゲーム用コントローラーを体験型コンテンツに / IoTLT @ストラタシス・ジャパン
you
PRO
0
230
ローカルLLMとLINE Botの組み合わせ その2(EVO-X2でgpt-oss-120bを利用) / LINE DC Generative AI Meetup #7
you
PRO
1
1k
Other Decks in Technology
See All in Technology
会社説明資料|株式会社ギークプラス ソフトウェア事業部
geekplus_tech
0
220
(きっとたぶん)人材育成や教育のような何かの話
sejima
0
700
古今東西SRE
okaru
2
180
100マイクロサービスのTerraform/Kubernetes管理地獄から抜け出すためのAI活用術
markie1009
0
120
Agent の「自由」と「安全」〜未来に向けて今できること〜
katayan
0
350
「背中を見て育て」からの卒業 〜専門技術としてのテスト設計を軸に、品質保証のバトンを繋ぐ〜 #genda_tech_talk
nihonbuson
PRO
3
1.2k
自動テストだけで リリース判断できるチームへ - 鍵はテストの量ではなくリリース判断基準の再設計にあった / Redesigning Release Criteria for Lightweight Releases
ewa
7
3.6k
ボトムアップ限界を越える - 20チームを束る "Drive Map" / Beyond Bottom-Up: A 'Drive Map' for 20 Teams
kaonavi
0
180
AIが盛んな時代に 技術記事を書き始めて起きた私の中での小さな変化
peintangos
0
370
Purview Endpoint DLP 動かしてみた
kozakigh
0
320
ハーネスエンジニアリング入門
hatyibei
0
120
【技術書典20】OpenFOAM(自宅で深める流体解析)流れと熱移動(2)
kamakiri1225
0
390
Featured
See All Featured
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
2
240
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
1
180
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
210
The Spectacular Lies of Maps
axbom
PRO
1
740
Measuring & Analyzing Core Web Vitals
bluesmoon
9
820
A Modern Web Designer's Workflow
chriscoyier
698
190k
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
280
New Earth Scene 8
popppiees
3
2.2k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.9k
Bash Introduction
62gerente
615
210k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
2.8k
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
0
230
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 のみ対応しているデバイス群の一部 を用いて下準備的なことを
終わり!