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
obnizのブロックプログラムでお手軽IoT・デバイス間連携 / IoTLT vol.75
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
you(@youtoy)
PRO
May 13, 2021
Technology
0
16k
obnizのブロックプログラムでお手軽IoT・デバイス間連携 / IoTLT vol.75
you(@youtoy)
PRO
May 13, 2021
Tweet
Share
More Decks by you(@youtoy)
See All by you(@youtoy)
Deno・Bunの標準機能やElysiaJSを使ったWebSocketサーバー実装 / ラーメン屋を貸し切ってLT会! IoTLT 2026新年会
you
PRO
0
300
M5Stack Chain DualKey を UIFlow 2.0 + USB接続で試す / ビジュアルプログラミングIoTLT vol.22
you
PRO
2
150
ローカルLLMをJavaScriptで(少しAIエージェントSDKなどの話も) / 冬のJavaScript祭り @Pleasanter Lounge
you
PRO
0
940
Webの技術で「特殊なゲーム用コントローラーや他デバイスなど」とブラウザを連携させる / HTML5 11th Anniversary
you
PRO
0
80
ブラウザのAPIで Nintendo Switch用の特殊なゲーム用コントローラーを体験型コンテンツに / IoTLT @ストラタシス・ジャパン
you
PRO
0
200
ローカルLLMとLINE Botの組み合わせ その2(EVO-X2でgpt-oss-120bを利用) / LINE DC Generative AI Meetup #7
you
PRO
1
880
生成AIとM5Stack / M5 Japan Tour 2025 Autumn 東京
you
PRO
0
430
子ども向けの活動や自身のモノづくり活動などでやったこと / micro:bit ファンの集い
you
PRO
0
43
ブラウザのAPIで色々なデバイスをあれこれ扱ってみた話(主にWeb HID API) / IoTLT @JLCPCB オープンハードカンファレンス
you
PRO
0
170
Other Decks in Technology
See All in Technology
2026年、サーバーレスの現在地 -「制約と戦う技術」から「当たり前の実行基盤」へ- /serverless2026
slsops
2
240
モダンUIでフルサーバーレスなAIエージェントをAmplifyとCDKでサクッとデプロイしよう
minorun365
4
190
[CV勉強会@関東 World Model 読み会] Orbis: Overcoming Challenges of Long-Horizon Prediction in Driving World Models (Mousakhan+, NeurIPS 2025)
abemii
0
130
Red Hat OpenStack Services on OpenShift
tamemiya
0
100
Kiro IDEのドキュメントを全部読んだので地味だけどちょっと嬉しい機能を紹介する
khmoryz
0
180
茨城の思い出を振り返る ~CDKのセキュリティを添えて~ / 20260201 Mitsutoshi Matsuo
shift_evolve
PRO
1
260
Agile Leadership Summit Keynote 2026
m_seki
1
610
Context Engineeringが企業で不可欠になる理由
hirosatogamo
PRO
3
570
Tebiki Engineering Team Deck
tebiki
0
24k
AI駆動PjMの理想像 と現在地 -実践例を添えて-
masahiro_okamura
1
110
GitHub Issue Templates + Coding Agentで簡単みんなでIaC/Easy IaC for Everyone with GitHub Issue Templates + Coding Agent
aeonpeople
1
220
CDK対応したAWS DevOps Agentを試そう_20260201
masakiokuda
1
270
Featured
See All Featured
WENDY [Excerpt]
tessaabrams
9
36k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
54
Code Reviewing Like a Champion
maltzj
527
40k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
51k
A designer walks into a library…
pauljervisheath
210
24k
Fireside Chat
paigeccino
41
3.8k
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
92
Amusing Abliteration
ianozsvald
0
100
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
0
430
Faster Mobile Websites
deanohume
310
31k
Reality Check: Gamification 10 Years Later
codingconduct
0
2k
Transcript
obnizのブロックプログラムで お手軽IoT・デバイス間連携 2021年5月13日 (木) IoT縛りの勉強会! IoTLT vol.75 @オンライン 豊田 陽介
( @youtoy )
豊田陽介(@youtoy) 自己紹介 普段は、某通信会社の研究所勤務 自宅にたくさん ビジュアルプログラミングIoTLT 共同主催、その他にも複数主催 ガジェット好き その他 IT系イベント主催・登壇・運営、多数参加 子ども向けの活動いろいろ(IT系以外も)
プライベートでの活動
今日の話は「obniz」の
ブロックプログラムで デバイス間連携
手軽にIoTしたい!
2種類の連携方法 構成2 構成1 Internet 同一のブロック プログラム上で 両方の処理を書く PC やその他の デバイス等
HTTPリクエスト (GET・POST)が 利用できるもの Internet
構成1のほうのデモ動画 デバイスは以下の 2つ ・obnizOS + M5StickC ・obniz Board 1Y
構成1の話から
情報源: obniz 木戸さんの記事 同一のプログラムの中で 2台分の ID を指定、処理 も同一プログラムの中へ
シンプルに試す! M5StickC(obnizOS)と obniz Board 1Y(+サーボ) Internet 加速度センサーの値を取得、 値を 5個の区間に場合分け 加速度センサーの値によって
サーボモーターの角度を変更
プログラム 2台分の ID指定、サーボ モーターのセットアップ 一方の加速度センサーの 値に応じて、もう一方に つながったサーボモーター を動かす
構成2の話へ
はじまりは obniz 木戸さんの話(過去) ブロックプログラムを外部からの HTTP リクエストで動かす方法があるとの話 サーバーレスイベント
今は「レガシー」 同じことをやるには?
アプリのクラウド実行(Webhook)
開発者コンソールのメニューのこれ
「アプリ」についての補足 • 2種類のアプリ:ブラウザアプリとホステッドアプリ • obnizのアプリは手元のブラウザやobnizクラウド上また は別サーバーで動作、第3者への提供も可能。 • デバイスへの紐付け(インストール:※ デバイスに プログラム転送は行われない)を行って利用。
開発に利用できる言語・環境の種類 ブラウザアプリは「HTML/JavaScript、ブロックプログラム」
WebApp Store 公式ストアに公開されているアプリも
おおまかな手順 1. アプリを新規作成 a. ブラウザアプリ(ブロックプログラム)を選択 b. テンプレートの選択や名前の設定 2. アプリ設定で Webhook
を有効化 3. プログラムの開発 4. デバイスへのインストール ※ ここで、Webhook用の URL を取得
Webhookを使って動作させる あとは HTTPリクエスト(GET/POST)を実行
詳細はQiitaの記事に
終わり!