ブラウザで動く作曲ツールまとめ:無料で始める
遊びをつくる執筆にClaudeを使用しています。

ゲームにBGMをつけたいとき、最初の壁は「作曲ソフトを用意する」ことではありません。インストール不要のブラウザツールが複数あり、パソコンの性能やOSに関係なく今日から使い始められます。 この記事では、無料で使えるブラウザ作曲ツールを目的別に整理し、どれを選ぶか迷ったときの判断基準と、音源ファイルを書き出すまでの流れを具体的に説明します。有料プランや追加機能は各ツールの公式サイトで条件が変わるため、この記事では無料の範囲でできることに絞ります。
どのツールを選ぶか:3つの軸で考える
ブラウザ作曲ツールを選ぶとき、機能の多さより「自分の操作スタイルに合うか」を先に判断するほうが挫折しにくくなります。判断軸は次の3つです。
①入力方式:ピアノロール(横に伸びる鍵盤バーでノートを置く方式)か、ステップシーケンサー(格子状のマス目をクリックする方式)か、コード進行を選ぶだけの自動生成か、の3種類が主流です。楽器経験があるならピアノロール、ない場合はステップシーケンサーか自動生成から始めると操作が早くつかめます。
②書き出し形式:ゲームのBGMに使うにはWAVまたはMP3が必要です。MIDIのみ書き出せるツールは、別途変換ソフトが要るため初心者には手間が増えます。書き出し形式を使う前に確認してください。
③ループへの対応:ゲームBGMの大半はループ再生が前提です。ループポイントを手動で設定できるか、もしくは小節単位で繰り返しやすい構造を作れるかを確認します。
代表的なブラウザ作曲ツールとその特徴
Beepbox
シンプルなステップシーケンサーで、ドット絵ゲームやレトロ風ゲームのBGMと相性のよいチップチューン音源が充実しています。URLひとつで動作し、アカウント登録不要です。作成した楽曲はURLに状態が埋め込まれるため、ブックマークで保存できます。書き出しはWAV形式に対応しており、小節をループさせる前提の構造になっているためゲーム用途に向いています。音色の種類は限られますが、操作の学習コストが低く、試行錯誤を繰り返しやすいのが利点です。
JummBox
BeepboxのフォークプロジェクトでUIの基本操作はほぼ同じですが、音色の選択肢が増え、コード進行を補助する機能が追加されています。チップチューン以外の音色も含まれるため、Beepboxで物足りなくなった段階で移行先として使いやすいツールです。書き出し形式はWAVに対応しています。
Chrome Music Lab – Song Maker
Googleが公開している教育向けツールで、ステップシーケンサーとして使えます。ログイン不要で、スマートフォンやタブレットのブラウザでも動作します。音域・テンポ・拍子を画面上で直感的に変えられ、短いジングルやSE(効果音)を素早く作るのに適しています。書き出しはWAV形式に対応していますが、構造が単純な分、長尺のBGMには向きません。ゲームのスタート画面や結果発表の短いメロディを試作する用途で力を発揮します。
Soundtrap(無料プラン)
DAW(デジタル・オーディオ・ワークステーション)に近い機能をブラウザ上で提供するツールです。ループ素材の組み合わせ、MIDIキーボード入力、マイク録音などに対応し、複数トラックを重ねて本格的な楽曲構成を組めます。無料プランでは保存できるプロジェクト数に上限があり、書き出し形式の選択肢も有料プランより限られます。機能を使う前に公式サイトで最新の条件を確認してください。楽器経験があり、チップチューン以外のサウンドを作りたい場合の選択肢です。
Flat(無料プラン)
楽譜入力に特化したブラウザツールで、音符を五線譜上に置いていく操作で作曲できます。出力はMIDIやMusicXMLが中心であるため、ゲーム用のWAV・MP3を得るには別ツールでの変換が必要です。楽譜として記録・共有したい場面や、メロディのスケッチを楽譜形式で残したい場合に向いています。
音源ファイルを書き出すまでの手順
ツールを選んだあと、実際にゲームで使える音源ファイルを得るまでの流れを整理します。
- テンポと小節数を先に決める ゲームの場面(フィールド・バトル・メニューなど)に合わせてBPM(テンポ)と繰り返しの長さを決めてから音符を置き始めると、後から作り直す手間が減ります。
- ループ区間を意識して構成する 「イントロ→ループ部分」の構造を作る場合、ループ開始点と終了点が同じ音量・音色で自然につながるよう最後の小節を調整します。特に打楽器系の音が途切れるとループのつなぎ目が目立つため注意が必要です。
- WAVで書き出してボリュームを確認する 書き出したWAVをブラウザのオーディオプレーヤーや別タブで再生し、音量のピークが極端に大きくないか確認します。ゲームに組み込んだあとSE(効果音)と重なると想定より大きく聞こえることがあるため、少し控えめな音量で書き出しておくと調整が楽になります。
- MP3が必要な場合は変換する ゲームエンジンやHTML上の<audio>タグの対応状況によってはMP3が必要になります。Audacity(デスクトップアプリ)やブラウザ上の変換サービスを使って変換できます。変換サービスを使う場合は利用規約と音質の設定を確認してください。
著作権と利用条件の確認ポイント
ブラウザツールで作成した楽曲の権利は、一般的には作成者に帰属すると考えられますが、ツールに付属するプリセット音源やループ素材は別途ライセンスが設定されている場合があります。特にSoundtrapのようにループ素材を組み合わせる仕組みのツールは、商用ゲームへの利用可否を公式ドキュメントで確認する必要があります。個別の判断は各ツールの利用規約や専門家への確認を経てください。自分で音符を一から置いて作った楽曲は、この問題が生じにくい傾向にあります。
次の行動
まず自分の操作スタイルに合わせてBeepboxかChrome Music Lab – Song Makerを開き、16小節以内の短いループを一本書き出してみてください。音が鳴った時点で「作れる」という感覚がつかめます。書き出したWAVをアソバース上に投稿するHTMLやZIPに組み込んで、ゲームの雰囲気が変わるかどうか実際に確かめてみてください。
参考資料
- Beepbox 公式サイト(John Nesky)
- JummBox 公式サイト
- Chrome Music Lab 公式サイト(Google)
- Soundtrap 公式ヘルプセンター
- Flat 公式ドキュメント

