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
500
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
440
enebular×Noodlで保活お助けサービス構築に挑戦!
maepu
0
220
ビジュアルプログラミングでハロウィンを楽しもう!
maepu
0
290
LINE LIFFを出窓菜園に取り入れてみた
maepu
0
610
遠隔で嫁に筋トレを応援してもらう
maepu
0
630
ぽーずるん「ぐにゃシャキ」@ProtoOut オンラインハッカソン
maepu
0
54
Noodlで受付嬢を創った
maepu
1
1.6k
Bay WIndow Garden新たなる家庭菜園のカタチ~カメラ編~
maepu
0
360
Noodlに出会ってから作ったものを振り返る
maepu
1
220
Other Decks in How-to & DIY
See All in How-to & DIY
Fraxinus1k Assembly Instructions (English, v. 0.9)
fukumay
0
880
データエンジニアのためのテクニカルサポートとLLM
yutomatsunoo
0
630
20230520_ScrumFestNiigata_iwamu
takusamar
0
350
メイカーフェア東京、深セン、台北、サンフランシスコにみるFactory Automationみ/製造業み
takasumasakazu
0
890
一番やさしいDJ入門 2024
stefafafan
6
1.5k
#相席食堂 ちょっと待てぃボタンダイジェスト+ソラコムボタン #iotlt
n0bisuke2
0
230
AI is Here, Are You Still Building PKM? ft. Ernest PKM 2023.25
dwchiang
0
7.9k
電気工事士を取ったら一瞬で元が取れた件
bicstone
2
1.5k
obnizを制御するChatGPT自作プラグイン #iotlt #chatgpt
n0bisuke2
2
410
バタフライ効果/butterfly_effect
florets1
0
160
Chaos V-Ray Render Pool (使い方)
renderpool
0
170
ServiceNow Knowledgeの歩き方
manarobot
0
200
Featured
See All Featured
Docker and Python
trallard
35
2.7k
Robots, Beer and Maslow
schacon
PRO
155
7.9k
Designing for Performance
lara
601
67k
Gamification - CAS2011
davidbonilla
77
4.6k
WebSockets: Embracing the real-time Web
robhawkes
59
7k
Side Projects
sachag
451
41k
BBQ
matthewcrist
80
8.8k
The Invisible Side of Design
smashingmag
294
49k
Adopting Sorbet at Scale
ufuk
69
8.6k
The Cost Of JavaScript in 2023
addyosmani
21
3.9k
Rails Girls Zürich Keynote
gr2m
91
13k
Building Your Own Lightsaber
phodgson
100
5.7k
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 にリンク張っておきます。