マガジン

パソコンのキーボードでピアノを弾くには?ブラウザで音を並べてみよう

遊びを見つける

執筆にClaudeを使用しています。

雨の窓辺でパソコンのキーがピアノの鍵盤へつながる、演奏を表した写真風イメージ。
記事のテーマをもとに制作したAI生成イラスト。

「ピアノを弾いてみたい」と思ったとき、楽器がなくてもパソコンのキーボードで音を鳴らすことができます。仕組みはシンプルで、キーボードの特定のキーに音が割り当てられていて、押すたびに鍵盤の音が出ます。この記事では、アソバースのブラウザゲーム「雨音のピアノ」を例に、キーの対応関係を読む方法、音域の動かし方、短いフレーズの並べ方、そして録音して聴き返すまでの手順を順に説明します。楽器経験がなくても、キーボードを「そのまま」使えます。

この記事の目次
  1. キーボードが鍵盤になる仕組み
  2. 12個のキーと音の対応を確認する
  3. 音域を動かして、音色を選ぶ
  4. 短いフレーズを並べてみよう
  5. 録音して聴き返す
  6. どこから始めるか

キーボードが鍵盤になる仕組み

ピアノの鍵盤は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で下げてください。音色はフェルトとガラスで印象が大きく変わるので、同じフレーズを両方で試すのが手っ取り早い比較になります。

楽器がなくてもフレーズを試せるのがブラウザピアノの一番の利点です。録音して聴いて、また弾く。この繰り返しを気軽に続けられます。雨音のピアノはタッチ操作にも対応しているので、スマートフォンやタブレットからも同じように弾けます。