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
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
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
生成AIを活用した音声文字起こしシステムの2つの構築パターンについて
miu_crescent
PRO
2
190
Bill One 開発エンジニア 紹介資料
sansan33
PRO
4
17k
データ民主化のための LLM 活用状況と課題紹介(IVRy の場合)
wxyzzz
2
700
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
10k
OpenShiftでllm-dを動かそう!
jpishikawa
0
100
Agile Leadership Summit Keynote 2026
m_seki
1
600
IaaS/SaaS管理における SREの実践 - SRE Kaigi 2026
bbqallstars
4
2.2k
Introduction to Bill One Development Engineer
sansan33
PRO
0
360
GSIが複数キー対応したことで、俺達はいったい何が嬉しいのか?
smt7174
3
150
Tebiki Engineering Team Deck
tebiki
0
24k
Codex 5.3 と Opus 4.6 にコーポレートサイトを作らせてみた / Codex 5.3 vs Opus 4.6
ama_ch
0
150
Webhook best practices for rock solid and resilient deployments
glaforge
1
280
Featured
See All Featured
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
60
42k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.7k
Being A Developer After 40
akosma
91
590k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
57
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
200
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
19k
エンジニアに許された特別な時間の終わり
watany
106
230k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
0
220
How to Think Like a Performance Engineer
csswizardry
28
2.4k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.6k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.2k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
190
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の記事に
終わり!