🎹
Piano App
インタラクティブなピアノ演奏Webアプリケーション
✨ 主な特徴
🎵
18種類の楽器音源
ピアノ、オルガン、ギター、動物の鳴き声など
🎼
9曲の自動演奏
ジングルベルなど有名な楽曲を収録
🎨
5つのテーマ
気分に合わせて選べるカラーテーマ
🎹 楽器音源の詳細
以下の18種類の音源から選択できます：
- 🎹 ピアノ
- 🎹 オルガン
- ⛪ パイプオルガン
- 🎸 ギター
- 🎸 ベース
- 🎻 バイオリン
- 🎻 チェロ
- 🎺 フルート
- 🎺 トランペット
- 🎹 シンセサイザー
- 🐕 犬の鳴き声
- 🐈 猫の鳴き声
- 🐄 牛の鳴き声
- 🐑 羊の鳴き声
- 🐦 鳥の鳴き声
- 🤖 ロボット
- 👽 エイリアン
- 🔔 ベル
🎼 収録楽曲
以下の9曲をフルバージョン（約3分）で自動演奏できます：
- ジングルベル
- 聖者の行進
- メリーさんの羊
- 喜びの歌
- アメイジング・グレイス
- グリーンスリーブス
- スカボロー・フェア
- ダニー・ボーイ
- エリーゼのために
🥁 ドラムパターン
14種類の多様なリズムパターンを搭載：
8ビート
16ビート
ジャズ
ファンク
ディスコ
ラテン
ボサノバ
サンバ
レゲエ
ポップ
バラード
トリップレット
シャッフル
メトロノーム
💻 技術スタック
React 18
Web Audio API
CSS Modules
Vite
JavaScript ES6+
HTML5
レスポンシブデザイン
🤖 開発プロセス
🚀 使い方
- 上の「今すぐ演奏を始める」ボタンをクリック
- 鍵盤をタップまたはクリックして演奏
- 楽器を変更して様々な音色を楽しむ
- 自動演奏で有名な曲を聴く
- ドラムマシンでリズムを追加
- 録音機能で自分の演奏を保存
🎧 音声解説
AIが生成した音声で、このプロジェクトの詳細を解説します