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クラウド実行環境でIoT / enebular developer meetu...
Search
you(@youtoy)
PRO
June 02, 2022
Technology
0
280
enebularクラウド実行環境でIoT / enebular developer meetup 20220602
you(@youtoy)
PRO
June 02, 2022
Tweet
Share
More Decks by you(@youtoy)
See All by you(@youtoy)
もくはりでのモノ作りと自身のモノ作り活動 / もくはり文化祭2024 オープン記念イベント
you
PRO
0
34
"かわいい" がテーマのハッカソンでWebの技術を使って魔法の世界を作った話など / HTML5 10th Anniversary
you
PRO
0
84
ブラウザで AI・機械学習が扱える TensorFlow.js が使われているライブラリなどの話 / #さくらのAI Meetup vol.4「ブラウザ」
you
PRO
0
180
Blynk と Raspberry Pi Pico W で IoT 〜 MQTT・HTTPリクエストの組み合わせも 〜 / IoTLT vol.114
you
PRO
0
2.5k
AIを活用したWebアプリのプロトタイプを作ってコンテストや展示に出してみた話 / 大阪工業大学 ネットワークデザイン学科 LT大会 2024v2
you
PRO
0
95
Babylon.jsと色々なものを組み合わせる:ブラウザのAPIやガジェットや2D描画ライブラリなど / Babylon.js 勉強会 vol.3
you
PRO
0
610
WebHID API で Joy-Con・DUALSHOCK 4 のセンサーをブラウザから利用する / IoTLT vol.109
you
PRO
0
2.4k
UIFlow 2.0 で MQTT をやってみた! / IoTLT vol.108
you
PRO
0
5k
UIFlow 2.0 と ATOMS3 の組み合わせで LINE通知を試す / ビジュアルプログラミングIoTLT vol.16
you
PRO
1
2.6k
Other Decks in Technology
See All in Technology
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
18k
速くて安いWebサイトを作る
nishiharatsubasa
15
15k
ディスプレイ広告(Yahoo!広告・LINE広告)におけるバックエンド開発
lycorptech_jp
PRO
0
200
次世代KYC活動報告 / 20250219-BizDay17-KYC-nextgen
oidfj
0
460
抽象化をするということ - 具体と抽象の往復を身につける / Abstraction and concretization
soudai
27
14k
「正しく」失敗できる チームの作り方 〜リアルな事例から紐解く失敗を恐れない組織とは〜 / A team that can fail correctly
i35_267
2
700
Apache Iceberg Case Study in LY Corporation
lycorptech_jp
PRO
0
250
分解して理解する Aspire
nenonaninu
2
710
ソフトウェアエンジニアと仕事するときに知っておいたほうが良いこと / Key points for working with software engineers
pinkumohikan
1
140
RemoveだらけのPHPUnit 12に備えよう
cocoeyes02
0
130
利用終了したドメイン名の最強終活〜観測環境を育てて、分析・供養している件〜 / The Ultimate End-of-Life Preparation for Discontinued Domain Names
nttcom
2
360
Two Blades, One Journey: Engineering While Managing
ohbarye
3
730
Featured
See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
BBQ
matthewcrist
87
9.5k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Typedesign – Prime Four
hannesfritz
40
2.5k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
Large-scale JavaScript Application Architecture
addyosmani
511
110k
Testing 201, or: Great Expectations
jmmastey
42
7.2k
Automating Front-end Workflow
addyosmani
1368
200k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
Site-Speed That Sticks
csswizardry
4
400
Transcript
enebularクラウド実行環境でIoT 2022年6月2日 (木) enebular developer meetup 豊田陽介( ) @youtoy
自己紹介 ビジュアルプログラミングや IoT、ロボットトイ関連など 豊田陽介( ) 普段は、某通信会社勤務 @youtoy ・IT系イベント主催、登壇や運営なども ・子ども向けの活動いろいろ(IT系以外も) ・
Microsoft MVP(2021/10 から) プライベートでの活動 ・ガジェット好き ・今月開催のメーカーフェア@仙台に出展予定 その他
今回の話題: enebularクラウド実行環境でのIoT を 自宅で手軽にやりたい
前の発表で既に説明されていそうですが enebular のクラウド実行環境について •フローの実行環境で無料枠 もある •トリガーはHTTPリクエスト、 スケジュール実行処理 •enebularのオフィシャル ノードを併用、フローと実行 環境のデプロイを行う
※ 詳細は公式ブログ・ドキュメント などをご覧ください
前段の話
4月のイベント(IoTLT)に向けたお試し 今回の仕組みの作成に関する記事を 2つほど公開済み
こんな話をしたりなど LT資料:
そしてIoTも絡めて
IoT絡みの話をその後に2つのイベントにて LINEの開発者コミュニティ・テックストリート関連: LT資料: LT資料:
IoT関連で試したこと
この後の動画の補足(LINE⇒デバイスの通信) ① LINEアプリ で操作 ②-1 音が鳴る ②-2 光る・表示 が変わる
この後の動画の補足(デバイス⇒LINE の通信) ② 通知 ①デバイス を操作
動作している様子をあらためて動画で
「個人で手軽に」を実現するポイント 作成したフローを手 軽にクラウドで実行 HTTPリクエスト、 LINE用ノード インターネットから 見えないデバイスを クラウドから操作 クラウド実行環境 標準ノードと便利
なノードの活用 HTTPリクエストを MQTTに
1・2)クラウド実行環境・ ノードの活用
クラウド実行環境 (HTTPトリガー) Botサーバー +α (REST API、MQTT) M5Stack Core2 動画で登場したものの構成(全体) M5StickC
Plus M5Paper LINE Notify スマホのLINE アプリ リッチメニュー の操作 HTTP(POST) HTTP(POST) MQTT MQTT HTTP(POST)
クラウド実行環境 (HTTPトリガー) Botサーバー +α (REST API、MQTT) M5Stack Core2 クラウド実行環境の役割 M5StickC
Plus M5Paper LINE Notify スマホのLINE アプリ リッチメニュー の操作 MQTT MQTT HTTP(POST) HTTP(POST) HTTP(POST)
HTTPトリガーでの動作
Botサーバー + Botサーバーと外部との間で 双方向通信
enebularでの実装(Node-REDのフロー) デバイス ⇒ LINE Notify LINE(Bot) ⇒ デバイス (Botサーバー+α) Beebotteとの連携
LINE用ノード活用 + ビジュアルな開発 + HTTPリクエスト用ノード
3)HTTPリクエストを MQTTに
クラウド実行環境 (HTTPトリガー) Botサーバー +α (REST API、MQTT) インターネット側からは見えない宅内デバイス LINE Notify スマホのLINE
アプリ リッチメニュー の操作 MQTT MQTT HTTP(POST) HTTP(POST) HTTP(POST) M5Stack Core2 M5StickC Plus M5Paper ポートを解放するのは避けたい
クラウド実行環境 (HTTPトリガー) Botサーバー +α ルーターのポートを解放せず外からの通信 LINE Notify スマホのLINE アプリ リッチメニュー
の操作 HTTP(POST) HTTP(POST) HTTP(POST) M5Stack Core2 M5StickC Plus M5Paper MQTT のサブスクライブで待ち受ける (REST API、MQTT) MQTT MQTT
クラウド実行環境はトリガーでの 単発実行がベース + 自分は連続的な送信は行わない
HTTPリクエストで単発の通信 ↓ MQTT に変換してパブリッシュ
Beebotteの設定: GUIベースで MQTT・REST API を 扱うための準備 enebular ⇄ デバイス のつなぎ役
REST APIを扱う話はQiitaの記事に 別サービスの似た話 (shiftr.io)
自宅内に置いたデバイスへの通信 Botサーバーの処理 の途中でデバイス への通信
他の活用もいろいろできそう!
おまけ
None
M5Stack系デバイスでUIFlowを利用 ビジュアルプログラミング+豊富なデバイス
HTTPリクエストやMQTTもブロックで MQTT のサブスクライブ ↓ LEDテープ制御など 本体ボタン押下を ↓ LINE通知処理等
イベントのお知らせ
ビジュアルプログラミングとIoTの話 6/15(水)20時から!
終わり!