Upgrade to Pro — share decks privately, control downloads, hide ads and more …

UIFlow 2.0 で MQTT をやってみた！ / IoTLT vol.108

Avatar for you（@youtoy） you（@youtoy）
PRO
February 27, 2024
Technology
0
5.4k

UIFlow 2.0 で MQTT をやってみた！ / IoTLT vol.108

Avatar for you（@youtoy）

you（@youtoy）
PRO

February 27, 2024
Tweet

More Decks by you（@youtoy）

See All by you（@youtoy）
公開初日に Gemini CLI を試した話や FFmpeg と組み合わせてみた話など / Gemini CLI 初学者勉強会（#AI道場）
Avatar for you（@youtoy） you
PRO
0
1.4k
Node-REDのFunctionノードでMCPサーバーの実装を試してみた / Node-RED × MCP 勉強会 vol.1
Avatar for you（@youtoy） you
PRO
0
140
総額200円の入力インターフェースで年齢問わず楽しめる体験型展示 / エンジニアの自由研究発表会vol.10
Avatar for you（@youtoy） you
PRO
0
61
Node−RED で Ollama を使ったローカルLLM（node-red-contrib-ollamaを利用） / ビジュアルプログラミングIoTLT vol.20
Avatar for you（@youtoy） you
PRO
0
190
AIエージェント開発や最新の生成AIのAPI利用などJavaScriptで色々やってみる / IoTLT vol.123
Avatar for you（@youtoy） you
PRO
0
110
ChatGPT からモックサーバー宛（Beeceptor宛）の HTTPリクエストを試す / IoTLT 202504
Avatar for you（@youtoy） you
PRO
0
100
デモをまじえつつの生成AIの話題 / 横須賀プログラミング“夢”アカデミー発表会（2025年3月）
Avatar for you（@youtoy） you
PRO
0
53
もくはりでのモノ作りと自身のモノ作り活動 / もくはり文化祭2024 オープン記念イベント
Avatar for you（@youtoy） you
PRO
0
57
"かわいい" がテーマのハッカソンでWebの技術を使って魔法の世界を作った話など / HTML5 10th Anniversary
Avatar for you（@youtoy） you
PRO
0
110

Other Decks in Technology

See All in Technology
AI Ready API ─ AI時代に求められるAPI設計とは？/ AI-Ready API - Designing MCP and APIs in the AI Era
Avatar for Yoichi Kawasaki yokawasa
15
4.1k
Maintainer Meetupで「生の声」を聞く ～講演だけじゃないKubeCon
Avatar for Takuto Nagami logica0419
0
120
SRE with AI：実践から学ぶ、運用課題解決と未来への展望
Avatar for Ryo Yoshii yoshiiryo1
0
370
PHPからはじめるコンピュータアーキテクチャ / From Scripts to Silicon: A Journey Through the Layers of Computing
Avatar for HASEGAWA Tomoki tomzoh
2
160
対話型音声AIアプリケーションの信頼性向上の取り組み
Avatar for 株式会社IVRy（社員登壇資料） ivry_presentationmaterials
3
1.1k
ClaudeCodeにキレない技術
Avatar for gtnao gtnao
1
870
Data Engineering Study#30 LT資料
Avatar for tetsuroito tetsuroito
1
290
AI時代にも変わらぬ価値を発揮したい: インフラ・クラウドを切り口にユーザー価値と非機能要件に向き合ってエンジニアとしての地力を培う
Avatar for Toshiaki Baba netmarkjp
0
140
セキュアな社内Dify運用と外部連携の両立 ~AIによるAPIリスク評価~
Avatar for ZOZO Developers zozotech
PRO
0
130
ポストコロナ時代の SaaS におけるコスト削減の意義
Avatar for izzii izzii
1
470
Copilot coding agentにベットしたいCTOが開発組織で取り組んだこと / GitHub Copilot coding agent in Team
Avatar for tnir tnir
0
200
20250708オープンエンドな探索と知識発見
Avatar for Sakana AI sakana_ai
PRO
4
1.1k

Featured

See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
53
2.9k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
267
13k
Designing for humans not robots
Avatar for Tammie Lister tammielis
253
25k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
229
22k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.8k
Navigating Team Friction
Avatar for Lara Hogan lara
187
15k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
31
8.7k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
271
27k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.4k

Transcript

  1. 2024年2月27日 (火) IoT縛りの勉強会! IoTLT vol.108 @オンライン／初台ラボ 豊田陽介（ ） @youtoy UIFlow

    2.0 で MQTT をやってみた！

  2. 自己紹介 豊田陽介（ ） @youtoy ・IT系イベント主催、登壇や運営なども ・機械学習・IoTの書籍を出版 ・子ども向けの活動いろいろ ・ Microsoft MVP（2021/10

    から） プライベートでの活動 ・ガジェット大好き ・ビジュアルプログラミング／JavaScript 　やガジェット、AI・機械学習系を使った 　試作をしたり ・最近、UIFlow 2.0 に再度手を出してる 好きなこと、他

  3. ビジュアルプログラミングIoTLT にて UIFlow 2.0 に LINE Notify を組み合わせてみてた 約 1ヶ月前の話

  4. デモ動画：ATOMS3のボタン押下でLINE通知

  5. この時のUIFlow 2.0のバージョン アルファ版の「29」

  6. 現在は正式版に ↓ 正式版で別のIoT的な方向の... v2.0.1

  7. MQTTをやってみた！ （ローカルネットワークで手軽に）

  8. デモ動画：ATOMS3とブラウザ上の描画の連動

  9. シンプルな内容で とりあえず成功！

  10. 【構成】 ・デバイスは PC と ATOMS3 ・ネットワークは宅内 ・PC上で shiftr.io Desktop を

    　動かし、同じ PC内のブラウザで 　p5.js のプログラムを動かす

  11. UIFlow 2.0でMQTT（サブスクライブ） ブロックの組み立ては わりと旧UIFlow と 同じ感覚で使えるかも しれない （今のシンプルな 　お試しをした中では） この部分をちょっと

    気をつけるくらい？

  12. MQTTのパブリッシュも動作確認ずみ とりあえず 2パターンの お試し 1）ボタンを押したら送信 2）一定の時間間隔で送信

  13. デバイス内蔵の機能とか ユニットとかを組み合わせた ものも試していきたい！

  14. 余談：正式版のUIFlow 2.0に慣れるために（？） 自宅にある 2.0 のみ対応しているデバイス群の一部 を用いて下準備的なことを

  15. 終わり！