スマホ・タブレットで曲を作る
指で音符を描き、動かし、長さを変える
このページは誰のためのものか
基準は指で操作しているかどうかであって、画面の小ささではありません。タブレットを横に置けば幅は広いですが、それでもこのやり方です。スマートフォンを縦に持った場合も同じです。逆に、パソコンのウィンドウを平たく潰すと画面は畳まれますが、そのとき手元にあるのはマウスですから、このページは役に立ちません。そちらは狭い画面とスマートフォンにあります。
スマートフォンでできることはパソコンと同じだけあります。音符を描く、動かす、長さを変える、楽器を変える、小節の挿入と削除、三連符、書き出し、共有——すべてそろっています。長い曲はパソコンのほうが速いですが、短い曲、数音の手直し、外出先でふと思いついた調整なら、スマートフォンで十分です。
このエディターがはじめてなら、まずエディター入門を一度たどってください。あのページはサイトを開くところからゲームに貼り付けるところまでの一本道です。第 3 節はマウスでの書き方になっていますので、このページと見比べながら進めれば、ほかの内容はどちらでも同じです。
1 本指:タップ、ドラッグ、長押し
指 1 本には 3 つの置き方があり、その意味はどこに置いたかと、ツールバーがいまどのモードか(選択のみか、音符の長さを持っているか。ロールのツールバーを参照)で決まります:
| 選択のみ | 音符の長さを持っているとき | |
|---|---|---|
| 空白のところ | タップ=選択を解除して、再生の開始線をそこに置く ドラッグ=画面を平行移動 長押し=空白のメニューを開く |
タップ=そのマスに音符を 1 つ描く ドラッグ=画面を平行移動 長押し=点線の枠が出るのでドラッグで大きさを決め、離してはじめて描かれます |
| 音符の上 | タップ=選ぶ(もう一度タップすると選択解除) ドラッグ=画面を平行移動 長押し=つまみ上げて動かす。指について動き、離してはじめて書き込まれます |
|
| 左の鍵盤、上の小節ルーラー | 触れた瞬間に反応します——その音を試聴する、再生線を置く。ドラッグかどうかの見極めを待ちません | |
先に知っておくとよいことが 3 つあります:
- 触れた瞬間には選ばれません。 指はカーソルであると同時にクリックでもあるので、エディターは少し待ちます。ほんの少しでも動けば画面を動かすつもりだと解釈し、0.4 秒ほど止まっていれば長押しと解釈し、どちらでもなければ離した時点でタップと数えます。おかげで、画面を動かしたいだけなのに選択が変わってしまうことがありません。
- 音符を長押しで動かしている最中に画面の端まで持っていくと、ロールが自分でスクロールします。 遠くへ動かすのにいったん離す必要はありません。
- 小節の挿入と削除は「選択のみ」モードで空白を長押しします。 音符の長さを持っている間は、長押しは枠を描くほうに使われているのでメニューは出ません。選択のみに戻せば出ます。そのメニューの中身は右クリックメニュー(空白)にあります。
2 本指:平行移動とズーム
指を 2 本置いたあとは、先に動かしたほうが勝ちます:
| する動作 | 結果 |
|---|---|
| 2 本を一緒に動かす | 画面を平行移動 |
| 横に広げる・つまむ | マスの幅が変わります——小節をたくさん見る、あるいは一部を広げて位置を合わせる |
| 縦に広げる・つまむ | 行の高さが変わります——オクターブをたくさん見る、あるいは音程を広げて見やすくする |
2 つの軸は別々に判定しているので、指を斜めに構えたまま横に広げてもきちんと認識します。見ているのは実際にしている動きであって、手をどんな角度にしているかではありません。
選んだあと:操作パネル
音符を 1 つ(またはまとめて)選ぶと、画面のいちばん下にパネルが出てきます。スマートフォンで音符を調整する場所であり、音符のメニューと削除への唯一の入口でもあります。
パネルが出ている間、下の MML テキスト欄はいったん引っ込みます。 選択を解除すれば戻ります。これは意図したものです。このとき見比べているのは 2 つだけ——ロールの上のその音と、指の下のスティック——で、テキスト欄を隠すことでその 2 つが近づきます。文字が消えたわけでも、書き換わったわけでもありません。
位置スティック:音符を動かす
左の丸いパッドは、押した方向に音符が動きます。左右が位置、上下が音程で、指で直接ドラッグするのとまったく同じことです。1 回の操作で両方の軸を扱えるので、先に音程を合わせてから位置を、という手順は要りません。
押している間、ロールの上に十字カーソルが出ます。いま押して到達している位置です。画面の外まで押すとロールが自分でついてきますので、いったん離してスクロールする必要はありません。
複数選んでいるときは、位置スティックはまとめて動かします。音符どうしの関係は変わりません。
押しても音符が動かないのは、壊れているのではありません。 音符はマスに吸着します——十字カーソルは動いていますが、まだ次の罫線を越えていないので音符はその場にいます。もう少し押せば飛び移ります。
強く押すほど速く、しかも比例ではありません。 軽く押すと非常にゆっくり細かく動きます。狙ったマスに合わせるためのものです。いっぱいまで押しても落ち着いた歩みで、楽譜の向こう端まで飛んでいったりはしません。これは位置合わせの道具ですから、遠くへ動かすなら先に 2 本指で画面を送るほうが速いです。
離してはじめて書き込まれます。 押している間はすべてプレビューで、離した瞬間に本当に変わります。その 1 手は元に戻すで取り消せます。
長さスティック:長さを変える
右下の横長のものは左右にしか動きません。右で長く、左で短くなります。位置スティックより少し遅くしてあります。長さは行き過ぎると次の音に影響する(長くすると後ろの音が短くなったり飲み込まれたりする)のに対し、位置は行き過ぎてもその音がずれるだけだからです。
何かを上書きすることになる場合、パネルのいちばん上の行が離すと何音を上書きするかを教えてくれます。押し戻せばその行は消えます。
複数選んでいるときは長さスティックが暗くなり、動きません。 長さの違う音をまとめて変えることはできません。これはパソコンでも同じルールで、スマートフォンだけ何かが足りないわけではありません。変えたいときは 1 つずつ選んでください。
4 つのボタン
| ボタン | すること |
|---|---|
| 複数選択 | 点灯させると、音符をタップしたときに入れ替えではなく選択に追加されます。すでに選ばれている音をタップすると外れます。もう一度このボタンを押せば解除です。まとめたあとは、一度に動かす、一度に削除する、メニューの機能を一度に適用する、ができます |
| メニュー | 音符のメニューを出します——コピー、切り取り、三連符にする、音符を削除など。パソコンで音符を右クリックしたときと同じメニューで、中身は右クリックメニュー(音符の上)にあります。メニューはこのボタンの上に開きます |
| 選択解除 | 選択を手放します。パネルもいっしょに引っ込み、テキスト欄が戻ります |
| 削除 | 選んでいる音を削除します(複数なら一度にまとめて)。押したら削除で、もう一度は聞きません——赤がすでに言い切っていますし、元に戻すで取り消せます |
いちばん下の列は上の 2 列とわざと離してあり、削除は右端をひとりで占めています。この 2 つは抜けることと壊すことで、上の列は調整だからです。指がその 2 種類のあいだで滑ってはいけません。
スティックは一度に 1 本だけです。 位置を動かしながら長さも変える、というのは意味のある動作ではないので、片方を押している間もう片方は反応しません。
入力と画面の広さ
表示の切り替え 4 つ
画面が狭いとき、タイトルバーに 4 つの切り替えが増えます(パソコンの普通のウィンドウでは見えません):
| 切り替え | 切ると |
|---|---|
| ツールバーを表示 | モード、音符の長さ、ズーム、元に戻す、テンポやベロシティが畳まれます |
| ピアノロールを表示 | 文字だけになります。MML の打ち込みに集中したいとき |
| エディターを表示 | ロールだけになります。音符を描くことに集中したいとき |
| ステータスバーを表示 | いちばん下のステータス表示が畳まれます |
点いているものがいま見えているものです。スマートフォンでは縦の余白がいちばん足りません。1 つの領域を切ると、その分を残りが使います——小さな画面でいちばんよく使うのがこの 4 つです。
システムキーボードが出てきたとき
MML テキスト欄に指で触れると、システムキーボードが画面の半分を覆います。そのときエディターは自分で場所を空けます。ツールバーの後ろ半分、楽器の列、ステータスバーがいったん畳まれ、ロールは残ります——打ち込んでいる最中に見たいのは、まさにロールの上の結果だからです。キーボードをしまえば 3 つとも戻ります。
その切り替えは点いたままなのに、中身は画面にない——これは意図したものです。切り替えが表しているのはつねにあなた自身が選んだことで、システムキーボードの出入りでそれが書き換わることはありません。ですから自分でツールバーを切ってから打ち込んで離れても、「親切に」戻されたりはしませんし、打ち込み中に切り替えを押せば、キーボードをしまったあとは押したとおりになります。
もう 1 つ:タブを押してもキーボードは出ません。 小さな画面で別のタブを押すのは、たいていそのトラックの音符を見たいのであって打ち込みたいわけではありません。ですからタブの切り替え、楽譜の追加、名前の変更では、カーソルがテキスト欄に入りません。打ち込みたいときはテキスト欄を 1 回タップしてください。
アプリとしてインストールする
このサイトはホーム画面に追加できます。インストールするとアドレスバーなしで開き、ふつうのアプリと同じように使えます。しかもインストールすればオフラインで使えます——ネットワークがなくても開けて、編集できて、音も鳴ります。
Android の Chrome はたいてい自分でインストールを提案してきます。表示されない場合はブラウザーのメニューから「アプリをインストール」または「ホーム画面に追加」を探してください。デスクトップの Chrome と Edge ではアドレスバーの右端にインストールボタンが出ます。
iPhone と iPad には提案が出ないので自分で行います。Safari の下部バーの共有ボタンから、下にスクロールして「ホーム画面に追加」です。
オフラインで音を鳴らすには、サウンドバンクを端末に残しておく必要があります。そのファイルは 15 MB ですが、あなたが何かする必要はありません。ふつうはサイトを 2 回目に開いた時点で自然に残り、インストールすると改めて確認して、残っていなければ自動で取得します。今どうなっているか知りたいときは設定ドロワーを開いてオフライン用サウンドバンクの欄を見てください——準備できているかどうかがそのまま書いてあります。
iPhone と iPad ではいくつか事情が違います。空き容量が少なくなるとシステムがその 15 MB を削除する場合があります。オンラインに戻れば自動的に入り直しますが、それまではオフラインで音が出ません。またホーム画面から起動した場合、Google ログインがアプリに戻ってこないことがあります——そのときは Safari でこのサイトを開いてログインしてください。これは iOS 側の制約で、設定を間違えたわけではありません。
残りはパソコンと同じ
残りはスマートフォンにもすべてあり、使い方も同じで、ただタイトルバー右のハンバーガーボタンに収まっているだけです:クリップボード、ファイル(読み込み/書き出し/全消去)、共有、設定、サイト情報。ツールバーのテンポ/ベロシティ/移調/最適化/結合、楽器の列、楽譜タブ、ステータスバーもパソコンと同じです。
それらは機能とショートカット総覧に書いてあります。狭い画面で画面がどう畳まれるかは、同じページの狭い画面とスマートフォンにあります。
答えが見つかりませんか。エディター入門、MML 文法チュートリアル、MIDI から MML へ、よくある質問もご覧ください。