ブラウザのAPIで Nintendo Switch用の特殊なゲーム用コントローラーを体験型コンテンツに / IoTLT @ストラタシス・ジャパン

Transcript

1. 2025年10月21日 (火) 3Dプリンタ回かも? IoT縛りの勉強会! IoTLT @ストラタシス・ジャパン 豊田陽介（ ） @youtoy ブラウザのAPIで Nintendo Switch用の 特殊なゲーム用コントローラーを体験型コンテンツに
2. 自己紹介 豊田陽介（ ） @youtoy ▶ IT系コミュニティ主催、 　 イベント登壇や運営なども ▶ M5StackでIoT、AI・機械 　 学習の書籍を共著・単著で ▶ 子ども向けプログラミング 　サポート活動なども　 プライベートでの活動 ▶ ガジェット ▶ 描画系／IoT／AI・機械学習系 ▶ ビジュアルプログラミング ▶ JavaScript 好きな技術など
3. ブラウザで体験型コンテンツを作るのが好きです
4. ブラウザで動く体験型の作品が他にもたくさん AI・機械学習などを使った 透明マント／光学迷彩のWebアプリ NT東京2025 での体験型展示 100均の 空気ポンプ カスタム シェーダー サオコン＋ Joy-Con ロボット トイ（toio） ルーレット コントローラー ＋ Joy-Con 太鼓の達人用 コントローラー
5. 自宅には3Dプリンタが2台あります
6. 内容を3Dプリンタ関連に しようとしたものの 準備が間に合わず...
7. このあたりを3Dプリンタを絡めてやろうと思ってた
8. 今日の話 ブラウザのAPIで Nintendo Switch用の 特殊なゲーム用コントローラーを扱う ＋ 上記を体験型コンテンツにした話
9. 前回のIoTLTでの登壇資料
10. WebHID API を使った試作は前回のIoTLTで話した （こちらは MacBook の話）
11. 先ほどの試作と過去の別の試作 （※ リングコンを使ったもの） をそれぞれ体験型展示に
12. 今月の3連休で開催された石巻ハッカソンにて チームメンバーが作ったゲームコンテンツとの組み合わせ
13. この前の日曜のNT名古屋での展示にて 過去作品の入力 にリングコンを 使う形に
14. 先ほどの開発・展示で試したことや分かったこと ▼ ルーレットコントローラー ・物理的・変わったコントローラーとの連携はウケが良かった ・ハッカソンでの開発ではフロントエンドと分離することで 　開発しやすくできた（WebSocket を介した連携にして分離） ・意外とルーレットが外れやすい？（すぐに戻せるけれど） ▼ リングコン ・過剰な負荷がかかりそうな使われ方をすることがあり 　扱い方を説明でフォローする必要がありそう ・運搬時にすごくかさばる（重くないけど体積が...）
15. 引き続き、ブラウザで使えるデバイス系 のAPI・ブラウザ上のJavaScriptで動く 技術で楽しい体験型作品を作りたい
16. ミニPC「GMKtec EVO-X2」（128GB） Ryzen AI Max+ 395搭載 余談：このあたりも何かモノづくりとからめたい 　先週末の朝、ローカルLLM用の強大な力（マシン）を入手 M4 Mac mini（24GB）、 M4 MacBook Air（16GB） New！ これまで
17. 終わり！