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

2025年10月21日 (火) 3Dプリンタ回かも? IoT縛りの勉強会! IoTLT @ストラタシス・ジャパン豊田陽介（） @youtoy ブラウザのAPIで
Nintendo Switch用の特殊なゲーム用コントローラーを体験型コンテンツに

自己紹介豊田陽介（） @youtoy ▶ IT系コミュニティ主催、　イベント登壇や運営なども ▶ M5StackでIoT、AI・機械
　学習の書籍を共著・単著で ▶ 子ども向けプログラミング　サポート活動なども　プライベートでの活動 ▶ ガジェット ▶ 描画系／IoT／AI・機械学習系 ▶ ビジュアルプログラミング ▶ JavaScript 好きな技術など

ブラウザで体験型コンテンツを作るのが好きです

ブラウザで動く体験型の作品が他にもたくさん AI・機械学習などを使った透明マント／光学迷彩のWebアプリ NT東京2025 での体験型展示 100均の空気ポンプカスタムシェーダーサオコン＋
Joy-Con ロボットトイ（toio）ルーレットコントローラー＋ Joy-Con 太鼓の達人用コントローラー

自宅には3Dプリンタが2台あります

内容を3Dプリンタ関連にしようとしたものの準備が間に合わず...

このあたりを3Dプリンタを絡めてやろうと思ってた

今日の話ブラウザのAPIで Nintendo Switch用の特殊なゲーム用コントローラーを扱う＋上記を体験型コンテンツにした話

前回のIoTLTでの登壇資料

WebHID API を使った試作は前回のIoTLTで話した（こちらは MacBook の話）

先ほどの試作と過去の別の試作（※ リングコンを使ったもの）をそれぞれ体験型展示に

今月の3連休で開催された石巻ハッカソンにてチームメンバーが作ったゲームコンテンツとの組み合わせ

この前の日曜のNT名古屋での展示にて過去作品の入力にリングコンを使う形に

先ほどの開発・展示で試したことや分かったこと ▼ ルーレットコントローラー・物理的・変わったコントローラーとの連携はウケが良かった・ハッカソンでの開発ではフロントエンドと分離することで　開発しやすくできた（WebSocket を介した連携にして分離）・意外とルーレットが外れやすい？（すぐに戻せるけれど） ▼ リングコン
・過剰な負荷がかかりそうな使われ方をすることがあり　扱い方を説明でフォローする必要がありそう・運搬時にすごくかさばる（重くないけど体積が...）

引き続き、ブラウザで使えるデバイス系のAPI・ブラウザ上のJavaScriptで動く技術で楽しい体験型作品を作りたい

ミニPC「GMKtec EVO-X2」（128GB） Ryzen AI Max+ 395搭載余談：このあたりも何かモノづくりとからめたい　先週末の朝、ローカルLLM用の強大な力（マシン）を入手 M4 Mac
mini（24GB）、 M4 MacBook Air（16GB） New！これまで

終わり！

ブラウザのAPIで Nintendo Switch用の特殊なゲーム用コントローラーを体験型コン...

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

you（@youtoy） PRO

More Decks by you（@youtoy）

Other Decks in Technology

Featured

Transcript

2025年10月21日 (火) 3Dプリンタ回かも? IoT縛りの勉強会! IoTLT @ストラタシス・ジャパン豊田陽介（） @youtoy ブラウザのAPIで

自己紹介豊田陽介（） @youtoy ▶ IT系コミュニティ主催、　イベント登壇や運営なども ▶ M5StackでIoT、AI・機械