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
350
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
とある航空会社の飛行機の乗り方をお教えします。/20240913-lt
kwada
3
300
未来大生の胃を支える函館グルメ
deflis
0
500
【加筆修正版】ハードワークを支えるフィジカルとメンタルを構築る#rubymusclemixin 活動 #きのこ2025 #きのこ2025_b
bash0c7
0
210
生成AIとミニ四駆で学ぶ! MATLAB/Simulink
covao
1
360
M5Stackを使ってSズキの魔改造モンスターマシンを作ってみた
syumme01
0
170
静岡県のお相撲さん20240509/sumo_wrestler_from_shizuoka_prefecture_20240509
nicepapa_hirano
0
270
LT(Lightning Talk)のドキドキ感を共有する IoT ぼっとキーホルダ!
scbc1167
0
360
【技術カンファレンス運営の裏側】Iwaken Lab 技術好き学生の近況報告 & ことみんさんに技術カンファレンス運営の裏側を聞いちゃう会
kotomin_m
5
1.6k
言語習得のベストプラクティス を考える
kanedaakihiro
0
160
人はなぜコミュニティとつながると幸せを感じるのか
448jp
3
290
JAWS-UG/AWSコミュニティ JAWS-UG おおいた
awsjcpm
2
2.8k
音に負けない!子どもが騒いでいる脇でも快適オンラインMTGの秘伝
kaitou
0
410
Featured
See All Featured
What's in a price? How to price your products and services
michaelherold
246
12k
Balancing Empowerment & Direction
lara
1
430
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
Designing for humans not robots
tammielis
253
25k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
740
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.4k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.4k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
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 にリンク張っておきます。