ピアノロール
クリップをダブルクリックすると ピアノロール が開きます。ノート編集の中心となるエディタです。
4 つのタブ
Section titled “4 つのタブ”ピアノロール上部にタブが並んでいます。
| タブ | 役割 |
|---|---|
| Piano Roll | マウスでノートを置く／編集する |
| Step Sequencer | 16 ステップ風のグリッドで打ち込む（詳細） |
| Code | JS でノート／CC を生成する（詳細） |
| Render | Code タブのコード実行結果（生成されたノート）を確認 |
タブはクリップごとに独立しており、複数のクリップで別々の編集モードを使い分けられます。
ノートを置く・消す
Section titled “ノートを置く・消す”| 操作 | 動作 |
|---|---|
| 空きセルを クリック | ノートを追加（直前に編集した長さで） |
| ノート本体を ドラッグ | 移動（時間とピッチ） |
| ノート左右端を ドラッグ | 長さを変更 |
| ノートを クリック | 選択 |
| ノートを Shift + クリック | 選択に追加 |
| 空き領域で ドラッグ | 矩形選択 |
| 選択中に Delete / Backspace | 削除 |
選択中のノートは強調表示され、キーボードショートカットでまとめて編集できます（後述）。
キーボード操作
Section titled “キーボード操作”ピアノロールがアクティブなときに有効:
| キー | 動作 |
|---|---|
Esc | エディタを閉じる |
↑ ／ ↓ | 選択ノートのピッチを ±1 半音 |
Shift + ↑ ／ Shift + ↓ | ±1 オクターブ |
← ／ → | 1 グリッドステップ分前後に移動 |
Q | 選択ノートを現在のグリッドに量子化 |
Cmd/Ctrl + D | 選択ノートをスパン分後ろに複製 |
Cmd/Ctrl + C | コピー |
Delete ／ Backspace | 削除 |
完全な一覧は キーボードショートカット を参照。
グリッドと量子化
Section titled “グリッドと量子化”ピアノロール上部に grid フィールドがあります。
- プリセット:
4/8/16/32/64（小節あたりのステップ数） - 任意の値を直接入力（1〜256）
- 既定値は
16（16 分音符グリッド）
ノートを置く位置やキーボード矢印移動の単位はこのグリッドに従います。Q キーで選択ノートを現在のグリッドに丸めます。
| コントロール | 動作 |
|---|---|
| H スライダ | 横方向ズーム（pixels per beat、16〜256） |
| V スライダ | 縦方向ズーム（行高さ、8〜32px） |
ノート密度や視認性に応じて調整してください。
ピアノロール上部の length フィールドでクリップの長さ（小節単位）を変更できます。タイムライン上での Resize と同じく 非破壊 — 短くしてもノートデータは保持されます。
ベロシティ編集
Section titled “ベロシティ編集”ピアノロール下部に Velocity Lane が表示され、各ノートのベロシティが縦棒で表示されます。バーの上端をドラッグして個別に調整できます。
CC オートメーション
Section titled “CC オートメーション”ピアノロール下部の + CC ボタンで CC 車線を追加できます。詳しくは CC オートメーション を参照。
デタッチ表示（Floating）
Section titled “デタッチ表示（Floating）”ピアノロール左上の detach アイコン をクリックすると、ピアノロールがフローティングウィンドウになり、タイムラインを別途見ながら編集できます。もう一度押すとメインビューに戻ります（Attach）。
- クリップを編集する — タイムライン側のクリップ操作
- ステップシーケンサー — 別タブの打ち込みモード
- coding Note Effect — Code タブでノートを生成
- CC オートメーション — CC 車線の追加・編集