わかばTRPGシナリオエディタ – マニュアル

エディタの概要

わかばTRPGシナリオエディタは、TRPGシナリオを作成・編集するためのブラウザベースのWebエディタです。

このエディタは、「構造を整理しながら書くこと」と「読みやすく見せること」の両立をコンセプトに設計されています。

全体は、大枠となる「ブロック」と、その中に内容を入れていく「アイテム」の2つで構成されています。ブロックはシナリオの見出しや章立てのような役割を持ち、その中にテキストや画像といったアイテムを入れていくイメージです。

階層アウトラインを意識した構造になっているため、内容を整理しながら執筆でき、完成後も読み手が迷いにくいシナリオを作ることができます。

ブロックとアイテム（階層アウトライン）

各種シーン（セクション - H2）
├─ 導入シーン（ブロック - H3）
├─ メインシーン（ブロック - H3）
│ ├─ メイン1 図書室の一幕（サブブロック - H4）
│ └─ メイン2 夜の物音（サブブロック - H4）

ブロック

ブロックは「セクション ＞ ブロック ＞ サブブロック」という階層で管理されており、大見出しから小見出しへと段階的に情報を整理できます。シナリオ概要、登場人物、各種シーンといった単位で分けたり、その中をさらに細かく分割したりと、構造を自由に組み替えられるのが特徴です。

同じ階層内であれば目次から簡単に並び替えができるほか、上下の階層を移動させることもできるため、「あとから構成を見直したい」といった場合にも柔軟に対応できます。この”階層を組み替えながら整える”階層アウトライン構造が、このエディタの大きな特徴です。

アイテム

一方でアイテムは、ブロックの中に入る実際の本文や素材を指します。テキストはもちろん、画像やグリッド、装飾テキストなどもすべてアイテムとして扱われます。

テキスト入力では、Enterキーで段落（＝別アイテム）を追加し、Shift＋Enterで同一アイテム内の改行を行います。この2つは挙動が異なり、例えばアイテムをまたいだコピーテキスト化はできないため、使い分けが重要になります。入力後はCtrl＋Enterで一つ上のブロックへ移動できるなど、執筆フローも意識した操作が可能です。

また、装飾テキストや台詞テキストは、アイテムでありながらその内部にさらにアイテムを持てる「入れ子構造」になっています。これにより、装飾の中に複数のテキストや画像を配置したり、さらに装飾を重ねたりと、表現の幅を広げることができます。もちろん、これらも並び替えや追加が可能です。

全体として、「ブロックを積み上げて構造を整えつつ、アイテムで自由に表現する」という設計になっており、書きやすさと見やすさを自然に両立できるエディタになっています。

さらに豊富な専用ブロックや装飾機能を使うことができます。ハンドアウト、NPC紹介、シーン表、エネミーデータなど、TRPGに特化した専用ブロックを用意。テキスト装飾、画像挿入、テーブル、グリッドなど、様々な要素を組み合わせてリッチな表現が可能です。

グラスモーフィズムデザイン

出力されるHTMLのデザインは、グラスモーフィズム（磨りガラス調）のスタイルをベースに、読みやすさと利便性を中心に設計されています。

デザインをゼロから自由にカスタマイズすることはできませんが、洗練されたレイアウトと視認性があらかじめ作り込まれているため、デザインの知識がなくてもGMが読みやすいシナリオシートを手軽に仕上げられます。テーマカラーや背景画像など、雰囲気の調整は設定画面から行えます。

ユーザビリティ機能

出力されたHTMLは、様々な環境での閲覧、GM進行がしやすいよう設計されています。

• ライト/ダークモード対応：目に優しい表示切り替え
• モバイル対応：スマートフォンやタブレットでも見やすいレスポンシブデザイン
• ワンクリックコピー：セッション中の情報共有に便利なコピー機能
• 追従ナビゲーション：常に目次が表示され、目的の箇所にすぐジャンプ

多様な出力形式

• HTML出力：完全なスタイル付きHTMLファイルとして出力
• PDF出力：ブラウザの印刷機能からPDF化も可能
• マークダウン/テキスト出力：他のツールへの取り込みに便利
• マークダウン読込：既存のテキストからシナリオを作成可能

シナリオ作成の流れ

スタート画面では「最初から」または「続きから」を選択します。画面は2列構成になっており、左側の一覧から項目を選ぶと右側にそのシナリオや構成の見出しアウトラインがプレビューされます。

• 最初から

登録済みのテンプレートを確認しながら開始できます。こちらで登録されているものや、ご自身で作成したテンプレのデータをJSONファイルから登録できます。

• 続きから

過去の保存データを確認したデータから復元できます。セーブデータはシナリオ執筆中に一定時間ごとに自動保存され、手動での保存も可能です。

• ファイルから開く

パソコン内に保存した .json ファイルを直接開いて編集を始められます。一度この方法で開いたファイルは、以後の保存・自動保存のたびに同じファイルへ自動で書き戻されます。Dropbox や Google Drive などの同期フォルダにファイルを置いておけば、ブラウザのローカル保存を意識せずに複数の端末間でシナリオを同期させることもできます。

画面構成

エディタは大きく分けて 5つのエリア で構成されています。

ヘッダー（画面上部）

シナリオタイトルの入力と、保存・プレビュー・設定などの主要な操作を行うエリアです。作成中のシナリオ名を付けたり、完成形を確認したり、テーマカラーや背景画像をカスタマイズしたりできます。

目次（左パネル）

見出しから自動生成される階層目次です。

クリックで該当箇所にジャンプできるほか、ドラッグ&ドロップでセクションやブロックの順序を並び替えることもできます。作業中に邪魔な場合は、折りたたんで非表示にすることも可能です。

キャンバス（中央下）

シナリオの本体を編集するメインエリアです。

テキストを入力したり、画像やテーブルを挿入したり、セクション・ブロック構造を組み立てたりします。編集した内容はリアルタイムで反映されます。

ツールバー（中央上）

テキストの装飾（太字、色、サイズなど）や、要素の追加（画像、テーブル、ボタンなど）を行うツールバーです。

元に戻す/やり直す、検索/置換など、編集作業を効率化する機能も揃っています。

ブロック追加（右パネル）

シナリオの構造を作るブロックを追加するエリアです。

基本構造（セクション、ブロック、サブブロック）のほか、ハンドアウトやNPC紹介、シーン表など、TRPGに特化した専用ブロックを挿入できます。作業中に邪魔な場合は、折りたたんで非表示にすることも可能です。

ヘッダー（画面上部）について

画面上部のヘッダーには、シナリオ全体の操作ボタンが配置されています。

シナリオタイトル入力欄

出力されるHTMLのタイトルにも反映されます。作業の最初に入力しておくと、ファイル名の管理や共有時の識別がスムーズになります。

• 場所：ヘッダー左側
• 説明：編集中のシナリオ名を入力

保存ボタン

編集内容をブラウザに保存します。一定時間ごとにオートセーブが入っていますが、作業の区切りごとにこまめに保存しておくと良いでしょう。保存したデータは次回「続きから」で再開できます。長期のバックアップや他PCへの持ち出しなどをする場合は、シナリオ保存機能を使いJSONファイルとして書き出しておきましょう。

• 場所：ヘッダー右側
• ショートカット：Ctrl+S（Mac: ⌘+S）
• 説明：編集内容をブラウザに保存。一応オート保存機能もありますが、作業が終わったら必ず保存しましょう。次回は「続きから」で再開できます

ダーク/ライトモード切り替え

深夜の作業や明るい環境など、目の負担に合わせてエディタの表示を切り替えられます。なお、出力したHTML側でも閲覧者が自由に切り替えられます。

• 場所：ヘッダー右側
• 説明：エディタのテーマをダーク/ライトモードに切り替え（出力したHTMLにも切り替え機能はあります）

プレビューボタン

HTML出力する前に、実際の閲覧者が見る仕上がりをそのまま確認できます。レイアウトの確認はもちろん、スマートフォンでの表示チェックや、複数ページ構成の動作確認もここで行えます。共有・公開前の確認として活用してください。

• 場所：ヘッダー右側
• 説明：編集中のシナリオがどのように表示されるかを確認できます
• ショートカット：Ctrl+P または Ctrl+Shift+P（Mac: ⌘+P / ⌘+Shift+P）
• 機能：
  ・ページ移動：複数ページのシナリオの場合、各ページへ直接移動できます
  ・モバイルプレビュー：スマートフォンでの閲覧時の表示をシミュレートして確認できます
  ・PDFプレビュー：PDF出力時の見た目を事前に確認できます。カラーモード（ライト/ダーク）もここで切り替えられます。ただし「PDF出力設定」の「印刷用レイアウトを使う（β）」がONの間は表示されません

マニュアルボタン

操作方法を忘れたときや、機能の使い方を確認したいときに開きます。

• 場所：ヘッダー右側
• 説明：マニュアル（現在見ているコレ）を開きます

設定ボタン

シナリオシート全体の外観と公開設定を管理。テーマカラーや背景画像の変更、制作者情報・SNSシェア設定の入力など、最終的なHTMLやPDFでの出力など、各種設定や出力をここから行います。

• 場所：ヘッダー右側
• 説明：テーマカラー、背景画像、出力設定などを管理
• 詳細：設定とカスタマイズを参照

---

目次（左パネル）について

シナリオ内の見出しから自動生成される階層目次です。シナリオが長くなるほど威力を発揮します。目的のセクションへのジャンプや構成の並び替えをここから行えるため、執筆中は常に開いておくことをおすすめします。

目次の機能

自動生成

エディタ内の見出し（H2〜H6）から自動的に目次が生成されます。見出しを追加・編集するたびにリアルタイムで更新されます。表示する見出しの階層の深さは設定から変更できます。またこの設定された見出しの深さは、実際に出力されるHTMLでも同じ階層になります。

設定とカスタマイズを参照

• セクション（H2）
• ブロック（H3）
• サブブロック（H4）
• それ以下（H5、H6）

階層表示

見出しのレベルに応じて階層的に表示され、自動的に番号が付きます。

1. 各種シーン
  1.1 導入シーン
  1.2 メインシーン
    1.2.1 図書室の一幕
    1.2.2 夜の物音

ジャンプ機能

目次の項目をクリックすると、エディタ内の該当見出しへスクロールジャンプします。見出しが多いシナリオでも素早く目的箇所にアクセスできます。

ドラッグ&ドロップ並び替え

目次項目をドラッグして、同じ階層内でセクション/ブロック構造を並び替えることができます。書き終えてから章の順序を変えたいときなど、構成の見直しに便利です。階層を上下したい場合は、各セクションごとの階層の上下機能をご利用ください。

ページ追加ボタン

シナリオ全体を複数の「ページ」に分割できる機能です。「公開情報とGM向け秘匿情報」「本編と資料編」「全体・1話・2話・3話」のように、シナリオを大きな括りで分けたいときに使用します。

目次パネル下部の「ページを追加」ボタンで新しいページを作れます。ページが2つ以上になると目次内に「ページ」欄が現れ、各ページの右側の「⋯」ボタン（または右クリック）から「ページメニュー」を開いて次の操作ができます。

• 名前を変更：ページ名をその場で編集できます。編集中にEnterで確定、Escapeで取り消しです
• 複製：ページの内容ごと複製し、「（元のページ名）のコピー」という名前で末尾に追加します
• 上へ移動 / 下へ移動：ページの並び順をボタンで入れ替えます（先頭・末尾のページでは移動できない方向のボタンが無効になります）
• 削除：確認ダイアログのあと削除します。ただし、最後の1ページだけは削除できません

ページの切り替えは各ページ名をクリックするだけです。切り替えると自動保存が走り、ページをまたいだ「元に戻す」はできない仕様になっています（ページごとに履歴が独立しています）。

ただし、このエディタで出力されるHTMLはサイドナビゲーションが充実しており、1ページ内に多数の情報があっても閲覧の妨げになりにくい設計です。Ctrl+Fでの情報検索なども考慮すると、ページ機能は乱用せず本当に大きな括りにのみ使うことを推奨します。見出しが数十にも連なる大規模シナリオの分割や、複数幕のキャンペーンシナリオへの活用を主な用途として想定しています。

