WebHID API で Joy-Con・DUALSHOCK 4 のセンサーをブラウザから利用する / IoTLT vol.109

Transcript

1. 2024年3月26日 (火) IoT縛りの勉強会! IoTLT vol.109 @クラスメソッド / オンライン 豊田陽介（ ） @youtoy WebHID API で Joy-Con・DUALSHOCK 4 の センサーをブラウザから利用する
2. 自己紹介 豊田陽介（ ） @youtoy ・IT系イベント主催、登壇や運営なども ・機械学習・IoTの書籍を出版 ・子ども向けの活動いろいろ ・ Microsoft MVP（2021/10 から） プライベートでの活動 ・ガジェット大好き ・ビジュアルプログラミング／JavaScript 　やガジェット、AI・機械学習系を使った 　試作をしたり ・最近、ブラウザのデバイス系API に再度 　手を出してる 好きなこと、他
3. 今日の話題は「WebHID API」 ブラウザでハードウェアを扱えるAPI Chrome v89（2021/3）リリース
4. 過去の IoTLT の登壇ネタで 登場したことがある このあと軽く紹介
5. 以前登場した時の事例 2つ：vol.69 と vol.76 @n0bisuke さん（2020年11月） デモ内容： 　1）Joy-Con ＋ WebHID API のデモサイト紹介 　　　＋ ブラウザ操作で Joy-Con を振動させる 　2）ブラウザから MacBook のキーボードの 　　　バックライトを制御する @mascii_k さん（2021年6月） デモ内容： 　リングフィット アドベンチャーのリングコン 　（Joy-Con をつけて使うもの）を使って LT の 　スライドを制御する 　⇒ C++ の非公式な実装を JavaScript に移植
6. Gamepad API と WebHID API の違い（の一部） API で扱える内容 （Joy-Con・DUALSHOCK 4 を例に） ユーザーによる デバイス接続許可 Gamepad API ボタン押下、スティックの 動き、振動 不要 WebHID API 上記＋ センサーや LED など 必要
7. 余談：先ほどの Gamepad API 関連の補足 使えるブラウザ Gamepad: vibrationActuator プロパティ Firefox以外 ※ MDN で「非標準、標準化の予定もなし」 　 という注意書きあり Gamepad: hapticActuators プロパティ Firefox のみ Gamepad API で振動を扱う話の注意点
8. デモ2つ： ⇒ 内蔵のセンサーの値をブラウザで 　 取得して利用 　※ せっかくなので他の API も組み合わせて
9. 1）toio ＋ Web Bluetooth API を組み合わせて
10. 2）micro:bit ＋ Web Serial API を組み合わせて
11. 体験型の展示コンテンツなどに 今後、活用していきたい！
12. 終わり！