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
600
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
500
enebular×Noodlで保活お助けサービス構築に挑戦!
maepu
0
270
ビジュアルプログラミングでハロウィンを楽しもう!
maepu
0
330
LINE LIFFを出窓菜園に取り入れてみた
maepu
0
670
遠隔で嫁に筋トレを応援してもらう
maepu
0
760
ぽーずるん「ぐにゃシャキ」@ProtoOut オンラインハッカソン
maepu
0
110
Noodlで受付嬢を創った
maepu
1
1.8k
Bay WIndow Garden新たなる家庭菜園のカタチ~カメラ編~
maepu
0
430
Noodlに出会ってから作ったものを振り返る
maepu
1
300
Other Decks in How-to & DIY
See All in How-to & DIY
ミニ四駆ベースのAIカー TatamiRacerの製作
covao
1
110
言語習得のベストプラクティス を考える
kanedaakihiro
0
120
2025年03月02日 メイカーズながおかまつり での講演 「コミュニティベースでの製品開発ものづくりフェアの役割」
takasumasakazu
0
220
Xの"だるま"とコナミコマンド #iotlt #obniz
n0bisuke2
0
160
AWS re:Invent 2024 re:Cap – AWS Community Perspective / JAWS-UG新潟
awsjcpm
0
120
AWSと学生支援 - Education-JAWS #0
awsjcpm
1
130
コロナ後の世界メイカーフェア事情 高須正和@Nico-Tech Shenzhen #KMMF2024 #KariyaMMF2024
takasumasakazu
0
290
こんなにあるの? 最近のIPAトレンドを ざっくりまとめてみた
watany
3
860
安全に失敗するための手遊び-未定義動作を引き出そう-
zilmina
0
570
Terra Charge|急速充電器ご利用ガイドブック / Terra Charge Fast Charger Guidebook
contents
1
200
スクフェス福岡前夜祭 LT
pokotyamu
0
230
エンジニアになって2年間で学んだこと
kaiphoenix
0
120
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Rebuilding a faster, lazier Slack
samanthasiow
80
8.9k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Gamification - CAS2011
davidbonilla
80
5.2k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Why Our Code Smells
bkeepers
PRO
336
57k
How to Think Like a Performance Engineer
csswizardry
22
1.4k
Writing Fast Ruby
sferik
628
61k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
12
1.4k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
12k
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 にリンク張っておきます。