折りたたみボタン

キャンバスを広く使いたいときに目次パネルを一時的に隠せます。画面が小さい環境での作業や、テキスト入力に集中したいときに便利です。

• 場所：目次パネル右上
• 説明：目次パネルを一時的に閉じて編集画面を広げます。画面左端のフローティングボタンで再表示

キャンバス（中央下）について

キャンバスはシナリオの本体を編集するメインエリアです。テキストを入力したり、画像やテーブルを挿入したりするほか、各アイテムへの細かな操作もここで行います。

シナリオ執筆（アイテム追加）

キャンバス内には自由にテキストを入力できます。入力中にEnterを押すと次の段落（＝別アイテム）に移動します。同じアイテム内で改行だけしたい場合はShift+Enterを使います。また、Ctrl/⌘+Enterは改行でひとつ上の階層（親要素）へ抜けられます。

また、装飾パネルから画像やグリッド、テーブルや装飾ブロックなどを追加することもできます。これら追加された各種要素一つ一つが「アイテム」となります。執筆中はEnterを押す度にアイテムが増えると思ってください。

なお、リストの項目内や台詞ブロック、シーン表のセルなど一部の特殊なアイテムの中では、Enter・Backspaceの挙動がそのアイテムに合わせて自動調整されます（例：シーン表のセル内ではEnterが改行のみになる、台詞ブロックの最後の1行をBackspaceで消すとブロックごと削除される、など）。

アイテムメニュー

テキストや画像など、各アイテムをクリックすると、左にアイコンが現れ、クリックするとそのアイテムに対する操作が可能です。アイテム内を右クリックしても同じメニューを呼び出せます。

• 一つ上/下に移動：選択中のアイテムを上下に移動します
• 上/下に空のアイテムを追加：選択中のアイテムの上下に空のアイテムを追加します
• このアイテムを複製：選択中のアイテムを複製します
• このアイテムをコピー / コピーしたアイテムを貼り付け：アイテムを内部クリップボードにコピーし、別の場所（別のブロックや階層をまたいだ先でも可）に貼り付けられます。何もコピーしていない状態では「貼り付け」は選択できません
• サブコンテンツを追加：選択中のアイテムに後述のサブコンテンツを追加します（すでに追加済みの場合は「サブコンテンツを削除」に切り替わります）
• このアイテムを削除：選択中のアイテムを削除します

またこのアイコンをクリックしたままドラックする、右クリックしたままドラックすると、アイテムを上下移動させて並び変えることができます。

サイドコンテンツ（注釈・補足）

各アイテムに対して補足情報を横並びで付与できる機能です。設定した補足情報は、出力されるシナリオシートのメインコンテンツ右側に並んで表示されます。

本文の流れを崩さずに関連情報を同じ行に添えられるため、ちょっとした注釈・キーワードの補足・ルール参照などを手軽に記載したいときに便利です。

アイテムにサブコンテンツが設定されると、アイテムにカーソルを合わせたときに表示バッジが現れます。これをクリックすると編集モーダルが開き、次の内容を設定できます。

• 本文：複数段落の入力に対応したテキストエリア
• 文字色・背景色：それぞれ専用のカラーパレットから選択（未設定＝色なしも選べます）

編集後は「保存」で反映、「削除」でサブコンテンツ自体を取り除けます（アイテムメニューの「サブコンテンツを削除」からも同じ操作が可能です）。

ブロック操作（階層移動、複製、削除）

書き進めるうちに構成を変えたくなったときに、ブロックの順序変更・階層の移動・複製・削除が行えます。「やはりこのシーンは別のセクションに移したい」「このブロックを同じ構成でもう一つ作りたい」といった場面で使います。

セクション/ブロックのヘッダー上でメニューボタンを押すか、右クリックを行うと操作メニューが開き、以下のような操作が可能です。セクションからブロックへ、ブロックからセクションなどの階層移動が可能ですが、セクション＞ブロック＞サブブロックの構造を超えて４階層目を作成するような階層移動は行えません。

• 階層を上げる：親のブロックやセクションから抜けて階層を上に登り、独立したブロックになります。
• 階層を下げる：上にあるセクションやブロックの中に移動し、階層を下に降ります。
• 親で囲む：自身の親となる空のセクションやブロックを作成します。
• 複製：選択されたセクションやブロックを中身ごと複製します。
• 削除：選択されたセクションやブロックを削除します。中に他の要素を含んでいる場合は確認メッセージが表示されます

ツールバー（中央上）について

キャンバス上部に固定表示されるツールバーです。テキストを選択した状態で各ボタンを押すことで装飾を適用したり、画像・テーブルなどの要素を挿入したりできます。編集のほとんどの操作はここから行います。

キーボードショートカット表示

ツールバー上部に、よく使うであろうショートカットが表示されています。

• Enter：段落分け
• Shift+Enter：改行のみ
• Ctrl/⌘+Enter：親要素を抜ける
• Ctrl/⌘+S：保存

右端の「すべて表示」ボタン（または Ctrl/⌘+/）を押すと、使えるショートカットの一覧をモーダルで確認できます。表記はお使いの環境に合わせて ⌘ と Ctrl が切り替わります。

• Ctrl/⌘+B / I / U：選択テキストに太字／斜体／下線を適用（後述のツールバーボタンと同じ効果です）
• Ctrl/⌘+Z：元に戻す、Ctrl/⌘+Y または Ctrl/⌘+Shift+Z：やり直す
• Ctrl/⌘+F：検索・置換パネルを開く
• Ctrl/⌘+P、または Ctrl/⌘+Shift+P：プレビューを開く
• Ctrl/⌘+/：ショートカット一覧を開く
• Esc：開いている各種メニューやモーダルを閉じる

元に戻す/やり直す

操作を間違えたときなどに使います。テキスト入力からブロックの移動まで幅広い操作が対象です。ただし、ページを切り替えると履歴はリセットされ、別のページの編集内容を「元に戻す」ことはできません。

元に戻す

• アイコン：左向き矢印
• ショートカット：Ctrl+Z（Mac: ⌘+Z）
• 説明：直前の操作を取り消す

やり直す

• アイコン：右向き矢印
• ショートカット：Ctrl+Y（Mac: ⌘+Y）
• 説明：取り消した操作をやり直す

検索・置換

シナリオ内の特定テキストを検索したり、まとめて別の文字列に置き換えたいときに使います。キャラクター名の変更や、繰り返し使っている語句の一括修正などに便利です。

検索/置換パネル

• アイコン：虫眼鏡
• ショートカット：Ctrl+F（Mac: ⌘+F）
• 説明：特定のテキストを検索したり、一括置換したいときに

検索パネルの使い方：

• 検索テキスト：検索文字列を入力
• 置換テキスト：置換先文字列を入力
• 前を検索/次を検索：マッチした箇所に移動
• 置換/すべて置換：1つだけまたは全部置換
• 大文字小文字区別：チェックで区別ON/OFF

検索テキストを入力すると、右側に「◯件」とヒット件数が表示されます。置換や一括装飾を実行する前に、何箇所が対象になるのかを確認できます。

一括装飾

検索パネルの杖アイコン（すべて置換ボタンの右隣）を押すと、パネルの下段に一括装飾の操作列が開きます。検索テキストに一致したすべての箇所へ、まとめて装飾をつけられます。

• 太字：一致した箇所をすべて太字にする
• 文字色：一致した箇所すべてに同じ文字色をつける
• 背景色：一致した箇所すべてに同じ背景色をつける

「NPCの名前を全部太字にしたい」「重要なキーワードを全部同じ色で目立たせたい」といった場面で、1箇所ずつ選択して装飾する手間がなくなります。

一括装飾の仕様：

• 操作列の右側に「一致 ◯ 件」と対象件数が表示されます。0件のときはボタンが押せません
• 対象は現在表示しているページのみです。複数ページのシナリオでは、ページごとに実行してください
• 何箇所に適用後に取りやめる場合は、Ctrl+Z（Mac: ⌘+Z）で元に戻せます
• すでに装飾がついている箇所は、その装飾を保ったまま追加されます。たとえば赤い文字に太字をかけると「赤い太字」になります
• 太字は「つける」だけの動作です。すでに太字の箇所が混ざっていても、そこだけ太字が外れることはありません
• 文字色・背景色は、同じ箇所にすでに色がついていた場合は新しい色で上書きされます

テキスト装飾ツール

テキストを選択した状態でボタンを押すと、各装飾を適用できます。重要箇所を色変えしたり、リンクやワンクリックコピーで利便性を高めるなど。

使用用途を記載していますが、あくまでも一例なので執筆するシナリオが読みやすくなるよう自由にご活用いただければと思います。

太字

NPC名・固有名詞・重要なキーワードなど、目を引かせたい語句に使います。

• 説明：選択テキストを太くする

斜体

雰囲気のある一言を添えたり、補足的なニュアンスを表現したいときに使います。

• 説明：選択テキストを斜めにするときに

下線

注意を引きたい箇所や、特に覚えておいてほしい情報に使います。

• 説明：選択テキストをに下線を引くときに

文字色

どの色を選んでもダーク/ライトモードのどちらでも正しく表示されるよう自動設計されています。カラーパレットは中央の「なし（標準色に戻す）」ボタンを囲むホイール状に配置されています。目立たせたくない文言向けに、あえて薄く読みにくくする「見えにくい色」という特殊な色も用意されています。

• 説明：選択テキストに色付け（ダーク/ライトモード両対応）

背景色

どの色を選んでもダーク/ライトモードのどちらでも正しく表示されるよう自動設計されています。文字色と同様、ホイール状のカラーパレットから選択します。

• 説明：選択テキストに色付け（ダーク/ライトモード両対応）

• 説明：選択テキストを背景色変更（ダーク/ライトモード両対応）

文字サイズ拡大/縮小

強調したい語句を大きく表示したり、補足的な内容を目立ちすぎないよう小さくしたいときに使います。基準となる文字サイズは、設定 → 高度な設定の「基本文字サイズ」で変更できます。

• 拡大：文字サイズを1サイズ大きく
• 縮小：文字サイズを1サイズ小さく

ワンクリックコピー化

セッション中にプレイヤーへ手軽に渡したい描写テキストや指示文、処理内容などを設定しておくと、クリック一回でクリップボードにコピーできるようになります。すでにワンクリックコピーになっている範囲を選んでもう一度ボタンを押すと解除されます。

• 説明：選択テキストをワンクリックコピーに対応させます。

リンク

外部リンクのキャラクターシートや関連資料へのURLを貼ったり、シナリオ内の別の見出しへのページ内リンクを設定したりするときに使います。

例えばキャラクター紹介でNPCの行動指針を記載しておき、実際にそのシーンから「何故この行動をしているのかは、行動指針を参照」のようなリンクでキャラクター紹介ブロックへリンクさせるなど。うまくリンクを張り巡らせるとシナリオの可読性が一気に高まります。

• 説明：選択テキストに外部サイトや参考資料へのリンクを貼る

使い方

• テキストを選択
• リンクボタンをクリック
• ページ内の見出しを選択 or URLを入力

リンクは同じ段落内のテキストにのみ設定できます（段落をまたいだ選択にはリンクを付けられません）。外部URL（http/https）へのリンクは、常に新しいタブで開くよう自動設定されます。

後述のグリッドアイテム・カスタムボタン・キャラクターシートボタンの上で使うとリンクの「編集モード」になり、リンク先の変更や削除ができます。グリッドアイテムやボタンにリンクを設定する場合は、それぞれの要素の右下・近くに表示される小さなリンクアイコンからも同じ設定画面を開けます。ボタン系の要素を編集する場合は、リンクの設定に加えて任意のアイコンを付ける「アイコンを選択（オプション）」も選べます。

書式をクリア

これまでに説明してきた各種装飾要素をリセットします。選択範囲のすべての装飾を一括で除去します。

• 機能：装飾を全て取り除いて標準の状態に戻す
• 効果：すべての装飾（太字、色、サイズなど）を除去

