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
560
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
480
enebular×Noodlで保活お助けサービス構築に挑戦!
maepu
0
240
ビジュアルプログラミングでハロウィンを楽しもう!
maepu
0
310
LINE LIFFを出窓菜園に取り入れてみた
maepu
0
630
遠隔で嫁に筋トレを応援してもらう
maepu
0
710
ぽーずるん「ぐにゃシャキ」@ProtoOut オンラインハッカソン
maepu
0
82
Noodlで受付嬢を創った
maepu
1
1.8k
Bay WIndow Garden新たなる家庭菜園のカタチ~カメラ編~
maepu
0
400
Noodlに出会ってから作ったものを振り返る
maepu
1
260
Other Decks in How-to & DIY
See All in How-to & DIY
Dirbtinis intelektas dizainerio gyvenime
lekevicius
0
190
バタフライ効果/butterfly_effect
florets1
0
230
What I Talk About When I Talk About Social Media
idealhack
0
110
Earthquake and Kominka
ramtop
0
140
LTのモチベーション
akrolayer
1
540
How to create better speaker proposals
logico_jp
2
370
How to Hire a Driver for Long Distance Travel?
greaterservice
0
110
グローバルAWSユーザー コミュニティとJAWS-UG - JAWS FESTA 2024 in Hiroshima
awsjcpm
0
4k
未来大生の胃を支える函館グルメ
deflis
0
350
JAWS-UGから学んだコミュニティの成功要因 (Success Factors)
awsjcpm
3
330
IoTと田中の距離 #iotlt #田中 #openai
n0bisuke2
1
300
[너구리랑! 회고 밋업 2023] 비전공자 PM의 우당탕탕 2023년 // 의현 님
develop_neoguri
0
100
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
27
4.3k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
GraphQLの誤解/rethinking-graphql
sonatard
67
10k
Done Done
chrislema
181
16k
Faster Mobile Websites
deanohume
305
30k
Writing Fast Ruby
sferik
627
61k
Intergalactic Javascript Robots from Outer Space
tanoku
269
27k
Statistics for Hackers
jakevdp
796
220k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
47
2.1k
Building Adaptive Systems
keathley
38
2.3k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Designing for Performance
lara
604
68k
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 にリンク張っておきます。