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
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)
"かわいい" がテーマのハッカソンでWebの技術を使って魔法の世界を作った話など / HTML5 10th Anniversary
you
PRO
0
64
ブラウザで AI・機械学習が扱える TensorFlow.js が使われているライブラリなどの話 / #さくらのAI Meetup vol.4「ブラウザ」
you
PRO
0
130
Blynk と Raspberry Pi Pico W で IoT 〜 MQTT・HTTPリクエストの組み合わせも 〜 / IoTLT vol.114
you
PRO
0
270
AIを活用したWebアプリのプロトタイプを作ってコンテストや展示に出してみた話 / 大阪工業大学 ネットワークデザイン学科 LT大会 2024v2
you
PRO
0
65
Babylon.jsと色々なものを組み合わせる:ブラウザのAPIやガジェットや2D描画ライブラリなど / Babylon.js 勉強会 vol.3
you
PRO
0
500
WebHID API で Joy-Con・DUALSHOCK 4 のセンサーをブラウザから利用する / IoTLT vol.109
you
PRO
0
240
UIFlow 2.0 で MQTT をやってみた! / IoTLT vol.108
you
PRO
0
2.6k
UIFlow 2.0 と ATOMS3 の組み合わせで LINE通知を試す / ビジュアルプログラミングIoTLT vol.16
you
PRO
0
460
技術コミュニティの中での生成AI(自身の観測範囲での事例について) / 23 Xmas Talk / 20231209
you
PRO
0
1.5k
Other Decks in Technology
See All in Technology
A Tour of Anti-patterns for Functional Programming
guvalif
0
180
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
0
120
Amplify Gen2 Deep Dive / バックエンドの型をいかにしてフロントエンドへ伝えるか #TSKaigi #TSKaigiKansai #AWSAmplifyJP
tacck
PRO
0
410
SAP Community and Developer Update
sygyzmundovych
0
350
【LT】ソフトウェア産業は進化しているのか? #Agilejapan
takabow
0
110
個人でもIAM Identity Centerを使おう!(アクセス管理編)
ryder472
4
250
なぜ今 AI Agent なのか _近藤憲児
kenjikondobai
4
1.4k
Introduction to Works of ML Engineer in LY Corporation
lycorp_recruit_jp
0
150
The Rise of LLMOps
asei
9
1.9k
OS 標準のデザインシステムを超えて - より柔軟な Flutter テーマ管理 | FlutterKaigi 2024
ronnnnn
1
320
CDCL による厳密解法を採用した MILP ソルバー
imai448
3
220
SSMRunbook作成の勘所_20241120
koichiotomo
3
180
Featured
See All Featured
GraphQLとの向き合い方2022年版
quramy
43
13k
Bash Introduction
62gerente
608
210k
Designing Experiences People Love
moore
138
23k
Music & Morning Musume
bryan
46
6.2k
Mobile First: as difficult as doing things right
swwweet
222
8.9k
Unsuck your backbone
ammeep
668
57k
Designing the Hi-DPI Web
ddemaree
280
34k
Making the Leap to Tech Lead
cromwellryan
133
8.9k
The World Runs on Bad Software
bkeepers
PRO
65
11k
A better future with KSS
kneath
238
17k
Building an army of robots
kneath
302
43k
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
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の記事に
終わり!