ブラウザで動く本格ピアノ演奏ソフト。
マウス・キーボード操作、6種音色、録音・保存・自動演奏まで
すべてインストール不要で使えます。
01 — Overview
Piano Studio は、Webブラウザだけで動作する本格的なピアノ演奏支援ソフトウェアです。 パソコンのキーボードやマウスを使って鍵盤を演奏でき、演奏内容を録音・保存・再生する機能を備えています。 インストール不要で、どの端末からでもすぐに使い始めることができます。
マウス演奏
鍵盤をクリックまたはドラッグして演奏。直感的な操作で誰でも簡単に弾けます。
キーボード演奏
パソコンのキーに音階が割り当てられており、両手のような速い演奏も可能です。
録音・保存
演奏をリアルタイムで録音し、ブラウザ内に保存。JSONファイルでの書き出しにも対応します。
自動演奏
内蔵デモ曲を自動演奏。テンポを自由に変えて、ゆっくりでも速くでも再生できます。
6種類の音色
グランドピアノからベル・シロフォンまで、Web Audio APIによるリアルタイム合成音源。
エフェクト
リバーブ・音量をリアルタイムに調整。ビジュアライザーが演奏の波形をリアルタイム表示。
💡 動作環境について
Chrome・Firefox・Safari・Edge などの現代的なWebブラウザで動作します。インストールは一切不要で、HTMLファイルをブラウザで開くだけで使用できます。音声出力にはスピーカーまたはイヤホンが必要です。
02 — Keyboard Mapping
パソコンのキーボードの中段・上段が1オクターブ分の鍵盤に対応しています。 Zキーでオクターブを下げ、Xキーで上げることで、広い音域を演奏できます。
Keyboard Layout — キーボード配置
📌 オクターブ切り替えについて
現在のオクターブは画面上部の「Oct X」表示で確認できます。ZキーとXキーでオクターブ1〜7の範囲で切り替え可能。高い音域・低い音域へ自在に移動できます。
03 — Sound Engine
Web Audio API のリアルタイム合成により、6つの個性的な音色を実現。 演奏中でもドロップダウンメニューから瞬時に切り替えられます。
| 音色 | 特徴 | 合成方式 | おすすめ用途 |
|---|---|---|---|
| グランドピアノ | 自然な減衰。倍音豊か | Triangle + 倍音合成 | クラシック・ポップス全般 |
| エレクトリック | 金属的な余韻。FM変調 | FM 変調合成 | ジャズ・ファンク・R&B |
| オルガン | 押している間ずっと鳴る | 6倍音サイン合成 | ゴスペル・ロック・賛美歌 |
| ストリングス | ゆっくり立ち上がる | 鋸波 + BPFフィルター | クラシック・映画音楽 |
| ベル | 長い余韻。透明感 | 倍音成分 + 減衰エンベロープ | アンビエント・クリスマス曲 |
| シロフォン | 短くパキッとした音 | 2倍音サイン急速減衰 | 童謡・明るい旋律 |
04 — Recording
演奏した内容を正確なタイミングで記録し、後で再生したりファイルに保存したりできます。 録音データはブラウザ内（localStorage）に自動で保持されます。
録音を開始する
「● 録音」ボタンをクリック、またはキーボードの Spaceキー を押します。ステータスバーの赤い点滅ドットが表示され、録音中であることが確認できます。
演奏する
マウスまたはキーボードで自由に演奏します。押したタイミング・離したタイミング・音の高さがすべて記録されます。録音中は「ノート数」と「経過時間」がリアルタイム更新されます。
録音を停止する
「■ 停止」ボタンまたは再度 Spaceキー を押します。ステータスバーに「録音完了」と表示されます。
保存・再生する
「↓ 保存」ボタンで録音をブラウザ内のリストに追加。リストの「▶」ボタンで再生、「↓」ボタンでJSONファイルとしてダウンロードできます。
ファイルから読み込む
「↑ 読込」ボタンからJSONファイルを選択すると、別のPCや以前に保存した演奏データを読み込んで再生できます。
💾 データ形式について
録音データは標準的なJSONフォーマットで保存されます。各ノートの「音の高さ（MIDIナンバー）」「発音タイミング（ミリ秒）」「音符の種別（on/off）」が記録されており、将来的に他のソフトへの移行も容易です。
05 — Auto Play
5曲の内蔵デモ曲を自動演奏できます。テンポスライダーで速度を変えることで、 譜面の確認練習や、ゆっくり聴いて旋律を覚えることができます。
| 曲名 | ジャンル | 難易度 | 説明 |
|---|---|---|---|
| きらきら星 | 童謡 | 入門 | 世界的に有名な童謡。シンプルなメロディーで演奏の確認に最適。 |
| 喜びの歌 | クラシック | 入門 | ベートーヴェン 交響曲第9番より。力強い旋律が楽しめます。 |
| エリーゼのために | クラシック | クラシック | ベートーヴェンの名曲。冒頭テーマを再現しています。 |
| さくら | 日本民謡 | 民謡 | 日本の春を代表する旋律。ペンタトニックスケールの美しさを体感。 |
| Cスケール | 練習 | 入門 | ハ長調の音階を上下。音色・リバーブの確認に使えます。 |
🎚️ テンポ調整について
テンポスライダーは40〜240 BPMの範囲で設定できます。デモ曲の再生速度はこの設定に連動するため、ゆっくり（40 BPM）にすれば楽譜の確認練習として、速く（240 BPM）にすればアップテンポなアレンジとして楽しめます。
06 — Controls Reference
画面上部のコントロールパネルにある各設定項目の説明です。
| 項目 | 説明 | 範囲・選択肢 |
|---|---|---|
| 音色 (Timbre) | 演奏の音色を選択します。演奏中でも切り替え可能です。 | 6種類（グランドピアノ〜シロフォン） |
| 音量 (Volume) | 全体の出力音量をリアルタイムで調整します。 | 0（無音）〜 1（最大） |
| リバーブ (Reverb) | 残響効果の深さ。大きくすると空間が広がったような響きになります。 | 0（ドライ）〜 1（深いリバーブ） |
| テンポ (BPM) | デモ曲・録音再生の速度基準となる拍数/分。 | 40〜240 BPM |
| オクターブ | キーボード演奏の音域を上下します。±ボタンまたはZ/Xキーで変更。 | Oct 1〜Oct 7 |
| ● 録音 / ■ 停止 | 録音の開始・停止を切り替えます。Spaceキーでも操作できます。 | — |
| ▶ 再生 / ■ 停止 | 現在の録音データを頭から再生します。再生中にもう一度押すと停止。 | — |
| ↓ 保存 | 録音データをブラウザ内のリストに保存します（日時付きで命名）。 | — |
| ↑ 読込 | JSONファイルから録音データを読み込みます。 | .json 形式 |