m1104m https://blog.hatena.ne.jp/m1104m/ 試してみたブログ https://tameshitemita.blog/ AI 音声入力 背景 tameshitemita.blog 上記記事で大富豪のカード記録をつけるPWAを作った daifugo.netlify.app タップするのもちょっと大変なので音声入力機能をつけたい 試してみた PWAでWeb Speech APIを使えばいけそう ブラウザネイティブの音声認識APIがある 日本語認識、リアルタイム結果を取得、連続認識モードもある firefox以外であれば動きそう まずはClaudeと仕様についての壁打ち実施 決まった仕様 ## 全体概要 - 目的 - 既存の「手動入力で大富豪のカード枚数をカウントする PWA」に、音声入力でもカウントできる機能を統合する。 [dev… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftameshitemita.blog%2Fentry%2F2026%2F01%2F18%2F112536" title="大富豪の記録PWAに音声入力モードをつける - 試してみたブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/m/m1104m/20260118/20260118112257.png Hatena Blog https://hatena.blog 2026-01-18 11:25:36 rich https://tameshitemita.blog/entry/2026/01/18/112536 1.0 100%