シナリオフローチャート作成ツール
下記のリンクからツールを使うことができます。
ツールについて
小説やゲームのシナリオなど、分岐のある物語の流れを組み立てて管理するためのツールです。
出来事を1枚のカード（ノード）として並べ、線でつないで流れを作ります。作った内容は、フローチャート・タイムライン・データベース・変数管理の4つの画面から見返せます。
このツールの特徴は、書いた分岐を後から辿って確かめられることです。
物語に 好感度 や フラグ といった変数を持たせておくと、「このルートを通ったとき、好感度は最終的にいくつになるのか」をツール上で再生して確認できます。
分岐が増えるほど頭の中では追えなくなる部分を、実際に1手ずつ進めて確かめる、という使い方を想定しています。
ツールの使い方
Step 1: プロジェクトを作る
作品ごとにプロジェクトを分けて保存します。
- 設定パネルの
プロジェクト管理で新規作成を押し、中身を空にします。 名前を付けて保存に作品名（例: 長編ファンタジーA）を入力して保存を押します。これでブラウザに保存されます。- 作業中は
上書き保存で保存データを更新してください。次に開いたときは、保存済みプロジェクトから選んで読込を押すと続きから再開できます。
Step 2: カテゴリを作る
出来事を色分けするための分類です。メインストーリー、サブクエスト、キャラクターAのイベント、といった分け方ができます。
カテゴリ管理でカテゴリ名を入力し、色を選びます。追加を押します。
ここで付けた色が、そのままフローチャート上のカードの色になります。
Step 3: ノード（出来事）を追加する
追加方法は2通りあります。
クイック追加
とにかく先に出来事を並べたいときに使います。
新規ノード追加 でカテゴリとイベントタイトルを入れ、クイック追加 を押します。
詳細追加
登場人物やタグまで最初から入れたいときに使います。
詳細追加 を押すとポップアップが開くので、すべて入力して 登録 を押します。
Step 4: ノードを編集する
カードの 詳細 ボタンを押すとポップアップが開き、編集 を押すと編集画面になります。設定できるのは次の項目です。
- 発生日時: タイムラインビューで並べ替える基準になります。「1日目 朝」「第1章」のような自由な書き方で構いません。
- 登場人物・タグ: カンマ区切りで複数入力できます。
- 詳細: 出来事の内容です。
- 変数操作: この出来事が起きたときに変数をどう動かすかを設定します（後述）。
入力し終えたら 更新 を押します。
Step 5: ノードをつなぐ
カードの右端にある接続ハンドルを掴んで、つなぎたい相手のカードの上で離すと、矢印で接続されます。相手のカードであればどこで離しても構いません。
つなぎ間違えたときは、詳細 ポップアップの つながり 欄から消します。
この欄には、そのノードから出ている線と、そのノードへ入ってくる線の両方が並びます。
各行の × を押すと、その1本だけが消えます。線を直接ドラッグして外す操作はありません。
Step 6: 変数を用意する
変数管理 の画面で、物語の中で増減する値を登録します。
- 数値: 好感度、所持金など
- 真偽値（ON/OFF）: 特定のイベントをクリアしたかどうかのフラグなど
- 文字列: アイテム名、称号など
変数名・型・初期値を入れて 追加 を押します。
登録した変数は、ノードの編集画面の 変数操作 から 操作を追加 を押して使います。
「ヒロインを助ける」というノードで 好感度 を10加算する、「伝説の剣を入手」というノードで hasLegendSword をONにする、といった設定です。
スマホでの操作
スマホでは画面の作りが変わります。
- 画面下の4つのタブが、パソコンでの表示切り替えと同じ役割です。
- 右下の
＋がノード追加です。押すと下から入力欄がせり上がってきます。ここではカテゴリとタイトルだけを入れ、詳細は後からカードの詳細→編集で足します。 - 右上の歯車が設定です。プロジェクト管理とカテゴリ管理はここから開きます。
- せり上がってきた入力欄は、
×か、その外側をタップすると閉じます。 - 盤面の拡大・縮小はピンチ操作で行います。スマホでは拡大・縮小ボタンは表示されません。
＋ と歯車は、フローチャートの画面でだけ表示されます。
タイムラインやデータベースを見ているときは表示されないので、保存や読み込みをしたいときは、いったんフローチャートのタブに戻ってから歯車を開いてください。
機能の説明
ルートを辿る
分岐した物語を、読者がプレイするのと同じように1本ずつ辿り、その道筋での変数の値を確かめる機能です。
分岐が合流する物語では、同じノードでも「どの道を通って来たか」で変数の値が変わります。たとえば 好感度 を初期値0として、
- 「森の分かれ道」で分岐する
- 上のルート「少女を助ける」で
好感度を10加算する - 下のルート「先を急ぐ」で
好感度を5減算する - どちらも「町の酒場」へ合流し、そこで
好感度を3加算する
としたとき、「町の酒場」に着いた時点の 好感度 は、上を通れば13、下を通れば-2です。
ノードに1つの数字を書き込んでも答えは出ません。
この機能は、道を選びながら進むことでその値を出します。
辿りかた
- フローチャート画面の左下にある
ルートを辿るを押します。 - 起点の候補が並びます。候補になるのは、他のノードから線が入ってきていないノードです。どれか1つを選ぶと、そのノードに立ちます。
- 進める先が候補のボタンとして並びます。押すと1つだけ進みます。分岐でも一本道でも、押して1つずつ進む形は同じです。
- 進むたびに、そのノードの変数操作を適用した後の全変数の値が表示されます。
- 盤面では、現在地・通過済み・進める先が色分けされ、通ってきた線も色が変わります。進むたびに現在地が画面の中央へ寄ります。
一本道を飛ばす
分岐のない区間を1つずつ押すのが面倒なときは、分岐まで進める を押すとまとめて進みます。
このボタンは、進める先がちょうど1つのときだけ表示されます。分岐の上や行き止まりでは、押しても意味がないため表示されません。
まとめて進んだ場合は、次のいずれかで止まります。
- 分岐に着いた（候補が並びます）
- 行き止まりに着いた（
ここで終わりです（この先に線がありません）。と出ます） - 一度通ったノードへ戻る一歩手前（
ここから先は既に通ったノードに戻ります。進むと2周目になります。と出ます）
一度通ったノードへ戻ること自体は禁止していません。
候補のボタンを押せば手動で何周でも進めます。
周回すると現在地に「2周目」と表示され、加算はもう一度効きます。
まとめて進む操作だけが、周回する手前で必ず一度止まります。
通ってきた道を見返す
パネルの下側に、起点から現在地までの通り道が1ノードずつ並びます。
各行には、そこで変わった変数が 好感度 → 5 の形で出ます。まとめて進んで飛ばした区間も、1つ残らずここに並びます。
行を押すと、その地点まで戻ります。戻った時点での全変数の値がそのまま読めるので、途中のノードで値がどうなっていたかを確かめられます。
一本道の途中のノードは分岐ではないため、進む操作だけでは立ち止まれません。値を見たいときはこの履歴から戻ってください。
やり直す・終わる
1つ戻る: 1手だけ戻ります。起点より前へは戻りません。起点からやり直す: 起点に立ち直します。×: 追跡を終了し、盤面の色分けを外します。
辿っている途中でノードを消す、線を消す、変数を変える、プロジェクトを切り替えるといった編集をすると、値の意味が変わってしまうため フローチャートが変更されたため、ルートの追跡を終了しました。 と出て追跡が解除されます。
フローチャートビュー
ノードを並べて線でつなぐ、メインの編集画面です。
- ノードの移動: カード上部の
⠿を掴んでドラッグします。 - 画面の移動: 背景をドラッグすると盤面全体が動きます。
- 拡大・縮小: 右下の拡大・縮小ボタン（スマホではピンチ操作）。
- 検索: 左上の検索欄にキーワードを入れると、一致したノードが強調され、件数が出ます。
次へを押すと一致したノードへ順番に移動します。末尾まで行くと先頭へ戻ります。 - 複製:
詳細ポップアップの複製を押すと、似たノードを増やせます。カテゴリ・日時・詳細・登場人物・タグ・変数操作は引き継ぎ、接続は引き継ぎません。タイトルには「 のコピー」が付きます。
タイムラインビュー
各ノードの発生日時をもとに、時系列で並べ替えて表示します。
データベースビュー
すべてのノードを表で一覧します。上部の検索ボックスで全項目からの絞り込みができ、列の見出しを押すとその列で昇順・降順に並べ替えられます。
変数管理ビュー
変数とフラグの一覧です。変数名・型・初期値・説明を管理します。
書き出しと読み込み
ブラウザに保存したデータは、ブラウザを変えたり閲覧履歴を消したりすると失われます。
バックアップを取るには、プロジェクト管理 の バックアップ を使います。
書き出し: 保存済みの全プロジェクトを1つのJSONファイルとして保存します。ファイル名はシナリオフローチャート_日付.jsonです。保存していない変更があるときは、その分は書き出されない旨の確認が出ます。読み込み: 書き出したJSONファイルを読み込みます。読み込んだプロジェクトは追加されるだけで、保存済みのプロジェクトが上書きされることはありません。同じ名前がすでにある場合は「名前 (2)」のように別名で追加されます。読み込んでも、開いているプロジェクトは切り替わりません。
ツールの仕様
変数の型ごとの扱い
- 数値: 代入・加算・減算がすべて使えます。
- 真偽値: 代入のみ。
- 文字列: 代入のみ。
数値の変数に、数値として読めない値（空欄や文字列）を加算・減算・代入する設定が入っていた場合、その操作は無視され、履歴にその旨が表示されます。黙って0として扱うことはしません。
ルートを辿った結果は保存されません
辿った経路も、その時点の変数の値も、保存データには一切書き込まれません。
追跡を終える、プロジェクトを切り替える、ページを閉じる、のいずれかで消えます。
辿る操作をしても「保存されていない変更」の扱いにはならないため、閲覧のつもりで触って保存状態が変わってしまうことはありません。
起点にできるノード
起点の候補は、他のノードから線が入ってきていないノードです。
線を1本もつないでいない孤立したノードも候補に出ます。
ノードが1つも無い場合や、すべてのノードに線が入っていて起点が存在しない場合は、その理由が表示されます。
扱える量の目安
ノードを手で追加する数に上限は設けていませんが、実際にはブラウザが1サイトに割り当てる保存容量（5MB程度）が先に頭打ちになります。
ノードが数千枚になると開くのに数秒かかり、スマホではさらに時間がかかります。
数百ノードまでを快適に扱える範囲とお考えください。
JSONファイルの読み込みには上限があります。
ファイルサイズ5MBまで、1プロジェクトあたり5,000ノードまで、プロジェクト100件までを超えるファイルは読み込みません。
開いた瞬間に固まって操作できなくなる状態を防ぐためのものです。
ツールの注意点
保存したデータはブラウザに保存されます
入力された作業データはサーバーには送信・保存されません。今お使いのパソコンの、今お使いのブラウザに紐づいて保存されます。
保存したデータは他の端末・ブラウザでは読み込めません
作業データは今お使いのブラウザに紐づいているため、他のパソコンや他のブラウザで開いても読み込めません。
端末を跨いで利用したい場合は、書き出し でJSONファイルとして保存し、移動先で 読み込み を使ってください。
ブラウザのデータを消去するときの注意点
このツールはブラウザの localStorage という仕組みでデータを保存しています。
ブラウザの設定でキャッシュやCookie、サイトデータを消去すると、このツールで保存したプロジェクトもすべて消えてしまう可能性があります。
書き出し でバックアップを取っておくことをおすすめします。