テキスト整列ツール

テキストアイテムの文字揃えを変更します。見出し的な役割のテキストを中央揃えにしたり、日付や署名を右揃えにしたりする際に使います。通常の本文は左揃えのまま使うのが読みやすい場合がほとんどです。

• 左揃え：文字を左端に寄せる（通常のテキスト）
• 中央揃え：文字を中央に寄せる（見出しなどに）
• 右揃え：文字を右端に寄せる（署名などに）

リストツール

テキストをリスト形式で整理したいときに使います。概要などの情報を箇条書きで書いたり、手順や条件を番号付きで並べたりするのに向いています。

• 箇条書き：項目を箇条書きで並べたいときに
• 番号付きリスト：項目を箇条書き（番号付き）で並べたいときに

要素追加ツール

テキスト以外の要素（画像・表・グリッドなど）をキャンバスに追加するためのツールです。シナリオをビジュアルで豊かにしたり、データを見やすく整理したりするときに活用します。

画像挿入

背景・風景、キャラクターの立ち絵、アイテムアイコンなど、シナリオを視覚的に豊かにする画像を配置できます。スクエア・立ち絵タイプでは、2枚を横並びにする配置も選べます。

使い方：

• 画像ボタンをクリック：ツールバーの画像ボタンをクリック
• 画像タイプを選択：モーダルで以下から選択
  ・横長画像：背景・風景向け
  ・スクエア画像：アイテム・アイコン向け
  ・立ち絵：キャラクター向け
• 配置を選択（スクエア・立ち絵のみ）：
  ・1枚：通常の単体配置
  ・横二つ：同じブロック内に画像を左右2枚並べて配置できます。背景と立ち絵を並べたり、2キャラクターを横並びにしたりといったレイアウトが可能です。
• キャプション表示を選択：
  ・キャプションなし：画像のみ
  ・キャプションあり：画像下に説明文を追加
• 「画像を挿入」ボタンをクリック：空の画像領域が挿入されます

• 挿入された空の画像領域をクリック：画像選択モーダルが開きます
• 新しい画像をアップロード：ファイルを選択（最大5MB、JPEG/PNG/GIF/WebP）
• 既存画像から選択：過去にアップロードした画像がある場合、一覧から選択可能
• 画像の変更：表示された画像をクリックすると、再度画像選択モーダルが開きます

テーブル挿入

行と列で構成された表形式のデータを配置できます。複数の項目を横断的に比較・整理して見せたいときに便利です。

使い方：

1. ツールバーのテーブルボタンをクリックすると、挿入ポップアップが開きます
2. 左側の「サイズ」で行数・列数を決めます
3. 右側の「見た目」でデザイン・幅・見出し設定を決めます
4. 下の「プレビュー」で仕上がりを確認します
5. 「テーブルを挿入」ボタンを押すと挿入されます
6. 各セルをクリックして内容を入力します。行や列の増減、テーブルの削除は、テーブルにマウスを乗せると出るボタンから行います

サイズの指定方法は2通りあり、どちらを使っても構いません（両方は連動します）。

• マス目をクリック：8×8までのマス目から選びます。クリックしても挿入はされません。選んだサイズが確定するだけなので、そのあと見た目を調整してから挿入できます
• 数値で入力：行数・列数を直接入力します（最大20×20）。マス目で選べない大きさはこちらで指定します

デザインは3種類から選べます。

• グラス：ヘッダーに色が付き、行に薄い縞模様と影が入る、従来のはなやかなデザイン
• ミニマル：背景も枠線もなく、行の区切り線とヘッダーの下線だけのすっきりしたデザイン。本文の流れに自然に馴染みます
• ライン：すべてのセルを細い線で囲む、資料やデータ表向けのかっちりしたデザイン

ミニマルとラインも、見出し行にはシナリオのテーマカラーが薄く入ります（ミニマルは見出しの文字と下線、ラインは見出し行の背景）。無彩色のグレーにはならないため、シナリオ全体の色味から浮きません。

幅は3種類から選べます。

• 全幅・均等：本文と同じ幅いっぱいに広げ、各列を均等な幅にそろえます
• 見出し＋本文：本文と同じ幅いっぱいに広げたうえで、1列目だけを見出しの文字数ぴったりに詰め、余った幅をすべて右の列に渡します。「左に短い見出し、右に長い文章」という2列の表に向いています
• 内容に合わせる：中身の文字数ぴったりまで表を縮めて中央に置きます。項目が少ない小さな表で左右の余白が間延びするのを防げます

見出しの位置は4種類から選べます。

• 横：1行目を見出しにします。列ごとに項目名を付ける、もっとも一般的な表です
• 縦：1列目を見出しにします。「項目名：内容」を縦に並べたいときに向いています
• 両方：1行目と1列目の両方を見出しにします。縦横に軸がある集計表・対応表向けです。「縦」では強調されるのは1列目だけで、1行目は本文と同じ見た目になります。
• なし：見出しを付けず、すべて同じセルにします

「縦」「なし」を選んだ場合、1行目も普通のデータ行として扱われ、行の追加・削除もできます。「縦」では強調されるのは1列目だけで、1行目は本文と同じ見た目になります。

挿入したあとでも、テーブルにマウスを乗せると右上（削除ボタンの左隣）に表示される歯車ボタンから、デザイン・幅・見出し設定をいつでも変更できます。表の中身はそのまま残ります。以前のバージョンで作ったテーブルも、この歯車ボタンから新しいデザインに変更できます。

なお「全幅・均等」のテーブルは、文字を入力しても列の幅が変わりません。入力のたびに列の境目が左右に揺れることがなくなり、落ち着いて編集できます。中身に応じて列ごとに幅を変えたい場合は「見出し＋本文」か「内容に合わせる」を選んでください。

また「見出し＋本文」と「内容に合わせる」では、1列目の見出しが途中で改行されません。右の列に長い文章を入れても左の見出しが押し潰されないので、見出しと説明を並べる表が読みやすくなります（スマートフォンなど画面幅が非常に狭い場合は、表がはみ出さないよう改行されます）。

グリッド挿入

横並びのタイル型パネルを配置できます。情報カード形式でビジュアル的に並べたり、各ページへのリンク付きナビゲーションを作ったりするのに向いています。各タイルにはラベルや外部・内部リンクの設定もできます。

使い方：

• グリッドボタンをクリック：ツールバーのグリッドボタンをクリック
• 形状を選択：ノーマル、スクエア、横長の３パターンからアイテムの大きさを決められます
• ラベルを選択：ラベルの有無を設定できます
• アイテム数を指定：最初に追加するアイテム数を選択できます。後から増減も可能です
• 「グリッドを挿入」ボタンをクリック：指定した数のグリッドアイテムが挿入されます

• 内容を編集：各グリッドアイテムをクリックして内容を入力
  ラベルと内容の編集、アイテムの追加、削除、リンクの設定ができます。また右端の赤いボタンでグリッドを一括削除できます

• リンクを設定：各グリッドアイテムの右下のリンクマークをクリックしてリンクを設定
  ページ内リンク、外部URLを指定してリンク先を指定したり、アイコンを設定することができます

水平線挿入

内容の区切りを視覚的に示す横線を挿入します。セクション内で話題が変わる場面や、要素の間にメリハリをつけたいときに使います。ボタンをクリックするだけで挿入されます。

特殊ブロック

装飾ブロック

見出し・アイコン・カラーをカスタマイズ可能な囲み枠です。「GM情報」「判定」「注意事項」など、特定の意味を持つまとまりをビジュアルで区別したいときに使います。プリセットを使えばすぐに挿入でき、カスタマイズも自由自在です。一度挿入した後でも設定を変更できます。

使い方：

• テキストブロックボタンをクリック：ツールバーのテキストブロックボタンをクリック
• プリセットから選択（オプション）：以下のプリセットから選択できます
  概要、処理、描写、情報、判定、指針、注意、補足、GM情報、備考から選択
• カスタマイズ（オプション）
  ・見出しラベル：ブロックのタイトルを入力
  ・アイコン選択：アイコンから選択（本、歯車、コンパスなど）
  ・カラー選択：青、紫、緑、黄、オレンジ、赤、グレー、テーマカラーなどから選択
  ・ワンクリックコピー：チェックを入れると、クリックでテキストをコピー可能
  ・プリセットとして保存（オプション）：カスタマイズした設定を保存して再利用可能
• 「挿入」ボタンをクリック：カスタマイズしたテキストブロックが挿入されます
• 設定の変更：一度挿入した装飾ブロックも、ブロック右上の歯車アイコンをクリックすると挿入時と同じモーダルが開き、見出し・アイコン・カラーなどをいつでも変更できます
• 削除：右端の赤いボタンで装飾ブロックを削除できます

セリフ/台詞

キャラクターの台詞を表現する専用ブロックです。チャットUI風の吹き出し形式で表示され、描写テキストの中にキャラクターのセリフを自然に組み込めます。登場人物ごとにキャラクター設定をショートカットとして登録しておくと、同じキャラクターの台詞を繰り返し追加するときの手間が大幅に減ります。

使い方：

• セリフボタンをクリック：ツールバーのセリフボタンをクリック
• キャラクターショートカットを選択（登録済みの場合）：ワンクリックでキャラ設定を反映
• パターンを選択：モーダルで以下から選択
  ・テキストのみ：台詞テキストだけのシンプル表示
  ・テキスト＋名前：キャラクター名付き
  ・テキスト＋画像：キャラクター立ち絵付き
  ・フル（画像＋名前）：立ち絵とキャラクター名の両方付き
• 位置を選択：チャットUI風の表示位置を選択
  左、右から選択
• 「挿入」ボタンをクリック：台詞ブロックが挿入されます

• 画像、名前を設定：挿入後、クリックして設定
• 削除：右端の赤いボタンで台詞ブロックを削除できます

キャラクターショートカット（事前登録）

キャラクター名・アバター画像・文字色・吹き出し色をまとめてショートカットとして事前登録しておくと、次回以降ワンクリックで台詞ブロックへ反映できます。登場キャラクターが多いシナリオほど効果的です。

文字色と吹き出し色はエディタのテーマカラーに対応したカラーパレットから選ぶため、ライト/ダークモードどちらでも意図した見た目になります。

見出しブロック

現在カーソルがある見出しの、1つ下の階層の見出しをその場に追加します。例えばセクション（h2）の中で使用すると、h3のシンプルな見出し階層が作れます。見出しブロックの中に見出しブロックを作ることもでき、NPC紹介ブロックや、エネミーデータブロックなどにも追加可能です。

例えばNPC紹介ブロックの中で、キャラクターの過去１、過去２、過去３といったような見出しで階層分けをしたいときに使えます。構造の作りとしてはセクションやブロックを追加するのと変わりません。追加した見出しは、他の見出しと同じく左の目次からドラッグ＆ドロップで並び替えられます。

ブロック追加（右パネル）について

右パネルには、シナリオの構造を作るブロックを追加するボタンが配置されています。

基本ブロック

シナリオの章立てや見出し構造を3段階の階層（セクション＞ブロック＞サブブロック）で作ります。「どこに何が書いてあるか」が一目でわかる構造をある程度先に作っておくと、執筆がスムーズになります。一度作ったあとで並び替えや階層変更もできるので、悩まず気軽に作成しましょう。

各ブロックはスタイルを選んで追加できます。
・フラット：シンプルで読みやすいスタイル
・リッチ：立体感があり強調されたスタイル

作成したセクションやブロックの階層移動はこちら。

セクション追加

シナリオ全体の最上位の区分けに使います。「概要」「登場人物」「各種シーン」「資料」など、大きな章の単位で追加します。まずここから構造を作り始めるのがおすすめです。

更に細かく分割したい場合には、サブブロックの階下で「見出しブロック」を追加してください。

ブロック追加

セクションの中でさらに細かくブロック分けします。

サブブロック追加

ブロック内をさらに細かく分けるときに。

専用ブロック

