Upgrade to Pro — share decks privately, control downloads, hide ads and more …

ブラウザのAPIで色々なデバイスをあれこれ扱ってみた話（主にWeb HID API） / Io...

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for you（@youtoy） you（@youtoy） PRO
September 21, 2025
Technology
200
0

ブラウザのAPIで色々なデバイスをあれこれ扱ってみた話（主にWeb HID API） / IoTLT @JLCPCB オープンハードカンファレンス

Avatar for you（@youtoy）

you（@youtoy） PRO

September 21, 2025

More Decks by you（@youtoy）

See All by you（@youtoy）
最近の技術系の話題で気になったもの色々（IoT系以外も） / IoTLT 花見予定会（たぶんBBQ） @都立潮風公園バーベキュー広場
Avatar for you（@youtoy） you
PRO
1
330
Babylon.js を使って試した色々な内容 / Various things I tried using Babylon.js / Babylon.js 勉強会 vol.5
Avatar for you（@youtoy） you
PRO
0
390
イベントで大活躍する電子ペーパー名札を作る（その２） 〜 M5PaperとM5PaperS3 〜 / IoTLT @ JLCPCB オープンハードカンファレンス
Avatar for you（@youtoy） you
PRO
0
270
Deno・Bunの標準機能やElysiaJSを使ったWebSocketサーバー実装 / ラーメン屋を貸し切ってLT会! IoTLT 2026新年会
Avatar for you（@youtoy） you
PRO
0
350
M5Stack Chain DualKey を UIFlow 2.0 ＋ USB接続で試す / ビジュアルプログラミングIoTLT vol.22
Avatar for you（@youtoy） you
PRO
2
220
ローカルLLMをJavaScriptで（少しAIエージェントSDKなどの話も） / 冬のJavaScript祭り @Pleasanter Lounge
Avatar for you（@youtoy） you
PRO
0
970
Webの技術で「特殊なゲーム用コントローラーや他デバイスなど」とブラウザを連携させる / HTML5 11th Anniversary
Avatar for you（@youtoy） you
PRO
0
110
ブラウザのAPIで Nintendo Switch用の特殊なゲーム用コントローラーを体験型コンテンツに / IoTLT @ストラタシス・ジャパン
Avatar for you（@youtoy） you
PRO
0
230
ローカルLLMとLINE Botの組み合わせ その2（EVO-X2でgpt-oss-120bを利用） / LINE DC Generative AI Meetup #7
Avatar for you（@youtoy） you
PRO
1
980

Other Decks in Technology

See All in Technology
アクセシビリティはすべての人のもの
Avatar for tomokusaba tomokusaba
0
210
No Types Needed, Just Callable Method Check
Avatar for dak2 dak2
1
2.7k
AgentCore Managed Harness を使ってみよう
Avatar for やくも yakumo
2
290
基盤を育てる 外部SaaS連携の運用
Avatar for Hiroto Gamo gamonges_dresscode
1
130
自動テストだけで
リリース判断できるチームへ - 鍵はテストの量ではなくリリース判断基準の再設計にあった / Redesigning Release Criteria for Lightweight Releases
Avatar for えわ ewa
5
2.6k
AI時代の品質はテストプロセスの作り直し #scrumniigata
Avatar for kyonmm kyonmm
PRO
3
680
Fabric MCPの紹介と使い分け
Avatar for Ryoma Nagata ryomaru0825
1
110
【技術書典20】OpenFOAM（自宅で深める流体解析）流れと熱移動（２）
Avatar for kamakiri1225 kamakiri1225
0
360
M5Stack CoreS3とZephyr(RTOS)で Edge AIっぽいことしてみた
Avatar for misoji engineer iotengineer22
0
400
Shipping AI Agents — Lessons from Production
Avatar for vvatanabe vvatanabe
0
300
Modernizing Your HCL Connections Experience: Visual Report to chain, Profile Enhancements, and AI Integration
Avatar for Wannes Rams wannesrams
0
250
20260428_Product Management Summit_tadokoroyoshiro
Avatar for tadokoro_yoshiro tadokoro_yoshiro
15
17k

Featured

See All Featured
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
680
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
5.4k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
52k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
21k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
270
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.5k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
320
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
A Soul's Torment
Avatar for Nat Ma seathinner
6
2.7k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
170
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.6k

Transcript

  1. 2025年9月21日 (日) IoT縛りの勉強会! IoTLT @JLCPCB オープンハードカンファレンス 豊田陽介（ ） @youtoy ブラウザのAPIで色々なデバイスを

    あれこれ扱ってみた話（主にWeb HID API）

  2. 自己紹介 豊田陽介（ ） @youtoy ▶ IT系イベント主催、 　 登壇や運営なども ▶ 機械学習・IoT関連

    　 の書籍を出版 ▶ 子ども向けのIT関連活動 　（ITが関係しない活動も）　　 プライベートでの活動 ▶ ガジェット ▶ 描画系／IoT／AI・機械学習系 ▶ ビジュアルプログラミング ▶ JavaScript 好きな技術など 最近は、生成AI・ ローカルLLMも

  3. 【余談】デバイス系ではないけどブラウザ上で

  4. 今日の話 デバイスを扱うブラウザの API（主に Web HID API） を使って様々なデバイスを扱う

  5. 【例1】MacBookのパネルの開閉の角度を取得

  6. 【例2】2台のルーレットコントローラーの数字取得

  7. 【例3】コーディングをブラウザ上で行ったもの

  8. 例1の元ネタ（ネットニュースにも載っていたもの） 元ネタは Macアプリだったけど、公開されている リポジトリを見てみたら HID での実装だった ⇒ Web HID API

    を使った実装でブラウザで取得 　 して p5.js で可視化した、という流れ

  9. 例2の元ネタ（デイリーポータルZさんの記事など） 元ネタは Joy-Con との通信に「node-hid」を使った実装 ⇒ Web HID API を使った実装でブラウザでできるのでは？ （当初は、元ネタの通信部分はそのまま使って、改造を

    　したような実装で試していて、その後、独自実装に）

  10. 例2のテスト時の詳細はQiitaの記事に

  11. 例3の実装：kurikitでのビジュアルプログラミング 作ったプログラムは USB経由で ボードへ書き込み ボードは「Arduino pro mini 互換機」、乾電池 でも動作し、モーター・Groveを接続可能

  12. 例3の詳細はQiitaの記事に

  13. 終わり！