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
ブラウザのAPIで色々なデバイスをあれこれ扱ってみた話(主にWeb HID API) / Io...
Search
you(@youtoy)
PRO
September 21, 2025
Technology
0
120
ブラウザのAPIで色々なデバイスをあれこれ扱ってみた話(主にWeb HID API) / IoTLT @JLCPCB オープンハードカンファレンス
you(@youtoy)
PRO
September 21, 2025
Tweet
Share
More Decks by you(@youtoy)
See All by you(@youtoy)
ヒーローズ・リーグの応募作品で使ったデバイス・アイテム・ライブラリなど / #ヒーローズリーグ 2025 開発素材LT
you
PRO
0
38
最近発売された端末+UIFlow 2.0の組み合わせ(+1.0の話)をUSB接続で / ビジュアルプログラミングIoTLT vol.21
you
PRO
0
70
AIエージェント開発用SDKとローカルLLMをLINE Botと組み合わせてみた / LINEを使ったLT大会 #14
you
PRO
0
200
ブラウザで CircuitPython の開発:公式の「CircuitPython Code Editor」を試した / 【屋形船開催】IoT縛りの勉強会! IoTLT vol.126 @東京湾
you
PRO
0
120
公開初日に個人環境で試した Gemini CLI 体験記など / Gemini CLI実験レポート
you
PRO
3
3k
Webの技術とガジェットで那須の子ども達にワクワクを! / IoTLT_20250720
you
PRO
0
140
公開初日に Gemini CLI を試した話や FFmpeg と組み合わせてみた話など / Gemini CLI 初学者勉強会(#AI道場)
you
PRO
0
2.6k
Node-REDのFunctionノードでMCPサーバーの実装を試してみた / Node-RED × MCP 勉強会 vol.1
you
PRO
0
180
総額200円の入力インターフェースで年齢問わず楽しめる体験型展示 / エンジニアの自由研究発表会vol.10
you
PRO
0
340
Other Decks in Technology
See All in Technology
データエンジニアがこの先生きのこるには...?
10xinc
0
400
いま注目しているデータエンジニアリングの論点
ikkimiyazaki
0
530
研究開発部メンバーの働き⽅ / Sansan R&D Profile
sansan33
PRO
3
20k
Goを使ってTDDを体験しよう!
chiroruxx
1
230
20250929_QaaS_vol20
mura_shin
0
110
Goのビルドシステムの変遷 / The history of Go's build system
ymotongpoo
12
3.4k
動画データのポテンシャルを引き出す! Databricks と AI活用への奮闘記(現在進行形)
databricksjapan
0
120
KAGのLT会 #8 - 東京リージョンでGAしたAmazon Q in QuickSightを使って、報告用の資料を作ってみた
0air
0
180
Green Tea Garbage Collector の今
zchee
PRO
2
350
FastAPIの魔法をgRPC/Connect RPCへ
monotaro
PRO
0
470
OpenAI gpt-oss ファインチューニング入門
kmotohas
0
280
ZennとCloud Runの歩み - プロダクト開発に全集中できる相棒になるまで
wadayusuke
5
620
Featured
See All Featured
Art, The Web, and Tiny UX
lynnandtonic
303
21k
The Pragmatic Product Professional
lauravandoore
36
6.9k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
Documentation Writing (for coders)
carmenintech
75
5k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
A designer walks into a library…
pauljervisheath
208
24k
How GitHub (no longer) Works
holman
315
140k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Navigating Team Friction
lara
189
15k
Transcript
2025年9月21日 (日) IoT縛りの勉強会! IoTLT @JLCPCB オープンハードカンファレンス 豊田陽介( ) @youtoy ブラウザのAPIで色々なデバイスを
あれこれ扱ってみた話(主にWeb HID API)
自己紹介 豊田陽介( ) @youtoy ▶ IT系イベント主催、 登壇や運営なども ▶ 機械学習・IoT関連
の書籍を出版 ▶ 子ども向けのIT関連活動 (ITが関係しない活動も) プライベートでの活動 ▶ ガジェット ▶ 描画系/IoT/AI・機械学習系 ▶ ビジュアルプログラミング ▶ JavaScript 好きな技術など 最近は、生成AI・ ローカルLLMも
【余談】デバイス系ではないけどブラウザ上で
今日の話 デバイスを扱うブラウザの API(主に Web HID API) を使って様々なデバイスを扱う
【例1】MacBookのパネルの開閉の角度を取得
【例2】2台のルーレットコントローラーの数字取得
【例3】コーディングをブラウザ上で行ったもの
例1の元ネタ(ネットニュースにも載っていたもの) 元ネタは Macアプリだったけど、公開されている リポジトリを見てみたら HID での実装だった ⇒ Web HID API
を使った実装でブラウザで取得 して p5.js で可視化した、という流れ
例2の元ネタ(デイリーポータルZさんの記事など) 元ネタは Joy-Con との通信に「node-hid」を使った実装 ⇒ Web HID API を使った実装でブラウザでできるのでは? (当初は、元ネタの通信部分はそのまま使って、改造を
したような実装で試していて、その後、独自実装に)
例2のテスト時の詳細はQiitaの記事に
例3の実装:kurikitでのビジュアルプログラミング 作ったプログラムは USB経由で ボードへ書き込み ボードは「Arduino pro mini 互換機」、乾電池 でも動作し、モーター・Groveを接続可能
例3の詳細はQiitaの記事に
終わり!