TRPGシナリオに特化した専用のブロックを追加するセクションです。どの階層にも追加でき、現在いるブロックの階下に挿入されます。階層に応じてhタグが自動調整されます。

ハンドアウト

PC用の秘匿情報を記載するための専用ブロックです。「推奨」「使命」「表テキスト」「裏テキスト（秘密情報）」「本当の使命」といったシノビガミハンドアウトに必要な構成がセットになっています。もちろんヘッダーやフッターの記載内容は変更できます。

記載した内容はワンクリックでコピーできるため、セッション中にそのままプレイヤーに渡せます。

使い方：

• ハンドアウトボタンをクリック：右パネルの「ハンドアウト」ボタンをクリック
• モーダルで各種設定：
  ・作成数を選択：1〜10個のハンドアウトを作成できます
  ・デザインスタイルを選択：ノーマル、フラット、羊皮紙風から選択できます
  ・出力要素を選択：ハンドアウトヘッダー（推奨・使命）、表（表テキスト）、裏（裏テキスト・秘密情報）、ハンドアウトフッター（本当の使命）
• 「作成」ボタンをクリック：指定した数のハンドアウトが挿入されます
• 各セクションを編集：挿入されたハンドアウトの各部分をクリックして編集

NPC紹介

NPCのビジュアルや情報をリッチに見せるためのブロックです。立ち絵・ステータス・台詞をまとめて配置でき、NPC一覧ページを読みやすく整理できます。基本的には「シンプル版」、詳しい設定や背景も記載したい場合は「詳細版」を選びます。

使い方：

• NPC紹介ボタンをクリック：右パネルの「NPC紹介」ボタンをクリック
• レイアウトを選択：モーダルで以下から選択
  ・シンプル版：画像とステータスを横並びにコンパクト配置
  ・詳細版：上部に画像とステータス、下部に詳しい説明を配置
• 画像を使わないをクリック：作成するNPCブロックにNPC画像を設定しない場合に使用します。
• 「作成」ボタンをクリック：選択したレイアウトのNPC紹介ブロックが挿入されます
• 各要素を編集：
  ・NPC名：見出し部分をクリックして名前を入力
  ・NPC画像：画像プレースホルダーをクリック。画像選択モーダルから新規アップロードまたは既存画像から選択
  ・台詞テキスト：台詞オーバーレイ部分をクリックして編集、エンターで最大三つまで追加可能
  ・ステータス：既存ステータス：ラベル・値をクリックして編集「+」「-」ボタンでステータスの追加削除
  ・説明セクション：キャラクターの説明を追加可能。更に階層分けしたい場合は、ツールバーの「見出しブロック」を追加してください。

---

シーン表

ダイスを使ってランダムにシーンを決定するための表ブロックです。各シーンはワンクリックでコピーできるため、セッション中のGM進行にそのまま活用できます。

使い方：

• シーン表ボタンをクリック：右パネルの「シーン表」ボタンをクリック
• ダイス種類を選択：モーダルで以下から選択
  ・ショートカットボタン：よく使うダイスをワンクリック選択
  ・自由選択：カスタム入力欄でシーン数を指定（2〜20の範囲）
• 「作成」ボタンをクリック：指定したシーン表が挿入されます
• 各シーンを編集：シーン番号は自動設定。シーンテキストをクリックして内容を編集

---

エネミーデータ

敵キャラクターのステータスやGMへの行動指南を記載するブロックです。使用するシステムを選択することで、そのシステムで一般的なステータス項目があらかじめセットされます。初期設定はあくまで入力補助なので、追加後に自由に編集できます。

使い方：

• エネミーデータボタンをクリック：右パネルの「エネミーデータ」ボタンをクリック
• モーダルで設定：
  ・システムを選択：シノビガミ、インセイン、マギカロギア、CoC、エモクロア、ダブルクロスなどから選択。データの書き方を固定する意図はなく、あとからステータス欄は変更できます。
  ・アイコン設定：アイコンの有無を選択。追加した場合は任意の画像をあとから設定できます
• 「作成」ボタンをクリック：エネミーブロックが挿入されます
• 各要素を編集：
  ・エネミー名：見出し部分をクリックして名前を入力
  ・キャラクターシートリンク：リンクアイコンをクリック。URL入力欄にキャラクターシートのURLを入力
  ・ステータス：既存ステータス：ラベル・値をクリックして編集。追加：「+ ステータスを追加」ボタンをクリック
  ・その他情報：既存情報：テキストをクリックして編集。追加：「+ 情報を追加」ボタンをクリック
  ・説明文：自由にエネミーデータに対する説明テキストを追加。階層を追加したい場合はツールバーの「見出しブロック」を使用。

TOPIC

サイドストーリー・豆知識・補足情報などをまとまったブロックとして記載するためのブロックです。本文とは独立した囲み枠として表示されるため、本筋とは別の情報をひとまとめにして目立たせたいときに使います。一行程度の短い補足であれば、サイドコンテンツ機能の方がシンプルに使えます。

使い方：

• TOPICボタンをクリック：右パネルの「TOPIC」ボタンをクリック
• TOPICブロックが挿入されます：ボタンクリックで即座に挿入
• 各要素を編集：
  ・ラベル部分：「TOPIC」と書かれているラベルは別のテキストに変更できます。
  ・説明文：自由にTOPICの説明テキストを追加。階層を追加したい場合はツールバーの「見出しブロック」を使用。

キャンバスボード

「パネル（図形）」と「ライン（コネクタ）」を自由な位置に配置できる作図用のブロックです。シナリオの相関図、シーンフロー、勢力図、ハンドアウトの関係性チャートなど、文章だけでは伝わりにくい情報を視覚的に整理したいときに使います。

他の専用ブロックと違って要素を「自由な位置」に置けるのが特徴で、組織図や状態遷移図のような構造を、専用の作図ツールを別に立ち上げずにシナリオシート内で完結して作成できます。

リンクを設定したパネルは、出力されたHTMLや「閲覧モード」時にクリックでナビゲーション可能です。例えば「キャラ相関図」をつくればキャラ名にをクリックすると、そのキャラのNPC紹介セクションに飛ぶといった導線が作れます。ライト/ダークモード両対応していますが、スマホ閲覧には適していませんのでご注意ください。

使い方：

• キャンバスボードボタンをクリック：右パネルの「キャンバスボード」ボタンをクリック
• 現在いる階層の階下にキャンバスボードブロックが挿入されます。挿入直後は空のキャンバス領域が表示されます
• キャンバス内をクリックするとアクティブ化され、編集用ツールバーが現れます。ボード外をクリックするとキャンバスが非アクティブ化され、編集ツールバーが閉じます。再度キャンバス内をクリックするとアクティブに戻ります。
• ボードのサイズは、ツールバー右側の「サイズプリセット」アイコンから変更できるほか、ボード右下のハンドルをドラッグして任意のサイズに調整できます

キャンバスツールバー：

・選択ツール：何もないところでクリック／矩形ドラッグで複数選択。配置済みの要素を選択・移動・リサイズします。

・パネル（6種類）：矩形、角丸、楕円、ひし形、台形、平行四辺形 から選択して配置できる図形パネル。クリック後にキャンバス上をクリックして配置します。

・テキスト：テキスト専用パネル。1ボタンですが、右クリックで「横書き／縦書き」を切り替えられます。

・ライン（9種類）：パネル間を結ぶコネクタ。直線・折れ線・ベジェ曲線の3形状 × 矢印なし・片方向矢印・双方向矢印 の3パターン、計9種類から選びます。

・装飾：背景枠、区切り線の追加が可能です。右クリックから色の変更や、矢印・双方向矢印にも変更可能

・右側ユーティリティ： 選択中の要素を削除、ボードサイズの変更、操作ガイドの呼び出しなどを行えます。

パネルの操作：

パネル系ツールを選んでキャンバス上をクリックすると、その位置にパネルが配置されます。

• 1クリック：選択。ハンドルが表示され、ドラッグで移動・リサイズ
• ダブルクリック：テキスト入力モード。パネル内に文字を直接書き込める
• 右クリック：コンテキストメニュー
• テキスト編集
• カラー設定（パネル背景色を10色のプリセットから選択）
• リンク設定（外部URL／ページ内見出しへのジャンプ）
• 削除

リンクを設定したパネルは、出力されたHTMLや「閲覧モード」時にクリックでナビゲーション可能です。「相関図のキャラ名をクリックすると、そのキャラのNPC紹介セクションに飛ぶ」といった導線が作れます。

ラインの操作：

ライン系ツール（9種類のいずれか）を選択した状態で、パネルにマウスを近づけると接続点（●スナップポイント）が表示されます。接続点からドラッグして、別のパネルの接続点でリリースするとラインが引かれます。

接続後はパネルの移動に追従してラインも自動で再計算されるため、構造を組み替えてもライン関係は崩れません。

• クリック：選択
• 右クリック：コンテキストメニュー
• ライン種別の変更（直線／折れ線／曲線 × 3パターンの計9種をいつでも切り替え可能）
• ラインカラー（10色プリセット。矢印の色もラインに自動追従）
• 削除

テキストパネルの操作：

テキストパネルは図形パネルと違って枠が表示されず、テキストのみが浮かびます。

• 1クリック：選択・移動・リサイズ
• ダブルクリック：テキスト入力
• 右クリック：横書き／縦書きの切り替え、削除

装飾要素：

装飾パネルと装飾ラインは、パネルやラインとは別レイヤーで描画される「背景の装飾」です。テキストの入力などはできず、あくまでもグループ分けのフレームや区切り線として使う装飾用です。

・装飾パネル：エリアをグループ分けする四角型の囲み枠。右クリックでカラー変更・削除

・装飾ライン：区切り線などとして使う線。右クリックでライン種別（ライン／矢印／双方向矢印）・カラー変更・削除

キーボードショートカット：

・Del：選択中の要素を削除
・Esc：選択解除

ヒント：

・「ヘルプ（？）」ボタンから、パネル／ライン／テキスト／装飾の基本操作をいつでも参照できます。

折りたたみボタン

• 場所：ブロックパネル右上
• 機能：ブロックパネルを一時的に閉じて編集画面を広げます
• 再表示：画面右端のフローティングボタンで再表示

設定とカスタマイズ

シナリオシートの外観と公開設定を管理するモーダルです。大きく「テーマ設定（見た目）」「ファイル操作（保存・出力）」「高度な設定（目次・変数・SNS・フッター）」のといった要素に分かれています。設定ボタンをクリックすると開きます。

テーマ設定

出力されるHTMLの見た目をカスタマイズします。テーマカラーや背景画像など、シナリオの雰囲気や世界観に合わせた調整ができます。

テーマカラー

シナリオシート全体の色味を変えられます。見出しやアクセントカラーなど各所に反映されるため、世界観に合った色を選ぶとシート全体の統一感が生まれます。

• 入力型：スライダー（0〜360）
• 説明：シナリオシート全体の色の雰囲気を変更（見出しなど各所で使われます）、「グレースケール（白黒）テーマ」を選ぶと、テーマカラーをすべてモノクロにできます。

背景画像

シナリオシートの背景画像を設定できます。画像は薄くぼかした状態で表示されるため、テキストの読みやすさを保ちながら世界観を演出できます。

• 使い方：画像URLを入力、ファイル選択ボタンでファイルを選択
• 対応形式：JPG、PNG、WebPなど

ロゴ画像設定

シナリオタイトルの代わり、または並べて表示するロゴ画像を設定できます。タイトルロゴを作成している場合に使います。

• 推奨形式：WebP、PNG
• 使い方：
  ・画像URLを入力 または ファイルを選択
  ・表示モードを選択：ロゴのみ（横長ロゴ向け）、ロゴ＋テキスト（正方形に近いロゴ向け）

カバービジュアル

機能：シナリオページのトップに表示される導入演出を設定します。GM向けの資料用途ではなく、シナリオをPL向けのティザーサイトとして公開したい場合を主な用途として想定した機能です。タイトルロゴ・背景画像・立ち絵などを組み合わせて、ページの第一印象を作れます。

