パソコンのキーボードでピアノを弾くには?ブラウザで音を並べてみよう
遊びを見つける執筆にClaudeを使用しています。

「ピアノを弾いてみたい」と思ったとき、楽器がなくてもパソコンのキーボードで音を鳴らすことができます。仕組みはシンプルで、キーボードの特定のキーに音が割り当てられていて、押すたびに鍵盤の音が出ます。この記事では、アソバースのブラウザゲーム「雨音のピアノ」を例に、キーの対応関係を読む方法、音域の動かし方、短いフレーズの並べ方、そして録音して聴き返すまでの手順を順に説明します。楽器経験がなくても、キーボードを「そのまま」使えます。
キーボードが鍵盤になる仕組み
ピアノの鍵盤は12音(白鍵7つ+黒鍵5つ)で1オクターブを構成します。ブラウザ上のピアノは、このひとまとまりをキーボードの特定の行に対応させることで、指の動きを音に変えます。
「雨音のピアノ」では、ホームポジション付近の2列を使います。下の段(A〜J)が白鍵、上の段(W・E・T・Y・U)が黒鍵に対応しています。ちょうど実際のピアノの鍵盤を上から見たとき、白鍵の間に黒鍵が挟まっている配置と同じ考え方です。
この配置は多くのブラウザピアノで共通して使われる方式で、QWERTYキーボードの物理的な位置が、ピアノの音の並びと自然に重なるよう設計されています。慣れると指の位置感覚でどの音かを把握できるようになります。
12個のキーと音の対応を確認する
「雨音のピアノ」のキー割り当ては次のとおりです。白鍵7音がホームポジション付近の下段に、黒鍵5音がその上段に配置されています。
白鍵(下段)
- A → ド(C)
- S → レ(D)
- D → ミ(E)
- F → ファ(F)
- G → ソ(G)
- H → ラ(A)
- J → シ(B)
黒鍵(上段)
- W → ド#(C#)— A の上
- E → レ#(D#)— S の上
- T → ファ#(F#)— F の上
- Y → ソ#(G#)— G の上
- U → ラ#(A#)— H の上
ピアノの黒鍵は「ミとファの間」「シとドの間」には存在しません。そのため D と F の間(ミとファ)、J の右(シ)には上段キーが対応していません。QWERTYキーボードの R・V などは使いません。
覚えるコツは「A がドだ」と起点を決めることです。そこからホームポジションを保ちながら隣のキーへ動かすだけで、音が半音ずつ上がっていきます。最初は画面の鍵盤を見ながら確認して、押したキーが光ることで自分の位置を確かめてみてください。
音域を動かして、音色を選ぶ
12個のキーだけでは1オクターブ分しか出ませんが、Z キーで音域を下げ、X キーで音域を上げることができます。Xを2回押せば2オクターブ上、Zで1回戻せば元に戻ります。低い音のメロディを弾きたいときはZで下げ、高い音を出したいときはXで上げてから同じキーを使います。曲の途中で変えることもできます。
音色は「フェルト」と「ガラス」の2種類から選べます。フェルトは柔らかく丸みのある音で、静かな曲や夜の雰囲気に合います。ガラスはきらびやかで輪郭のはっきりした音で、短いフレーズや音の粒を際立たせたいときに向いています。どちらが正解というわけではなく、弾きながら切り替えて好みを見つけてください。
タッチは3段階で調整でき、強い・中・弱いの違いが音量と音の立ち上がりに影響します。余韻(サスティン)を切り替えると、鍵を離した後の音の伸び方が変わります。余韻をオンにすると和音が溶け合う感覚になり、オフにすると歯切れのよい演奏になります。
短いフレーズを並べてみよう
まず「ドレミファミレド」だけ弾いてみましょう。キーの順番は A → S → D → F → D → S → A です。一度通しで弾けたら、同じフレーズを音域を変えてもう一度弾いてみてください。音の高さが変わっても指の動きは同じです。
試しやすいフレーズの例
- ドレミファソラシ(音階):A S D F G H J 一音ずつ右へ進むだけ。
- かえるのうた:A S D F D S A(繰り返し) ホームポジションから少し右へ動くだけで弾ける。
- きらきら星(出だし2小節):A A G G H H G ドドソソララソ。Gで音が少し右に跳ぶ。
- ド・ミ・ソの和音:A・D・G を同時に押す。3本指で押さえる練習になる。
和音は複数のキーを同時に押すことで鳴らせます。ド・ミ・ソ(A・D・G)や、レ・ファ・ラ(S・F・H)は安定して聴こえる組み合わせです。単音のメロディに和音を混ぜると、曲らしいまとまりが生まれます。
フレーズを作るときは短く始めるのがコツです。3〜4音のモチーフを繰り返し、途中でXを1回押して音域を1オクターブ上げ、同じモチーフを再び弾く。それだけで展開のある小さな曲になります。長く考えるより、先に音を出してから組み立てるほうがうまくいきやすいです。
黒鍵(W・E・T・Y・U)を使うと、半音の動きや転調ができます。たとえばドからド#(A→W)へ半音上げるだけで雰囲気が変わります。最初は白鍵だけで十分ですが、慣れてきたら黒鍵を1つ取り入れてみてください。
録音して聴き返す
「雨音のピアノ」には録音機能があります。「録音する」を押してから演奏し、「録音を終える」を押すと、その場で再生して聴き返せます。最大30秒・128音まで録ることができます。音域の変化や和音も含めて記録されるので、演奏をそのまま確認できます。
録音を聴き返すと、テンポの揺れや音の並び方が客観的にわかります。「ここのフレーズをもう少し短くしよう」「この音域だと低すぎる」といった判断がしやすくなります。録音→聴き返し→修正という流れを短いフレーズで繰り返すだけで、演奏が整っていきます。
録音はページを開いている間だけ保持されます。ブラウザのタブを閉じるか別のページへ移動すると、録音データは消えます。残したい演奏は、ページを閉じる前に別の方法で保存する必要があります。
録音以外にも「記憶ゲーム」機能があります。お手本として3音から始まるフレーズが鍵盤の光と音で示され、同じ順番で再現するゲームです。フレーズは徐々に8音まで増えます。演奏の練習と並べて使うと、音の位置を覚える速度が上がります。
どこから始めるか
まず「A がドだ」と決めて、A→S→D と3音だけ弾いてみてください。それだけで「ドレミ」が出ます。次に A S D F D S A と戻る動きを加えると「かえるのうた」になります。ここまで1分もかかりません。
音域はZとXでいつでも変えられるので、「この音高すぎる」と感じたらZで下げてください。音色はフェルトとガラスで印象が大きく変わるので、同じフレーズを両方で試すのが手っ取り早い比較になります。
楽器がなくてもフレーズを試せるのがブラウザピアノの一番の利点です。録音して聴いて、また弾く。この繰り返しを気軽に続けられます。雨音のピアノはタッチ操作にも対応しているので、スマートフォンやタブレットからも同じように弾けます。



