2024年3月26日 (火) IoT縛りの勉強会! IoTLT vol.109 @クラスメソッド / オンライン 豊田陽介（ ） @youtoy WebHID API で Joy-Con・DUALSHOCK 4 の センサーをブラウザから利用する

自己紹介 豊田陽介（ ） @youtoy ・IT系イベント主催、登壇や運営なども ・機械学習・IoTの書籍を出版 ・子ども向けの活動いろいろ ・ Microsoft MVP（2021/10 から） プライベートでの活動 ・ガジェット大好き ・ビジュアルプログラミング／JavaScript 　やガジェット、AI・機械学習系を使った 　試作をしたり ・最近、ブラウザのデバイス系API に再度 　手を出してる 好きなこと、他

今日の話題は「WebHID API」 ブラウザでハードウェアを扱えるAPI Chrome v89（2021/3）リリース

過去の IoTLT の登壇ネタで 登場したことがある このあと軽く紹介

以前登場した時の事例 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 に移植

Gamepad API と WebHID API の違い（の一部） API で扱える内容 （Joy-Con・DUALSHOCK 4 を例に） ユーザーによる デバイス接続許可 Gamepad API ボタン押下、スティックの 動き、振動 不要 WebHID API 上記＋ センサーや LED など 必要

余談：先ほどの Gamepad API 関連の補足 使えるブラウザ Gamepad: vibrationActuator プロパティ Firefox以外 ※ MDN で「非標準、標準化の予定もなし」 　 という注意書きあり Gamepad: hapticActuators プロパティ Firefox のみ Gamepad API で振動を扱う話の注意点

デモ2つ： ⇒ 内蔵のセンサーの値をブラウザで 　 取得して利用 　※ せっかくなので他の API も組み合わせて

1）toio ＋ Web Bluetooth API を組み合わせて

2）micro:bit ＋ Web Serial API を組み合わせて

体験型の展示コンテンツなどに 今後、活用していきたい！

終わり！