• テンプレート選択：レイアウトの異なる3種類のテンプレートから選択できます
  スタンダード：テキスト中心のシンプルなレイアウト
  スプリット：背景・ロゴ・テキストに加え、キャラクター立ち絵を1枚配置できるレイアウト
  キャスト：2〜4人のキャラクター立ち絵を並べて配置できるレイアウト（「+」「-」で人数を調整、各キャラクターに画像と任意の名前ラベルを設定可能）
• 背景画像・ロゴ画像：それぞれ「シナリオ設定を使用」（8.1.2・8.1.3で設定した画像をそのまま使う）と「個別に設定」（カバービジュアル専用の画像をアップロード）を切り替えられます。ロゴはカバービジュアル内だけで表示・非表示を切り替えることもできます
• タイトルテキスト・サブテキスト
• テキストカラー：白文字／黒文字から選択
• 表示演出：アニメーションの種類（フォーカスイン／シンプルフェード／スライドダウン／なし）と、速度（はやい／ふつう／ゆっくり）を選べます

カバービジュアルを使用しない場合は、設定をオフにすることでシナリオタイトルのみのシンプルな表示に戻ります。

ファイル操作

シナリオデータの保存・読込・出力を行います。最終的なHTML出力、PDF出力はもちろん。テキストとしての出力やシナリオデータをJSONファイルで保存することが可能です。

シナリオ保存

編集内容をJSONファイルとしてパソコンにダウンロードします。本文中で使っている画像も同梱されるため、このファイルひとつで別の端末へ持ち出せます。作業の区切りや長時間の編集の前後にこまめに保存しておくことを推奨します。

シナリオ読込

以前に保存したシナリオJSONファイルを読み込んで復元します。別のPCで作成したデータを引き継ぐ場合や、バックアップから復元する場合にも使います。「出力HTMLを再編集可能にする」（8.3.7）を有効にして出力したHTMLファイルも、ここから同じように読み込んで編集を再開できます。

HTML出力

完成したシナリオを単体で動作するHTMLファイルとして出力します。このファイルをそのまま相手に渡したり、ウェブサーバーに置くだけで公開できます。ブラウザの印刷機能からPDF化も可能です。

テキスト出力

シナリオをマークダウンまたはプレーンテキスト形式で書き出します。他のツールへの取り込みや、テキストエディタでの編集・バックアップに使います。形式を選択してからダウンロードできます。

テキスト読込

マークダウン式のテキストを読み込み、シナリオエディタに反映します。ドキュメントなどの他ツールで作成したデータを取り込むときに使います。

PDF出力

完成したシナリオをPDFデータとして出力します。HTMLファイルが読み込めないiPhoneやiPadユーザー向けにPDFも用意しておくと親切です。

テンプレート保存

現在のシナリオを再利用可能なテンプレートとしてJSONファイルに書き出します。同じ構成のシナリオを繰り返し作りたいときなどに使えます。書き出したファイルは、起動画面の「最初から」→「JSONを読み込む」から取り込むことでカスタムテンプレートとして登録できます（登録後の並び替え・削除については「シナリオ作成の流れ」を参照）。

高度な設定

目次の表示設定、変数・キャラクター名の管理、SNS公開設定などをカスタマイズできます。通常の執筆作業には使わないことも多いですが、複雑な構成のシナリオや、不特定多数への公開・配布を考えているシナリオで役立ちます。

目次設定

シナリオの規模や用途に合わせて、左パネルの目次に表示する見出しの深さを調整します。見出しが多く目次が長くなりすぎる場合は浅く、逆にサブブロックまで常に確認したい場合は深く設定します。変更は即座に左サイドバーに反映されます。

目次の表示階層：左サイドバーの目次に表示する見出しレベルを設定

• h2まで表示（セクションのみ）：セクション（H2）のみ
• h3まで表示（ブロックまで）：セクション＋ブロック（H2〜H3）
• h4まで表示（サブブロックまで）：セクション＋ブロック＋サブブロック（H2〜H4）【デフォルト】
• すべて表示：すべての見出しレベル（H2〜H6）

変更は即座に左サイドバーに反映されます。

基本文字サイズ

出力されるHTML全体の基準となる文字サイズを、5段階（極小14px／小16px／標準17px／大18px／特大20px）から選べます。ツールバーの「文字サイズ拡大/縮小」もこの基準値をもとに拡大・縮小されます。スマートフォンなど画面の狭い端末では自動的に縮小表示されます。設定はエディタ画面自体には反映されず、プレビューとHTML出力・PDF出力に反映されます。

8.3.6 右クリックメニューを無効化

アイテムやヘッダー上で右クリックした際のアプリメニューを無効化し、ブラウザ標準のメニュー（コピー・ペーストなど）を優先できます。Ctrlショートカットではなく右クリックでコピペを多用する方向け。設定はシナリオごとに保持されます。

変数設定

シナリオ内で「PC1」「HO1」などの識別子を変数として定義し、HTMLで出力した際に自動的にココフォリア向けの変数形式に変換できる機能です。複数のPCやハンドアウトが登場するシナリオで、名前や番号の管理を一元化したいときに便利です。

主な機能：

• PC、HO定義：
  PC1、PC2、HO1、HO春 などの識別子を定義
  プレフィックス（PC、HOなど）と値（1〜9または任意の文字）を組み合わせ
  変数の追加・削除が可能
• 表示ルール設定：
  テキストの種別ごとに、変数をどのように表示するかを5カテゴリで個別に設定できます。上位カテゴリの設定は下位カテゴリに引き継がれる階層ルールになっており、まとめて設定したい場合は上位で、個別に調整したい場合は下位で上書きします。
  ・ハンドアウト：変数形式（{ID}）または ID のみ
  ・シーン表：変数形式（{ID}）または ID のみ
  ・描写ブロック全般：変数形式（{ID}）または ID のみ
  ・装飾ブロック：変数形式（{ID}）または ID のみ
  ・その他テキスト：変数形式（{ID}）または ID のみ
• キャラクター名割り当て：
  各変数にキャラクター名を割り当て
  例：PC1 → 「ジョニー」、HO1 → 「春」
  テキスト内で変数がキャラクター名に変換される

SNSシェア用設定

シナリオHTMLをウェブ上に公開したとき、SNSでのシェア時に表示されるカード情報（タイトル・説明文・サムネイル画像）やブラウザタブのファビコンを設定します。ローカルファイルとして配布するだけなら設定不要ですが、ウェブサーバーに公開して多くの人に届けたい場合に設定しておくと見栄えが良くなります。

設定項目：

• og:title（タイトル）：
  SNSカード表示用のタイトル
  空欄の場合はシナリオタイトルが使用されます
• og:description（説明文）：
  SNSカード表示用の説明文
  推奨：160文字程度
• og:image（OGP画像）：
  SNSカード表示用の画像URL
  絶対URL（http:// または https:// で始まる）が必要
  推奨サイズ：1200×630px（横長）
  クリアボタンでURL削除可能
• Favicon（ファビコン）：
  ブラウザタブアイコン
  URL入力またはファイルアップロード
  推奨サイズ：32×32px または 64×64px（正方形）
  クリアボタンで削除可能

フッター設定

出力したシナリオHTMLの最下部に表示される制作者情報を設定します。サークル名・作者名やSNS・BOOTHなどへのリンクを記載できます。シナリオを不特定多数に配布・公開する際に、制作者への連絡先や関連ページへの導線として活用できます。

設定項目：

• サークル名と作者名
• 各種リンク：
  対応プラットフォーム：X (Twitter)、Bluesky、Misskey、BOOTH、Instagram、ウェブサイト
  アイコンを選択してURLを入力
  追加ボタンでリンクを保存
  既存リンクの編集・削除が可能

8.3.5 印刷・PDF出力設定（β版）

PDF・印刷時の見た目をカスタマイズできます（β版）。

• 用紙サイズ：A4 / A5 / B5
• 出力レイアウト：1列 / 2列組み
• フォントサイズ
• 余白モード
• 背景・装飾の表示モード
• カラーモード：ライトモード（推奨）／ダークモード（印刷非推奨）。ダークモードはPDFとして画面上で読む用途向けで、紙に物理的に印刷する場合はインクを多く消費するため非推奨としています。

右クリックメニューを無効化

PDF出力時の紙面スタイルを設定します。デジタル閲覧向けと物理印刷向けでは最適な設定が異なります。

カラーモード

• ライトモード（推奨）
• ダークモード（印刷非推奨）

ダークモードはPDFとして画面上で読む用途向けです。紙に物理的に印刷するとインクを大量に消費するため非推奨としています。

印刷用レイアウトを使う（β）

本文・余白・行間を、物理印刷／冊子入稿向けに最適化するトグルです。OFFのままなら、通常のシナリオシートの見た目でそのままPDF化されます。

ONにすると、以下の子設定が現れます。

• 用紙サイズ：
• A4　標準的なビジネス紙サイズ（210 × 297 mm）
• B5　一般的な同人誌サイズ（182 × 257 mm）
• A5　コンパクトな同人誌サイズ（148 × 210 mm）
• 段組み：1列（デフォルト）／2列組み。2列組みは本文量が多いシナリオに適しています
• 本文フォントサイズ：自動（プリセットに従う）／9pt（小さめ）／10pt（印刷標準）／10.5pt／11pt（大きめ）
• 余白モード：標準（全辺均一）／見開き（ノド広め）。「見開き」は冊子製本向けで、左右ページでノド側のマージンを広くします
• 背景・装飾：表示する（デフォルト）／シンプル（背景・装飾を非表示）。インク節約や印刷所入稿には「シンプル」が適しています

※「印刷用レイアウトを使う」をONにしている間は、プレビューの「PDFプレビュー」は利用できません。PDFプレビューで仕上がりを確認したい場合は、このトグルをOFFにしてください。

PDF出力設定

HTML出力を上級者向けにカスタマイズするための設定です。

• 出力HTMLを再編集可能にする：ONにすると、出力するHTMLの中に再編集用のデータ（本文・設定・画像を含む）を埋め込みます。このHTMLは「シナリオ読込」からエディタにそのまま取り込んで編集を再開できます。自分用のバックアップ、共同制作・引き継ぎ、頒布した相手に改変・再編集を許可したい場合などに使えます。オフのまま出力すれば、再編集データを含まない閲覧専用のHTMLになります。
• HTML,CSS,JSを分割出力：HTML / CSS / JavaScript をバラバラのファイルとして出力できます。CSSをご自身で書き換えたい上級者向け機能です。

よくある質問

Q1. 保存したシナリオはどこに保存されますか？

ブラウザの IndexedDB というローカルストレージに保存されます。ブラウザのデータを削除したり、クリーナーソフトなどを使った際には消えてしまう可能性があるため、定期的に「HTML出力」でバックアップを取ることをおすすめします。

Q2.別のPC・ブラウザで続きを開くには？

ブラウザのローカル保存は端末ごとに独立しているため、そのまま別PCで開くことはできません。「設定 → ファイル操作 → シナリオ保存」でJSONファイルに書き出し、移動先のブラウザで「シナリオ読込」してください。ただし画像ファイルは再度アップロード、設定し直す必要があります。

Q3. ブラウザのデータを消去したらシナリオが消えた

ブラウザのキャッシュや履歴の削除操作は、IndexedDBのデータも消去することがあります。定期的にJSONファイルとしてバックアップを取ることを強くお勧めします。

Q4. スマートフォンやタブレットでも使えますか？

一応動作しますが、PCでの使用を推奨します。編集機能が多いため、大きな画面での作業が効率的です。

Q5. 作成したシナリオを他の人へ共有するには？

「HTML出力」で出力したファイルを相手に共有してください。PCやスマートフォンを問わず、ファイルを開くと自動的にブラウザが起動し、シナリオを閲覧できます。画像などもHTMLの中に埋め込まれています。

Q6. 出力したシナリオをウェブで公開するには？

レンタルサーバーなどにindex.htmlとしてアップロードするだけで公開できます。SNSシェア用の情報（タイトル・説明・OGP画像）は設定画面から設定できます。

Q7. 他のツールで書いた文章を取り込めますか？

