メトロノームなしでリズムを練習するガイドを新設
メトロノームに頼り切らずに拍を保つための5つの練習法を、体・声・無音小節・バッキングトラックなどの観点から整理した新しいガイドページを追加しました。
- •足・手・頭の動きで拍を作る方法
- •声でカウントしてリズムを内在化させる練習
- •無音小節で自分で拍をキープする練習
- •バッキングトラックに合わせて拍感を実践
- •メトロノームありと無しの練習のバランス
メトロノームのキーボードショートカット＋ガイドページ
マウスに手を伸ばさずに操作できるよう、Spaceキーでメトロノームの再生/停止ができるようになりました。ショートカットをまとめたガイドページも新設しました。
- •Spaceキーで再生/停止を切り替え
- •キーボードショートカットのガイドページを新設（/metronome-keyboard-shortcuts）
コンテンツ強化 — リズム感とギター5フレット比較
練習のコツページに「リズム感の鍛え方」の冒頭セクションを追加し、ギターチューニングガイドには5フレット比較法のセクションを新設しました。
- •/practice-tips に「リズム感の鍛え方」セクションを追加
- •/guitar-tuning-guide に5フレット比較チューニングのセクションを追加
ツールページの使いやすさ整理
チューナーでチューニング完了後の次の行動を案内するCTAを追加し、ツールページの関連リンク群を標準化しました。ホームとリズム練習ページにはFAQも追加しています。
- •チューニング完了後に次のステップを案内するCTAを追加
- •ツールページ3か所の関連リンク群を標準化
- •ホーム・リズム練習にFAQを4件＋FAQPage構造化データを追加
チュートリアル再表示バグの修正
初回ユーザー向けチュートリアルを閉じたあと、再訪時に再び表示されてしまう問題を修正しました。一度閉じたチュートリアルは繰り返し表示されません。
- •閉じたチュートリアルが再訪時に再表示される問題を修正
ページタイトルとツール紹介文の整備
ホーム・チューナー・リズム練習ページのタイトルをより分かりやすい表現に変更し、各ツールの下にどんな機能かがひと目でわかる短い紹介文を追加しました。
- •ホームのタイトルを「タイミングを採点する無料メトロノーム」に変更
- •チューナーのタイトルを「無料ギターチューナー」に変更＋紹介文を追加
- •リズム練習のタイトルを「リズムパターン作成＆練習ツール」に変更＋紹介文を追加
チューナーのマルチ楽器対応 + 楽器別ガイド
ギターに加えてベース、ウクレレ、バイオリンのチューニングにも対応しました。楽器別のチューニングガイドページも追加しています。
- •4弦/5弦ベースのチューニング対応（Drop D含む）
- •ウクレレ標準/Low Gチューニング対応
- •バイオリンGDAE標準チューニング対応
- •楽器別チューニングガイドを3ページ新設
メインページリニューアル
メインページの紹介文とレイアウトを一新しました。
- •紹介文をより読みやすく整理
- •3つの差別化ポイントに簡潔に再構成
チューナーピッチ検出精度の改善
ギターチューナーのピッチ検出アルゴリズムを改善し、弱い信号でも音を正確に検出、オクターブ誤認識を防止します。
- •NSDF信頼閾値調整で低周波(E2)検出率向上
- •サブハーモニック防止ロジック追加 — オクターブ誤認識解決
- •安定化フィルターの応答速度向上（履歴5→3、許容誤差調整）
練習記録＆成長グラフ
メトロノーム練習セッションを自動記録し、時間経過に伴う上達を成長グラフで確認できます。
- •練習の開始/停止を自動検知してセッション記録
- •日別練習量と精度の変化を示す成長グラフ
- •セッション別の詳細記録の閲覧と削除
ナビゲーションとガイドのUX改善
上部ナビにアップデートを追加し、ガイドの導線を分かりやすく整理しました。初見ユーザー向けの概要で主な機能を素早く把握できます。
- •上部ナビに「アップデート」を追加
- •ガイドへの導線を整理・可視性を向上
- •製品概要ページで主要機能を素早く確認
モバイルUXの大幅改善
タッチ操作を最適化し、ツールページの煩わしい広告を整理。DAWシーケンサーにモバイル専用ビューを追加しました。
- •モバイルの300msタップ遅延を解消（touch-action: manipulationを全体適用）
- •メトロノーム/チューナー/リズム練習でポップアップ広告を撤去 — 操作の妨げを解消
- •モバイルDAW: トラックをタップして選択 → 1トラック大きめグリッドで編集（デスクトップは5トラック維持）
- •32分音符でも指で押しやすい最小セル幅を確保
- •再生中はカーソルに追従して自動スクロール
- •カーソルとオーディオ再生を高精度に同期
SEOコンテンツ拡充
練習のコツページを新規追加、ガイドハブを刷新、ページ間の内部リンクを強化し、ギターチューニングガイドを拡張しました。
- •練習のコツ（7つの方法）ページを追加（/practice-tips）
- •ガイドハブをリニューアル（サブガイドカード追加）
- •ギターチューニングガイドを拡張（新規セクション4 + FAQ5）
タイミングチャートの改善
タイミング可視化チャートにズーム、履歴スクロール、画像ダウンロードを追加しました。
- •時間ウィンドウのズーム（2/4/8秒）
- •過去記録のスクロール閲覧
- •PNG画像としてダウンロード
デザインリニューアル
ブランドカラーIndigoを導入し、UI全体をクリーンなフラットデザインへ刷新。ナビゲーション構造を整理し、メトロノームの操作レイアウトを改善しました。
- •Indigo(#6366f1)をボタン/アクセント/フォーカスなどに適用
- •ナビゲーションを8→5項目に整理＋ガイドドロップダウン
- •メトロノーム: BPM/再生/タップを強調、詳細設定は折りたたみ
- •DAWグリッドのコントラスト/タッチ領域を最適化
- •Glass/Neumorphism→フラットデザインへ移行
ビート精度スコアリング
スペースキーやタップでビートに合わせると、Perfect/Great/Good/Missをリアルタイム判定。Web Audioの高精度タイミングで再生音との誤差を測定します。
- •4段階のリアルタイム判定（Perfect/Great/Good/Miss）
- •タイムラインに誤差ティックを重ねて表示（±ms）
- •セッション統計（精度%、平均誤差、判定分布）
- •AudioContext.currentTimeに基づくタイミング同期
MIDI/WAV書き出し
リズムパターンをMIDIまたはWAVで書き出し可能に。ミュート/ソロ設定を反映し、すべてブラウザ内で完結します。
- •MIDIファイルとして書き出し（GMドラムマップ対応）
- •WAVファイルとして書き出し（オフラインレンダリング）
- •ミュート/ソロ設定をエクスポートに反映
- •サーバ不要、完全クライアントサイド処理
サイレント小節モード
鳴る小節と無音の小節を交互にして内的リズム感を鍛える練習システム。カウントイン、プリセット、段階的難易度に対応。
- •有音/無音の小節を繰り返すサイクル練習
- •開始前のカウントイン（1–2小節）
- •4種のプリセット（Standard/Beginner/Challenge/Advanced）＋カスタム
- •繰り返しに応じて自動で難易度アップ
- •無音時もビートのアニメーションで視覚ガイド
Webパフォーマンスの向上
Next.jsに移行し、初期表示とSEOを改善しました。
- •サーバーサイドレンダリングで初期表示を高速化
- •ページ遷移の体感速度を改善
リズム音の多様化
シーケンスに5トラック（キック/スネア/ハイハット/タム/クラップ）を追加し、メトロノーム音色も4種追加しました。
- •5トラック・ドラム対応（キック/スネア/ハイハット/タム/クラップ）
- •メトロノーム音色4種（リムショット/ハイハット/カウベル/クラベス）
- •Web Audio APIによるリアルタイム合成
- •トラック別ボリュームバランスの最適化
拍手検出アルゴリズム V2
ピーク検出ベースの新アルゴリズムでマイク入力の精度を改善しました。
- •ピーク検出で認識精度を向上
- •スペクトル分析で拍手と音声/雑音を識別
- •ビート検出を即時にUIへ反映
- •環境に応じた適応型ノイズフロア
チューナーの保持時間を改善
ピッチ検出の安定性を向上。保持時間とフェード効果を追加しました。
- •音の保持時間(Hold Time)機能
- •表示のフェード効果
- •検出安定性の向上
ギターチューナー
マイク入力でギターのチューニングに対応。クロマチックモードと標準チューニングをサポート。
- •クロマチックチューナーモード
- •標準チューニング（E2-A2-D3-G3-B3-E4）
- •リアルタイムのピッチ検出（YINアルゴリズム）
- •チューニング状態をリアルタイム可視化
- •多言語対応
リズムパターンの保存
作成したパターンを保存/読み込み。localStorageでブラウザ終了後も保持されます。
- •カスタムリズムを保存
- •保存したパターンを読み込み
- •パターンを削除
- •ブラウザのローカルストレージに永続化
- •オンボーディングガイドを追加
プログレッシブ・テンポ
開始BPMから目標BPMまで段階的にテンポを上げる練習です。
- •開始→目標BPMへ自動上昇
- •増分(BPM)を設定可能
- •小節単位の進行表示
メトロノーム自動停止
ページ移動時にメトロノームを自動で停止します。
- •ページ移動時に自動停止
オンボーディング・チュートリアル
新規ユーザー向けにステップごとのチュートリアルを追加。Intro.jsで主要機能を案内します。
- •Intro.jsベースのチュートリアル
- •メトロノームの使い方ガイド
- •リズム練習の使い方ガイド
シーケンス・タイムライン
リズムパターンを視覚的に編集できるタイムラインUIを追加しました。
- •5トラック（キック/スネア/ハイハット/タム/クラップ）の編集
- •ドラッグ&ドロップでビート移動
- •グリッドスナップ機能
- •再生中のリアルタイム編集と再生
練習タイマー
練習時間を設定・記録できるタイマー機能を追加しました。
- •カウントダウンタイマー
- •セッションごとの練習時間を記録
- •requestAnimationFrameで正確なタイミング
プリセット機能
メトロノーム設定をプリセットとして保存・読み込みできます。
- •現在の設定をプリセットとして保存
- •保存したプリセットを読み込み
- •Zustandのpersistミドルウェア
マイクロインタラクション改善
ボタンやホバーなどのインタラクション表現を改善しました。
- •ボタンクリックのアニメーション
- •ホバー効果の改善
- •BPM変更時のアニメーション
ダークモード
目の負担を軽減するダークモード。システム設定に追従または手動で切り替え可能。
- •システムテーマを自動検出
- •手動トグルスイッチ
- •設定を保持