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
enebularとUIFlowを連携して爆速IoTプロトタイピング!
Search
maepu
November 28, 2019
How-to & DIY
0
630
enebularとUIFlowを連携して爆速IoTプロトタイピング!
2019/11/28 enebular deveroper Meetupに登壇した際のスライドです。
maepu
November 28, 2019
Tweet
Share
More Decks by maepu
See All by maepu
仮想通貨アラート(物理)を作ってみた
maepu
0
520
enebular×Noodlで保活お助けサービス構築に挑戦!
maepu
0
290
ビジュアルプログラミングでハロウィンを楽しもう!
maepu
0
360
LINE LIFFを出窓菜園に取り入れてみた
maepu
0
690
遠隔で嫁に筋トレを応援してもらう
maepu
0
780
ぽーずるん「ぐにゃシャキ」@ProtoOut オンラインハッカソン
maepu
0
120
Noodlで受付嬢を創った
maepu
1
1.9k
Bay WIndow Garden新たなる家庭菜園のカタチ~カメラ編~
maepu
0
450
Noodlに出会ってから作ったものを振り返る
maepu
1
320
Other Decks in How-to & DIY
See All in How-to & DIY
雑にコミュニティを続けてもいいと思っている/Feel free to continue the community
camel_404
0
210
ブロックテーマをゴリゴリに使い倒してサイトを作った話 / Kansai WordPress Meetup 2025 01 25
tbshiki
1
560
AWSコミュニティプログラムのご紹介 -グローバル展開するコミュニティプログラム-
awsjcpm
0
170
JAWS-UGのご紹介 JAWS-UGとは?
awsjcpm
0
5.1k
JAWS-UGについて JAWS-UG TOHOKU [青森] 弘前開催
awsjcpm
0
210
AWSコミュニティプログラムとJAWS-UGアップデート / JAWS-UG函館 勉強会 vol.14
awsjcpm
2
130
EasyEDA機能紹介と今後の計画 (中国語) プロジェクトマネージャ罗德松
takasumasakazu
0
130
目指せ!本を書いて夢の不労所得 #第3木曜LT会
kaitou
1
110
人を補助するAI ~AIとの壁打ちがきっかけになる~ #共創AIミートアップ
ishikiemo
0
410
2025年03月02日 メイカーズながおかまつり での講演 「コミュニティベースでの製品開発ものづくりフェアの役割」
takasumasakazu
0
240
Raspberry Pi Connectを使って #Manus => Node-RED操作チャレンジ #iotlt vol121
n0bisuke2
0
130
「RubyでLチカ」に挑戦してみた
isaka1022
0
260
Featured
See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
54k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
It's Worth the Effort
3n
185
28k
What's in a price? How to price your products and services
michaelherold
246
12k
RailsConf 2023
tenderlove
30
1.1k
Scaling GitHub
holman
460
140k
Testing 201, or: Great Expectations
jmmastey
43
7.6k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.5k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
How STYLIGHT went responsive
nonsquared
100
5.6k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Transcript
enebular と UIFlow を 連携して 爆速IoTプロトタイピング enebular developer Meetup 2019/11/28
まえぷー
自己紹介 ・まえぷー ・職:組込みソフトエンジニア ・趣味でIoT電子工作 ・Noodlもくもく会主催 @kmaepu @kmaepu
IoTLTにて、 「最近、難しいLT多くて初心者ネタ少ない」 とのコメントがありました。 このLTネタはIoT初心者向けなのでご了承ください。
UIFlowとは ・ M5Stackが提供しているビジュアルプログラミングツール ・ ビジュアルプログラミング言語BlocklyまたはPythonでコーディング ・ WebブラウザまたはローカルPCの環境で動作 ・ M5Stack、M5Stick-Cに対応 https://m5stack.github.io/UIFlow_doc/ja/
None
MQTTとHttpが使えそう!!
今回は技術レベルを下げたデモ! ・ Http → 気温表示 ・ MQTT → IoTLチカ
デモ Http編 My 天気の子 ver. M5Stack
Httpを利用するシチュエーション M5Stack http request HTTP エンドポイント 気象データ 取得 でプログラム作成 現在気温を返す
HTTPの基本構成 ~UIFlow
None
デモ MQTT編 LEDテープチカチカ
MQTTを利用するシチュエーション M5Stack でプログラム作成 MQTT MQTT ON/OFFボタン を押す MQTTブローカ LEDテープ チカチカ
デモ
MQTTの基本構成 ~UIFlow 初期設定 データ受信
ボタン押す 対応したデータが MQTTで送信される
ついでに... スマホから操作できるようにしてみました! 「UI」と言えば、「Noodl」ですね。
まとめ ・ビジュアルプログラミングツールで動くものが爆速で作れる! ・enebularは面倒な環境構築の手間いらず! ・UIFLowはプログラミング初心者の方でも手を付けやすそう! 【苦労した事】 ・UIFLowで作成したプロジェクトの読み込みができない時がある ・UIFlowのWebエディタと実機とのコネクション途切れる時があった
最後に 本日の詳細な内容をQiitaが開催しているアドベントカレン ダーのenebular 12/7にアップします。 UIFlowとeneblarで使用したソースコードは公開予定。Qiita にリンク張っておきます。