マークダウン形式のテキストであれば「マークダウン読込」から取り込めます。プレーンテキストの場合は、テキストアイテムに直接貼り付けることが可能です。ただし書式や構造は手動での調整が必要になることがあります。

Q8. ワンクリックコピーを設定したい

A4. 特定のブロック（ハンドアウト、シーン表、台詞など）にはワンクリックコピーが自動設定されています。自由に任意のテキストワンクリックコピーに対応させることはできないので、その場合は「装飾ブロック」の機能などをご利用ください。

バージョン履歴

2.10.2

新機能・改善

• テーブル挿入ポップアップを作り直しました
  「サイズ」「見た目」「プレビュー」の3つに整理し、左右に並べて一画面に収まるようにしました。プレビューには実際に出力されるスタイルでテーブルが表示されるので、選びながら仕上がりを確認できます。
• テーブルのデザインを3種類から選べるようになりました
  テーブルを挿入するときに「グラス」「ミニマル」「ライン」を選べます。グラスはヘッダーに色が付いた従来のはなやかなデザイン、ミニマルは背景も枠線もない一番あっさりした見た目、ラインは全セルを細い線で囲んだ資料向けの見た目です。
• テーブルの幅を3種類から選べるようになりました
  「全幅・均等」はすべての列を同じ幅にそろえます。「見出し＋本文」は1列目だけを見出しの文字数ぴったりに詰め、余った幅をすべて右の列に渡すので、「左に短い見出し、右に長い文章」の表がきれいに収まります。「内容に合わせる」は中身の幅ぴったりまで表を縮めて中央に置くので、項目の少ない小さな表で左右が間延びしません。
• 見出しの位置を「横／縦／両方／なし」から選べるようになりました
  1行目を見出しにする（横）だけでなく、1列目を見出しにする（縦）、両方、見出しなしを選べます。「項目名：内容」を縦に並べる表や、見出しのない単純な一覧も作れます。行や列を増やしても見出しの位置は自動で保たれます。既存のテーブルはこれまでどおり「横」として表示されます。
• 挿入したあとでもテーブルの見た目を変えられるようになりました
  テーブルにマウスを乗せると右上（削除ボタンの左隣）に歯車ボタンが出ます。ここからデザイン・幅・見出し設定を、表の中身をそのままにいつでも変更できます。以前のバージョンで作ったテーブルも新しいデザインに変更できます。
• 見出しが不要な位置で改行されなくなりました
  右の列に長い文章が入っていると、その分だけ左の見出しが押し潰されて途中で改行されていました。「見出し＋本文」と「内容に合わせる」では、1列目の見出しが改行されないようになっています。
• テーブル編集中に列の幅が揺れなくなりました
  これまでは文字を打つたびに列の幅が計算し直され、列の境目が左右に動いていました。「全幅・均等」では列を均等幅で固定するため、入力中もレイアウトが動きません。

不具合修正

• 保存したシナリオを開き直すと、リンク設定アイコンが消えて編集できなくなる問題を修正しました
  エネミーデータの「キャラクターシートを開く」ボタンや、グリッドアイテムのリンク設定アイコンが、保存して開き直したあとに表示されなくなり、リンクの設定・変更ができなくなっていました。
  今回の修正で、アイコンは開き直したあとも必ず表示されるようになりました。すでにこの状態になっているシナリオも、最新版で開き直せば自動的に直ります（作り直しは不要です）。
• テキスト出力でテーブルが1行の文字列に潰れていた問題を修正しました
  マークダウン形式で書き出すと、表のセルがすべて繋がった読めない状態になっていました。マークダウンの表形式で書き出されるようになり、テキスト読込でも表として取り込めます。プレーンテキスト形式では、セルを「 / 」で区切った1行として書き出します。

2.10.1

不具合修正

• Macでキーボードショートカットが効かなかった問題を修正しました
  これまでMacでは ⌘+S（保存）と ⌘+P（プレビュー）が反応せず、ブラウザの「ページを保存」「印刷」が開いてしまっていましたが、そちらが修正されました。
• Ctrl/⌘+S で保存したときに「プロジェクトを保存しました」のメッセージが出るようにしました。保存ボタンを押したときと同じ動作になります。
• 特定の条件下でCtrl/⌘+Shift+Z（やり直す）が反応しなかった問題を修正しました。Ctrl/⌘+Y と同じくやり直しができます。
• Ctrl+Alt+Z のような別のキーの組み合わせで、意図せず「元に戻す」が実行されることがあった問題を修正しました。
• 日本語入力の変換中にショートカットが誤って実行されることがあった問題を修正しました。
• 文字装飾（Ctrl/⌘+B / I / U）が、シナリオタイトル入力欄など本文以外の場所でも反応していた問題を修正しました。

改善

• ツールバー上部のショートカットキー置き場に「すべて表示」ボタンを追加しました。使えるショートカットの一覧をいつでも確認できます（Ctrl/⌘+/ でも開けます）。表記はお使いの環境に合わせて ⌘ と Ctrl が切り替わります。

2.10.0

新機能・改善

• 検索した語をまとめて装飾できる「一括装飾」を追加
  検索パネルの杖アイコンを押すと下段に操作列が開き、検索テキストに一致したすべての箇所へ「太字」「文字色」「背景色」をまとめて適用できます。NPC名を全部太字にしたり、重要なキーワードを全部同じ色で目立たせたりする作業を、1箇所ずつ選択せずに済ませられます。
  適用は何箇所であってもCtrl+Zの1回でまとめて元に戻せます。対象は現在表示しているページ内です。
• 検索テキストのヒット件数を表示するようにしました
  検索欄に文字を入れると「◯件」と一致数が出ます。置換や一括装飾を実行する前に、何箇所が対象になるのかを確認できます。

2.9.3

不具合修正

• 日本語入力中にEnterを押すと入力欄が閉じてしまう問題を修正
  ページ名の変更などで、変換を確定するためのEnterが「入力の終了」として扱われ、入力欄がそのまま閉じてしまうことがありました。
• 検索・置換で、文字装飾をまたぐ文章がうまく扱えない問題を修正
  文字色や太字などの装飾がかかった部分をまたいで検索すると、ハイライトや置換が途中で切れてしまったり、「すべて置換」でリンクの行き先まで意図せず書き換わってしまうことがありました。
• ページを切り替えたときに「元に戻す」の履歴が正しくリセットされない問題を修正
  ページ切り替え後にUndoを繰り返すと、別のページの内容が混ざり込んでしまう可能性がありました。
• 画像やアバターを続けて追加するとクリック操作の反応が重複する問題、キャンバスボードへの出入りを繰り返すと動作が重くなっていく問題を修正
• ワンクリックコピーの解除ができないケース、リストを文章の途中に挿入したときの分割がうまくいかないケース、Backspaceで余分に削除されてしまうことがある問題を修正
• 一部のポップアップをEscapeキーや外側クリックで閉じると、処理が完了しないまま固まってしまう問題を修正（主にテキスト取り込み関連）
• 目次（サイドバー）で、ページの一番下までスクロールするとハイライトが消えてしまう問題を修正
• 特定の構成のシナリオでテキスト出力に失敗する問題や、外部ファイル取り込み時の安全性など、細かな不具合をあわせて修正

2.9.2

不具合修正

• 変数設定の自動変換（PC1 → {PC1}）が動作していなかった問題を修正
  高度な設定の「変数設定」で、プレビューやHTML出力時にテキストをココフォリア向けの変数形式へ変換する機能に不具合があったので修正しています。すでに {PC1} や ｛ＰＣ１｝ とカッコ付きで書かれたテキストが、変換時に {{PC1}} のような二重カッコになってしまう問題（全角カッコも半角の {PC1} に整えて出力します）
  ※過去に作成したシナリオでは変数リストが空欄で表示されることがあります。その場合は「変数を追加」から登録し直してください。
• ブロックを追加するとページの最上部までスクロールしてしまう問題を修正
  キャンバスの途中にカーソルを置いて装飾ブロックなどを追加した際に、画面だけが一番上まで飛んでしまうことがありました。ブラウザが「エディタの先頭を画面内に入れよう」としてスクロールしてしまうことが原因でしたので、その対策を入れました。
• テーブルの行・列を増減する＋－ボタンの表示を刷新
  テーブルにマウスを乗せたときに出る＋－ボタンが、セルの文字の上に重なって中身が読みにくくなっていました。

2.9.1

新機能

• テキスト取り込みが複数ファイルとページ機能に対応しました。
  ・全ページを置き換え … 既存の全ページを破棄して取り込む（新しく開くとき向け）
  ・末尾にページを追加 … 今あるページは残し、取り込んだページを末尾に足す
  ・現在のページに上書き … 表示中のページだけを差し替える
• テキスト書き出しで出力範囲を選べるようになりました。
  ・全ページを出力
  ・現在のページのみを出力

2.9

新機能

• シナリオ保存（JSON）で画像データも一緒に保存するようになりました。
• エディタの起動画面に「ファイルから開く」を追加しました。対応ブラウザ（Chrome / Edge）では、一度開いたファイルに対して、保存・自動保存のたびに同じファイルへ自動で上書き保存します。
• 高度な設定内で、HTML出力に「再編集できるHTMLを出力」オプションを追加しました。シナリオ読み込み機能で既存の.jsonファイルだけでなく、出力されたHTMLを読み込むこともできるようになります。
• PDF出力時のカラーテーマとして「ライトモード」「ダークモード」を選べるようにしました。
• プレビューでダークモードのPDFプレビューができるようになりました。
• 高度な設定のオプション、デザインを整理しました。設定項目が増えて見通しが悪くなっていたため、高度な設定パネルのレイアウトを整理・刷新しました。
• 背景・ロゴ・カバービジュアル（ヒーロー）の画像が表示されない状態になっていました。

このバージョンの大きなテーマはセーブ・ロード機能の強化で、「作ったシナリオを別の環境でも完全に引き継げること」です。これまでシナリオ保存で書き出されるJSONには画像の参照情報しか含まれず、別のブラウザや別のPCで読み込むと、本文の画像が「No Image」のままになることがありました。

今後はシナリオを保存すると、シナリオで実際に使われている画像の実体データもJSONに含めて保存するため、　ファイル1つで文章・レイアウト・設定・画像まで丸ごと復元できます。　（読み込んだPCに同じ画像が既にある場合は上書きしません）

また、新機能の「再編集できるHTMLを出力」は読者による再編集や改変を許可したい場合に使える他、頒布版には埋め込まず、自分用のバックアップや共同制作には埋め込む、といった使い分けができます。

あわせて、ご要望の多かったPDFのダークモード出力にも対応しています。

2.8.4

不具合修正（文字の装飾機能について）

• 太字・斜体・下線を適用済みのテキストにさらに文字色や背景色を追加した際に、元の装飾が失われてしまう問題を修正
• 太字・斜体・下線のボタンをクリックした際に、対象テキストの選択範囲が解除されてしまう問題を修正
• 文字色や背景色の装飾を重ねて適用した際に、同一のクラスが二重に付与されてしまう問題を修正
• 文字色を設定したテキストに太字や斜体を追加した際に、太字・斜体スタイルが文字色を上書きして色が変わらなくなる問題を修正
• 複数の装飾が混在するテキストを選択して新たに装飾を加えた際に、既存の装飾が部分的に崩れてしまう問題を修正
• 背景色を付けたテキストに太字を設定した際に、太字の見た目が消えてしまう問題を修正
• 下線と文字色を組み合わせた際に、下線の色が文字色に追従せず常に黒くなってしまう問題を修正

新機能

• 高度な設定に「基本文字サイズ」設定を追加。出力HTMLの本文全体に適用するフォントサイズを5段階（極小14px / 小16px / 標準17px / 大18px / 特大20px）から選べるようになりました。設定はプレビューにも即時反映されます

今回のアップデートは装飾機能の安定性向上が主な内容です。太字・斜体・下線・文字色・背景色といった複数の装飾を組み合わせて使う際に生じていた、さまざまな不具合を修正しています。特に、順序や組み合わせによって装飾が消えてしまうケースや、下線の色が文字色に追従しない挙動については根本的な処理を見直しています。

