キャンバス

ナビゲーション

操作	内容
マウスホイール	カーソル位置を中心にズームイン・アウト（15% 〜 300%）
背景ドラッグ	キャンバスをパン（移動）
− / + ボタン	キャンバス中心を基準に 80% / 125% ズーム
fit ボタン	全ノードが画面内に収まるように自動フィット（最大 150%）
ノードドラッグ	ノードを移動（ズームレベルを考慮した座標計算）

ズーム・新規ノードボタン（−、%、+、fit、+）はキャンバス右下のフローティングパネルとしてまとめられています。パネル左端の ⠿ ハンドルをドラッグすると任意の位置に移動でき、位置はブラウザに保存されます。

ノード接続

操作	内容
ノード下端にホバー →「トリガーを追加」バー表示 → クリック	タイプ選択ポップアップが開き、接続なしでトリガーを追加
同バーをドラッグ → 別ノードへドロップ	タイプ選択ポップアップが開き、接続ありでトリガーを追加
トリガー行を横方向にドラッグ → 別ノードへドロップ	既存トリガーの接続先を変更
エッジ（矢印）中点の ✕ ボタン	接続を削除（targetNodeId を null に設定）

TIP

接続先の変更や詳細設定（表示条件・アクション・表示座標など）はノードパネルのトリガー管理セクションからも行えます。トリガー行をクリックすると該当トリガーの設定が右パネルで展開されます。

エッジの見た目

線種	意味
実線	通常のタップ／テキストトリガー
長破線	条件あり（🔒）のトリガー
中破線	ページ送りトリガー
短破線（短・短）	タイマー／再生終了トリガー

ノードカード

各ノードカードには上部にメディアサムネイル（動画は静止フレーム、画像はプレビュー）が表示され、ノードタイプに応じてカード枠の色が変わります。

タイプ	枠色
start	緑
clip	グレー（選択時：紫）
end	赤
album（DRAFT）	インディゴ
novel（DRAFT）	アンバー

TIP

ノードカードのタイトル部分をダブルクリックするとその場でテキスト入力に切り替わり、直接リネームできます。Enter またはフォーカスアウトで確定します。

TIP

ノードパネルの「メモ」欄に入力があるノードには、カード右上に小さな付箋タブが表示されます。ホバーすると全文をツールチップで確認できます。

キャンバス上のトリガー操作

ノードカード上でトリガーをすばやく管理できます。右パネルを開かずに完結する操作を提供しています。

操作	内容
トリガー行をクリック	右パネルの「ノード」タブを開き、該当トリガーの詳細を展開
トリガー行を縦方向にドラッグ	ノード内でトリガーの順序を並び替え（青いラインが挿入位置を示す）
トリガー行を横方向にドラッグ → 別ノードへドロップ	そのトリガーの接続先を変更
トリガー行にホバー → ✕	確認ダイアログを経てトリガーを削除
エッジ（矢印）を右クリック	そのトリガーの編集モーダルをクリック位置付近に表示。タイマー秒数・表示テキスト・遷移先などをその場で編集できる

TIP

縦ドラッグと横ドラッグは8px移動後に方向を判定します（縦が横の1.5倍以上で並び替えモード）。同じ行でホバー・クリック・並び替え・接続変更がすべて完結します。

TIP

キャンバス左下のガイド表示は操作方法の概要を常時表示します。