TadaoYamaoka https://blog.hatena.ne.jp/TadaoYamaoka/ TadaoYamaokaの開発日記 https://tadaoyamaoka.hatenablog.com/ バイブコーディング 前回、タブ譜からギター奏法に対応したピアノロールを描画するところまで実装した。今回は、音声入力とリアルタイムに和音を解析する処理を実装する。 検討事項 音声入力 WASAPI共有モードのイベント駆動で入力する。 サンプリングレートは録音再生時にリサンプリングが発生しないように再生デバイスに合わせる。 スクロール処理 録音中に、現在、タブ譜のどの位置かを示すラインを固定位置に描画し、タブ譜をテンポに合わせて横スクロールする。 録音とスクロールを同期させるため、オーディオフレーム数を基準として時間を計算する。 スペクトログラム描画 演奏した音を可視化するため、ピアノロールの鍵盤と現在位置カーソルの… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftadaoyamaoka.hatenablog.com%2Fentry%2F2026%2F02%2F08%2F144516" title="【バイブコーディング】ギターの音ゲーを作る（音声入力とリアルタイム和音解析） - TadaoYamaokaの開発日記" 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/T/TadaoYamaoka/20260208/20260208143323.png Hatena Blog https://hatena.blog 2026-02-08 14:45:16 rich https://tadaoyamaoka.hatenablog.com/entry/2026/02/08/144516 1.0 100%