また、出力HTMLの基本文字サイズを選べる機能を新たに追加しています。これまで文字サイズはCSSで固定されていましたが、シナリオの用途や読者の環境に合わせてエディタ上から調整できるようになりました。設定した値はプレビューにもリアルタイムで反映されるため、実際の出力イメージを確認しながら調整できます。

2.8.3

機能改修

主にキャンバスボードの機能改修を行いました。

• パネルの背面に隠れているコネクタ（ライン）でも確実にクリック・右クリックができるよう、コネクタ専用のヒット領域レイヤーを追加しました。　以前はパネルと重なった位置のコネクタが操作できないことがありましたが、　今回の改善により確実に選択・メニュー操作が行えます。
• ライン種別を拡充。　ツールバーに以下のコネクタ種別を新たに追加しました。
  ・折れ線（矢印なし）
  ・折れ線（双方向矢印）
  ・ベジェ曲線（矢印なし）
  ・ベジェ曲線（双方向矢印）
• ラインを右クリックした際に矢印の有無など、種別を変更できるよう修正しました。
• 画面の端（下端・右端）付近で右クリックした際にメニューが画面外にはみ出さないよう、自動的に表示位置を調整するようになりました。
• 既存シナリオのコネクタが右クリック・選択できない問題を修正
• 保存済みのシナリオを読み込んだ後、ラインを右クリックしてもメニューが表示されない、または選択ツールで選択できない不具合を修正しました。新規作成したコネクタは問題なく動作していましたが、　ロード後のコネクタが正常に操作できない状態になっていました。

2.8.1〜2.8.2

不具合修正

複数ページのシナリオをHTML出力した際に発生していた不具合を修正しました。

• 2ページ目以降のサブコンテンツが折りたたまれず、全件展開されたまま表示される問題を修正　（1ページ目では正常に動作していたが、2ページ目以降では折りたたみが機能していなかった）
• 2ページ目以降でスクロールしてもサイドバー目次のアクティブ表示が更新されない問題を修正　（ページを切り替えた後に目次の現在地ハイライトが動作しなかった）
• PDF出力時にサブコンテンツが折りたたまれた状態のまま出力されてしまい、先頭の数文字しか表示されない問題を修正　（プレビュー上は正常に見えていたが、実際のPDF出力では内容がクリップされていた）
• PDF出力時のファイル名が「わかばTRPGシナリオエディタ.pdf」固定になる問題を改善し、シナリオタイトルがPDFのファイル名に反映されるよう変更　（ご利用のブラウザによっては引き続き固定名になる場合があります）
• PDF出力時に1ページ目が白紙になる問題を修正。カバービジュアルを有効にしているプロジェクトでPDF出力すると、実際のコンテンツが　2ページ目以降から始まり1ページ目が白紙になる不具合を修正しました。

機能修正

• 複数ページのプロジェクトでPDF出力を実行した際、現在表示中のページのみが出力される旨と、　全ページを出力するには各ページに切り替えて個別にPDF出力を繰り返すよう案内するメッセージを表示するようにしました。
  

2.8.0

新機能・調整

• キャンバスボード機能を追加。　SVGベースのフリーキャンバス上に、パネル（図形）とライン（コネクタ）を　自由に配置できる作図機能を新たに搭載しました。シナリオの相関図、　シーンフロー、勢力図、ハンドアウトの関係性チャートなどを、専用ツールを　別に立ち上げずにシナリオシート内で完結して作成できます。
• NPCブロックに「画像なし」のオプションを追加

今回は自由にパネルやテキストを配置して、フローチャートやイベントリストを作成できる機能を追加しました。これは私がこれまでに作成してきたシナリオでは常に採用されてきたものであり、シナリオを読む読者としては一気に物語の理解度や回すときの情報整理に役立つ仕組みのものです。例えばイベントや各種シーンを時系列順に繋げる。キャラの相関図を書くなど、様々な場所で活躍できます。

2.7.0

新機能・調整

• 高度な設定に「印刷・PDF出力設定」（β版）を追加。用紙サイズ（A4 / A5 / B5）、出力レイアウト（1列 / 2列組み）、フォントサイズ、余白モード、背景・装飾の表示モードを設定できます。
• プレビュー画面に「PDFプレビュー」を追加。PC、スマホ、PDFを切り替えできるように。
• スマホ用のHTMLデザインを微調整、グリッドやエネミーデータブロックなどで間延びしたデザインになっていた点を調整
• PDF・印刷用デザインを大幅に調整。仕様上Web上の表示と完全に同一の再現は難しい部分もありますが、なるべく近い見た目になるよう、かつ印刷時にレイアウトが崩れないよう改善を加えています。
• 見出し要素を削除できないようにするための保護機能を１文字以上ではなく０文字以上に変更

不具合修正

• 装飾ブロックのプリセット保存時に「ワンクリックコピペ対応」のチェック状態が正しく保存されない不具合を修正
• プリセット名を保存する際に、保存名を聞かれるメッセージが表示されていたが、実際には入力値は無視され、見出しのタイトルで保存されていたため、メッセージ表示を無くし、プリセット保存後にボタンが「保存しました」に変化するフィードバックを追加。
• PDF出力した際に、データが読み込まれず白紙のデータが出力されることがある現象を改善
• 長文のサブコンテンツ（開閉式）のものが範囲選択できない現象を修正

今回のアップデートのメインはPDF出力のデザイン調整、及び「印刷・PDF出力設定」機能のβ版追加です。

こちらのエディタはHTMLでシナリオファイルを出力するためのツールではありますが、PDFでの出力にもオマケ程度に対応していました。ただあくまでもオマケの域を出ないのが正直なところでした。今回はそのPDF出力時のCSSを大幅に整理、再設計しています。

さらに印刷用PDF出力機能を実装しました。まだデザインは調整中ではありますが、簡易的な印刷用PDFを出力できることで、気軽に印刷したり同人誌としての頒布も目指せればと思っております。

2.6.4

• キャラクター紹介ブロックを追加した際に、画像や台詞の入力欄が表示されない不具合修正
• キャラクター紹介ブロックの画像がスクロールに合わせてフェードイン表示されるよう修正

2.6.3

• 高度な設定の中に「右クリックメニューを無効化」を追加。アイテムやヘッダー上で右クリックした際のアプリメニューを無効化し、ブラウザ設定のメニューを優先できます。

Ctrlショートカットではなく、右クリック時のコピーやペースト機能を使っている方が、エディタ側で用意したメニューと操作が競合してしまっていたので、ユーザーが選択できるようにしました。一度設定したシナリオでは次回以降の読み込み時にも反映されます。

2.6.1 ＆ 2.6.2

• アイテムのコピー＆貼り付け機能の追加。アイテムの右クリックメニューに追加され、階層を跨いで要素の移動ができるように
• サブコンテンツのデザイン調整、メインコンテンツの縦幅を超えると折り畳みされるデザインに変更
• 高度な設定に「分割出力」機能を追加。HTML,CSS,JavaScriptをバラバラに出力できるように
• 旧verで作ったシナリオを読み込んだ際に、古いボタンが出力HTMLに出てしまう問題を修正
• テーブルにサブコンテンツを追加しても表示されない不具合修正
• エネミーデータブロックを追加するときのUIが崩れていた不具合修正

いつかの機能を追加していますが、特に便利になる機能はアイテムのコピーペースト機能です。これまではセクション＞ブロックとあり、ブロックの中に入力した装飾ブロックを「やっぱりセクション階下に置きたかった」となった場合に、階層を跨いでのアイテムの移動はできませんでした。これを移動ではなくコピーペーストで対応した形になります。

サブコンテンツのPCデザインについてもいくつか改良を加えており、まずは文字サイズや余白などを微調整し、より多くの文字を少ない領域で表現しやすくなりました。またメインコンテンツよりもサブコンテンツが長い場合にはサブコンテンツを折り畳み式にすることで、メインコンテンツが無駄に縦に伸びてしまう問題を解決しています。

新機能の分割出力機能については、CSSをご自身で弄りたい方などにご活用いただければと思います。もちろん自由に書き換えていただいて構いません。CSSの知識がある方ならベースの文字サイズ、文字色、フォントはもちろん。デザインをガラッと変えることもできるかもしれません。

2.6.0

新機能

• サイドコンテンツ機能を追加。 各アイテム（テキスト・画像など）に補足情報を設定できるようになりました。設定した補足情報は、出力されるシナリオシートでメインコンテンツの右側に並べて表示されます。アイテムにカーソルを合わせると表示されるメニューから追加・編集・削除が行えます。スマートフォンなど幅の狭い画面では、補足情報はアイコンタップで展開する形式に切り替わります。
• ブロック・セクションを右クリックで操作できるように。 ブロックやセクションの上で右クリックすると、削除・複製・階層操作のメニューが表示されるようになりました。
• アイテムを右クリックでメニュー呼び出し。 アイテムにカーソルを合わせると左にメニューが表示されていましたが、その中身をアイテム内のどこからでも右クリックで呼び出せるように。
• プレビュー機能に「ページ移動」「モバイルプレビュー」追加。プレビューを開いているときに各ページの移動やスマートフォンでの閲覧時のプレビューが確認できるように。
• グレースケール（白黒）テーマの追加。設定画面でオンにすると、テーマカラーが全てモノクロになったシナリオシートを出力できます。

改善、不具合修正

• プロジェクトの読み込み時に、ページ機能の構成が正しく復元されない問題を修正。複数ページのシナリオを保存・再開した際にページが失われることがなくなりました。また、セーブ・ロード時にダークモードなどの設定が正しく引き継がれるよう改善。
• 大きな画面（横幅1920px以上）でサイドナビ崩れて圧縮され、文字が縦に並んでしまっていた問題を修正
• シナリオHTMLのプレビュー・出力ファイル内で目次リンクをクリックするとページが遷移（白紙化）してしまっていた問題を修正

今回のアップデートのメインは「サイドコンテンツ」機能です。
任意のアイテムに対して補足情報を横並びで付与できる機能で、これにより本文の流れを損なうことなく、関連する情報を同一行に自然に添えることが可能になりました。

これまで補足情報の記載には装飾ブロックやTOPICブロックを利用する必要があり、ちょっとした注釈でも構造が大きくなりがちでしたが、本機能によってより手軽に補足情報を扱えるようになり、シナリオ全体の整理や可読性の向上が期待できます。

また、アイテム操作の導線についても見直しを行いました。従来はクリック操作によってアイコンを表示し、そこから各種操作を行う形式でしたが、今回からは右クリックメニューから直接呼び出せるようになり、移動や削除、並び替えといった操作をよりスムーズに行えるようになっています。

プレビュー機能についても個人的にはやりたかった機能でした。スマートフォンでの表示を事前に確認できるため、レイアウトの調整や最終確認が行いやすくなっています。

このほかにも、ユーザーの皆さまからいただいたフィードバックをもとに、複数の不具合の修正を行っています。

2.5.1

• 目次（TOC）でセクションをドラッグ＆ドロップして並び替えた際に、移動先のセクション内部に入り込んでしまう不具合を修正
• 上記に起因して、H2セクション同士が入れ子になった状態でどちらか一方を削除すると、もう一方も同時に削除されてしまう不具合を修正
• セクション追加時にスタイル選択モーダル（フラット／リッチ）を経由した場合、カーソル位置に関わらず常にページ末尾へ追加されてしまう不具合を修正
• セクションが存在しない最上部のエリアにテキストを追加しようと空のセクションを利用した際に、削除後も空のセクションが残り続けてしまう不具合を修正

今回のアップデートは不具合の修正です。セクションの入れ替えや追加時に確認できた不安定な挙動を修正しています。

2.5.0

