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
you(@youtoy)
PRO
May 13, 2021
Technology
16k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
obnizのブロックプログラムでお手軽IoT・デバイス間連携 / IoTLT vol.75
you(@youtoy)
PRO
May 13, 2021
More Decks by you(@youtoy)
See All by you(@youtoy)
ローカルLLMとLINE Botの組み合わせ その3 / LINE DC Generative AI Meetup #8
you
PRO
0
130
クラウドファンディング版StackChan 3体(4体)をインタラクティブな体験型作品にして展示もした話 / スタックチャンお誕生日会2026
you
PRO
0
280
イベントで大活躍する電子ペーパー名札 〜その3〜 / ビジュアルプログラミングIoTLT vol.23
you
PRO
0
240
AI時代だけど、わりと力業で追いかけている技術情報収集の話 / 20260518
you
PRO
0
21
最近の技術系の話題で気になったもの色々(IoT系以外も) / IoTLT 花見予定会(たぶんBBQ) @都立潮風公園バーベキュー広場
you
PRO
1
390
Babylon.js を使って試した色々な内容 / Various things I tried using Babylon.js / Babylon.js 勉強会 vol.5
you
PRO
0
490
イベントで大活躍する電子ペーパー名札を作る(その2) 〜 M5PaperとM5PaperS3 〜 / IoTLT @ JLCPCB オープンハードカンファレンス
you
PRO
0
320
Deno・Bunの標準機能やElysiaJSを使ったWebSocketサーバー実装 / ラーメン屋を貸し切ってLT会! IoTLT 2026新年会
you
PRO
0
370
M5Stack Chain DualKey を UIFlow 2.0 + USB接続で試す / ビジュアルプログラミングIoTLT vol.22
you
PRO
2
230
Other Decks in Technology
See All in Technology
依頼文化をやめる日 EM視点で語るPlatform EngineeringとInclusive SRE / Discussing Platform Engineering and Inclusive SRE from an EM's Perspective
shin1988
4
5.4k
しくみを学んで使いこなそう GitHub Copilot app
torumakabe
2
240
インフラ寄りSREでも 開発に踏み出せる〜境界を越えてユーザー体験に向き合いたい〜
sansantech
PRO
2
3.8k
【Claude Code】鹿野さんに聞く 私の推しの並行開発環境 大公開 / claude-code-parallel-2026-07-15
tonkotsuboy_com
11
7.1k
Claude Code 珍プレー好プレー
shinyasaita
0
330
しぶいSRE: サーバから見えない障害にどう向き合うか。ラストワンマイルのデバッグ実践 / Shibui SRE
kanny
13
6.1k
AIと共生する開発者プラットフォーム:バクラクのモノレポ×マイクロサービス基盤
sakajunquality
2
3.5k
AI時代の開発生産性は、個人技からチーム設計へ
moongift
PRO
3
290
Foxgloveについて 実際にExtensionを開発して公開するまでの話 / About Foxglove: The Story of Developing and Releasing an Extension
ry0_ka
0
210
ヘルスケア領域における AI 活用と その安全性担保のための取り組み (Leveraging AI in Healthcare and Our Efforts to Ensure Its Safety) - Google I/O Extended Tokyo 2026, July 11, 2026
zettaittenani
0
290
凡エンジニアがこの先生きのこるためには。〜TypeScript完全に理解したい〜
alchemy1115
2
180
クラウド上のデータ復旧で見落としがちな制約: 医療系 SaaS の BCP 設計から得た教訓
kakehashi
PRO
0
3.4k
Featured
See All Featured
Art, The Web, and Tiny UX
lynnandtonic
304
22k
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
350
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.5k
GitHub's CSS Performance
jonrohan
1033
470k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
460
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
190
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
220
Imperfection Machines: The Place of Print at Facebook
scottboms
270
14k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
760
WENDY [Excerpt]
tessaabrams
11
38k
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の記事に
終わり!