Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
obnizのブロックプログラムでお手軽IoT・デバイス間連携 / IoTLT vol.75
Search
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)
ローカルLLMをJavaScriptで(少しAIエージェントSDKなどの話も) / 冬のJavaScript祭り @Pleasanter Lounge
you
PRO
0
52
Webの技術で「特殊なゲーム用コントローラーや他デバイスなど」とブラウザを連携させる / HTML5 11th Anniversary
you
PRO
0
65
ブラウザのAPIで Nintendo Switch用の特殊なゲーム用コントローラーを体験型コンテンツに / IoTLT @ストラタシス・ジャパン
you
PRO
0
180
ローカルLLMとLINE Botの組み合わせ その2(EVO-X2でgpt-oss-120bを利用) / LINE DC Generative AI Meetup #7
you
PRO
1
190
生成AIとM5Stack / M5 Japan Tour 2025 Autumn 東京
you
PRO
0
380
子ども向けの活動や自身のモノづくり活動などでやったこと / micro:bit ファンの集い
you
PRO
0
20
ブラウザのAPIで色々なデバイスをあれこれ扱ってみた話(主にWeb HID API) / IoTLT @JLCPCB オープンハードカンファレンス
you
PRO
0
150
ヒーローズ・リーグの応募作品で使ったデバイス・アイテム・ライブラリなど / #ヒーローズリーグ 2025 開発素材LT
you
PRO
0
54
最近発売された端末+UIFlow 2.0の組み合わせ(+1.0の話)をUSB接続で / ビジュアルプログラミングIoTLT vol.21
you
PRO
0
120
Other Decks in Technology
See All in Technology
今からでも間に合う!速習Devin入門とその活用方法
ismk
1
750
1人1サービス開発しているチームでのClaudeCodeの使い方
noayaoshiro
1
280
AI-DLCを現場にインストールしてみた:プロトタイプ開発で分かったこと・やめたこと
recruitengineers
PRO
2
150
EM歴1年10ヶ月のぼくがぶち当たった苦悩とこれからへ向けて
maaaato
0
280
たまに起きる外部サービスの障害に備えたり備えなかったりする話
egmc
0
190
ガバメントクラウド利用システムのライフサイクルについて
techniczna
0
190
ChatGPTで論⽂は読めるのか
spatial_ai_network
10
29k
生成AI活用の型ハンズオン〜顧客課題起点で設計する7つのステップ
yushin_n
0
230
文字列の並び順 / Unicode Collation
tmtms
3
600
OCI Oracle Database Services新機能アップデート(2025/09-2025/11)
oracle4engineer
PRO
1
210
.NET 10の概要
tomokusaba
0
110
S3を正しく理解するための内部構造の読解
nrinetcom
PRO
2
120
Featured
See All Featured
Code Review Best Practice
trishagee
74
19k
Documentation Writing (for coders)
carmenintech
76
5.2k
Leading Effective Engineering Teams in the AI Era
addyosmani
8
1.3k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3k
Embracing the Ebb and Flow
colly
88
4.9k
Fireside Chat
paigeccino
41
3.7k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Scaling GitHub
holman
464
140k
Context Engineering - Making Every Token Count
addyosmani
9
520
Rails Girls Zürich Keynote
gr2m
95
14k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
61k
KATA
mclloyd
PRO
33
15k
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の記事に
終わり!