• ページ機能を追加。一つのシナリオの中で大きな区切りを付けたい場合に利用できます。そのページの追加、削除などの管理機能が目次メニュー内に追加されました。
• 文字色、背景色のパターンを拡充し、選択デザインを変更しました。
• 装飾ブロックの編集機能を追加、一度追加したあとの装飾ブロックの中身をあとから変更できます。
• ページ内リンクの設定時、h4以降のページを選択した際に正しく設定できない不具合修正
• リンクを設定したあと、設定したリンク状態が装飾削除機能で削除できなかった不具合修正
• 作成されたHTMLのスタイル調整。横幅2000pxを超えるような高解像ディスプレイで閲覧した際のサイドバー表示を最適化

今回のアップデートのメインとしては「ページ機能」の追加です。例えば「公開情報, GM向け秘匿情報」「シナリオ背景, 本編」「全体, １話, ２話, ３話」といった大きな括りで分けることができます。

ただし、当シナリオエディタで出力されるHTMLはサイドナビが充実しており、一つのページ内に多数の情報があってもGMの閲覧の妨げにはならないと考えています。ユーザーがCtrl+Fで情報を検索したりすることを考えると、ページ機能は乱用せず、本当に大きな括りのみで使うことをお勧めします。
（想定としては、見出しが数十にも連なるような大規模なシナリオの分割や、複数幕のキャンペーンシナリオ向けを想定しています）

他にも文字色、背景色などの装飾機能の強化や、装飾ブロックの編集機能追加、各種不具合修正などを行っています。

2.4.1

• 台詞ブロックの追加モーダルに「キャラクターショートカット」機能を追加。キャラ名・アバター画像・文字色・吹き出し色をまとめて登録しておき、ワンクリックで台詞ブロックに反映できます
• テンプレートの保存・呼び出し機能を追加。現在執筆中のシナリオ構成をテンプレートとしてJSONという形式で出力し、次回からの「最初から」選択画面に登録できます。
• 「最初から」「続きから」の起動画面を2列構成にリニューアル。左側の一覧を選ぶと右側に見出しのアウトライン構造がプレビューされます

前回の2.4.0アプデに引き続き、大型のアップデートとなります。主に台詞ブロックと最初のエディタ起動時の機能を大幅改修しています。より利便性高く扱いやすくすることを目的としています。

台詞ブロックを多用するシナリオでは、登場キャラクターごとに毎回名前や画像・カラーを設定し直す手間があったため、それをショートカットとして事前登録できる仕組みを追加しました。文字色と吹き出し色はエディタのテーマに合わせて設計されたカラーパレットから選ぶ形式のため、ライトモード・ダークモードどちらでも意図どおりの見た目になります。

テンプレート機能は、シナリオの骨格となる構成をそのまま次のシナリオ制作に再利用したいというニーズに応えるものです。テンプレートはJSONという形式でファイルに書き出し、その後登録することができます。他の方に配布することも可能です。起動画面も２列構成のデザインに刷新し、テンプレートを選ぶときや、続きから再開するときに、構造をプレビューで確認できるようにしています。

2.4.0

• 設定内に「カバービジュアル」機能を追加。Web公開ページのトップに表示される、少しリッチな導入演出を追加できます。
• 高度な設定の「変数設定」を機能・デザイン共に改修。テキスト種別の設定が5カテゴリに整理され、上位カテゴリの設定が下位に引き継がれる階層ルールに対応しました
• エネミーデータブロックの追加UIのデザイン変更。各システムの主要ステータスが一覧できるようになり、システム選択が分かりやすくなりました

カバービジュアルは、以前から内部的に存在していましたが、エディタ上で設定できる仕組みが整っていませんでした。優先度が高くないと思っていたからです。今回それをエディタから直接編集できるようになっています。

そもそもこの機能はGM向けの資料としての利用には不向きで、シナリオページをPL向けのティザーサイトとして公開したい方を想定したものです。タイトルロゴや背景画像、立ち絵などを組み合わせて、ページの第一印象を作れます。3つのテンプレートはそれぞれ異なるレイアウトで、テキスト中心のスタンダードなものから、キャラクターを前面に押し出したキャスト型も用意しています。

変数設定はもともと3種類のテキスト区分しかありませんでしたが、今回ハンドアウト・シーン表・描写ブロック全般・装飾ブロックを個別に制御できる5カテゴリ構成に整理しました。機能面だけでなく、説明文やレイアウト自体も見直しています。変数設定はどんな目的のための機能なのか・どう使うものなのかが伝わりづらい部分があったため、設定画面を開いた時点でその意図が読み取れるよう、文言とデザインをあわせて整理しました。

エネミーデータブロックのシステム選択については、シンプルなリスト形式でのデザインから、カード型のグリッドに変更しました。各システムの代表的なステータス項目も合わせて表示されるため、どのシステムを選んでいるかがひと目でわかるようになっています。

2.3.1

• 画像の追加時に、横二つの画像を追加できるように機能追加（スクエア、立ち絵の場合のみ）
• エネミーデータブロックを追加した際にシステムを選ぶことができるように機能追加。シノビガミ、インセイン、マギカロギア、CoC、エモクロア、ダブルクロスから選択できます。
• エネミーデータブロックを追加した際に、アイコンの有無を選択できる機能追加。追加されたアイコンは自由な画像を設定できます。
• 目次でセクションやブロックを並べ替えした際に、複数のブロックやセクションが混ざってしまい構造が壊れてしまう可能性がある不具合を修正

今回のアップデートでは、「作りやすさ」と「見せ方の自由度」を底上げすることを目的に画像周りとエネミーデータ周りの調整を行いました。

まず、画像を追加した際に、スクエア・立ち絵を選んだ場合に横幅が余ってしまっていたので、左右に配置できる設定を追加しています。これにより、背景と立ち絵を並べたり、ビジュアルを活かしたレイアウトを組んだりと、デザインの幅がより広がるようになりました。

また、これまでエネミーデータはシノビガミ向けの初期設定がベースになっていましたが、他システムで使う場合に手間がかかってしまう点を考慮し、いくつかの主要システム向けの初期設定を追加しています。とはいえ、データの書き方を固定する意図はなく、あくまで「すぐ使い始められるようにする」ためのサポートとして用意したものです。アイコンの追加機能も入れたので、柔軟にエネミーデータブロックを扱えるようになっています。

そのほか、細かな不具合の修正も行っています。

2.30

• 要素の整理機能を追加しました。エンターを押して段落追加、画像やグリッドの追加を行うなどして追加された各要素、これらを並び替えたり、上下に空要素を追加、要素の削除などを行えるようになりました。対象となるエリアはこれらの要素の直下です（セクション、ブロック、サブブロック、装飾ブロック、見出しブロック、NPC紹介テキスト、エネミー説明テキスト、TOPICテキスト）
• 文章の途中で画像やグリッドなど、別の要素を追加する際に、見た目上は問題がないもののデータの構造が崩れ、不具合を発生させてしまう可能性があった点を修正

今回の大きな目玉機能として「要素の整理機能」を追加しました。テキストや画像、装飾ブロックなどを配置したあとで位置を変えたり、複製や削除が行えます。Notionライクな機能です。「やっぱり処理テキストは一番上にほしいな」と後から思った際に、わざわざ一番上で追加しなくとも、どこでも良いので追加して、その後に移動させるといった動きが可能です。

当エディタは階層アウトラインで、階層の深さをコントロールできることを魅力の一つとして謳っています。そこに同じ階層内での整理機能も強化したといった形です。それを実現するために、それぞれのブロック内で要素を追加する際に、構造が壊れないように安定感を高める修正を随所で行っています。

2.25

• 改行を跨いでコピーテキスト化を行った際に、改行ごとに分割されてしまう問題を修正
• 装飾クリアボタンを使った文字に対してコピーテキスト化を行った際に、クリアした箇所でコピーテキストが途切れてしまう問題を修正

v2.24での修正を更に調整し、発生していた不具合を直しました。段落や段落を跨いだ太字、文字色変更、コピーテキスト化、装飾クリアボタンの挙動を再修正。改行を跨いだ際の挙動を再調整し、安定感を向上させました。

2.24

• 段落や段落を跨いだ太字、文字色変更、コピーテキスト化の挙動を修正。正しく装飾が適応されるようにしつつ改行要素などが消えないように修正します
• ブロックや装飾ブロックなどを追加したとき、一部のブラウザでページ最上部までスクロールしてしまう可能性がある問題を調整

2.23

• 一部テキストにおいて、ワンクリックコピー時に改行が反映されない不具合修正

以前にも同様の不具合があり、修正を行いましたが、エディタ内に他からのテキストをコピーしてシナリオを作成した場合などに内部上改行が消える状態になる事象が残っていました。違ったアプローチで修正を試みましたので、より多くの状態において改行を再現できるようになった見込みです。

2.22

• ブロックに「階層操作」ボタンを追加し、ブロックの階層を上げ下げできるように

各種階層の上下移動に対応し、例えば「1 主な登場人物」 > 「1.2 NPC一覧」のようになっている構造で、NPC一覧を第一階層に変えられます。逆に更に階層を作って第３階層にも移動できます。移動後に目次での並び替えなども駆使することでより柔軟性が高い執筆作業が可能になりました（階層は３層構造以上にはできません。また見出しブロックは階層移動の対象外です）。

• プレビューが正しく表示されないことがある不具合を修正
• 特定の操作を行うと、ブロック内のテキストを編集できなくなる不具合修正

これらの不具合修正を行いました。

2.21

• ブロック、サブブロック、装飾ブロック、見出しブロックの追加ロジックを改修し、「現在いる場所」に正しく追加できるよう修正

ブロックやサブブロックなどを追加する際に、現在のカーソル位置を取得するための動きを刷新しました。特に装飾ブロックにおいて、見出しブロック内に装飾ブロックを追加した際に、現在のカーソル位置を無視して画面の最下部に追加される不具合がありましたので、それを修正しつつ全体的な挙動の安定化を図っています。

• 画面ヘッダー内にマニュアルへのショートカット追加

機能が多いこともあり、よりエディタが扱いやすいようにマニュアルへのアクセスを良くするためヘッダー部にリンクを追加しました。

2.20

• 「PDF出力」機能の安定感向上。真っ白なデータしか表示されない問題の修正
• ハンドアウトブロックにデザインスタイルの追加機能を追加。これまでのデザインを「羊皮紙風」とし、さらにノーマルとフラットを追加
• ツールバーの配置、サイズ、余白などを調整して刷新
• ツールバーに「コピーテキスト化」機能を追加、要素を範囲選択肢てコピーテキスト化を行うと、そのテキストはワンクリックコピーできるようになる
• 装飾クリアボタンで解除したい要素をぴったり選択肢ていると正しく解除できない不具合修正
• ワンクリックコピー時に要素が黒い縁で覆われ、予期せぬデザインになっていたため修正
• 見出しやコンテンツをバックスペースキーで消したとき、その次の要素を巻き込んでしまい、レイアウトが崩れてしまう問題を修正
• 見出し内でEnterを押すと、その下の要素内に空の行が追加されるように修正
• その他、軽微なデザインや文言の調整

2.11

• 画像、グリッド、テーブル、装飾ブロック、台詞ブロックに要素の削除ボタンを追加
• グリッド機能を刷新、ラベルの有無、形状を選択できるようになり、各グリッドにリンクを貼れるように（ボタン機能と統合）
• ボタン機能の廃止
• ワンクリックコピーに対応した領域のテキストをShift＋Enterで改行した際、コピーされるテキストに改行が適応されていなかった問題の修正

2.1

• 見出しブロックボタンを追加。階層アウトラインを守りながら小見出しの追加、並び替えが可能に
• 起動時にバージョン表示を追加
• 「続きから」時に注意テキストを追加
• 画像を追加する際に、画像サイズを選んでも選んだ要素が青くアクティブな表示にならなかった不具合修正
• 設定＞高度な設定＞目次設定　がシナリオを読み込み直した際に元に戻っていた不具合修正
• 目次設定で選択した内容が、エディタ内だけでなくプレビューや出力されるHTMLでも適応されるよう修正
• 自由に設定できる見出し設定を廃止（見出しブロックボタンで賄う）

2.0

正式リリース

---

制作者: わかばTRPG部 / ふれの
バージョン: 2.4.0
最終更新: 2026年3月22日