シナリオ エディタ
樹形図で分岐を編集
▶ プレビュー
🚀 ナビで開く
⤢ 自動整列
☰ パネル
☰ メニュー
✓ 自動保存 ON
▶ 操作デモ
⌨
💾 保存
読み込み
⬇ 書き出し
⬇ scenario.js
🧪 ノードをドラッグで移動/クリックで編集。選択肢の右の●を別の画面へドラッグすると線が引けます(空きスペースに落とすと新しい画面ができる)。赤いポート=進む先が未設定。
-
100%
+
⤢
左の樹形図でノードをクリックすると、ここで編集できます。
下の「+ 画面を追加」で新しい画面を追加。
+ 画面を追加
◀ 編集パネル
プレビュー(お客様の見え方)
✕ 閉じる
💾 プロジェクト
✕ 閉じる
現在のプロジェクト名
保存
Enter で保存して閉じる/Esc で閉じる
保存済みプロジェクト
+ 新規プロジェクト(空から)
+ サンプルをもとに作る
✓ 編集内容はこのブラウザに
自動保存
されます(次に開くと続きから)。
名前を付けて保存すると、複数のプロジェクトを切り替えられます。
このチャート
⚙ チャートの設定
プロジェクト名・チャート名・ナビの見出し・入口のタグ
シナリオの保管
💾 名前を付けて保存・切り替え
複数のシナリオを作り分けて、あとから開き直せます
🔗 このチャートのURLを作る
保存済みのチャートを名指しで開くリンク。チャートが増えたときの入口になります
データの受け渡し
📋 データを書き出す(コピー用)
シナリオ全体をテキストで取り出します。バックアップや他PCへの持ち出しに
📥 データを貼り付けて読み込む
書き出したテキストから復元します。いまの内容は上書きされます
📎 出典メモをまとめて流し込む
本文はそのまま。出典メモの欄だけを一括で埋めます
💾 ナビ用ファイルを保存(scenario.js)
ナビに直接読み込ませるファイルを作ります。自動連携がうまくいかない時の保険
改善する
📊 利用状況を見る
自己解決率と、未解決で終わった画面。どこを直すと効くかが分かります
🩺 ナビとの受け渡しを診断
エディタの内容とナビが読む内容が一致しているか確認します
🔍 画面をさがす
Ctrl+K
質問文・手順の中身・IDで検索して、その画面へ移動します
テスト
🧪 テスト用チェックリストを作る
未設定の行き先・画像の抜け・全経路を洗い出したMarkdownを書き出します
使い方
▶ 操作デモを再生
エディタの使い方を自動で実演します
⌨ ショートカット一覧
Ctrl+Z で元に戻す、コピー&貼り付けなどのキー操作
変更ログ(自動保存)
✕
まだ保存されていません
📋 コピー
閉じる