🔰 概要
ヒントビューアエディターは、ノード構造でヒントや分岐を設計できるツールです。
フローチャートは自動で生成され、視覚的に整理できます。
✔ ARG設計
✔ 分岐ストーリー
✔ 思考整理
✔ 分岐ストーリー
✔ 思考整理
🖥️ 画面構成
① ビューア
ノード構造をグラフ表示（ズーム可能）
② 孤立ノード
到達できないノード一覧（クリックでフォーカス）
③ 編集パネル
ノード情報を表形式で編集
④ スプリッター
上下サイズをドラッグで変更
🧩 基本操作
▶ ノード追加
「＋追加」で新規ノード作成
▶ nextの書き方
1,2,5
→ 複数ノードへ分岐
📋 ノード項目
| 項目 | 説明 |
|---|---|
| ID | ノード番号（クリックでフォーカス） |
| Lv | 難易度 |
| タイトル | 表示名 |
| next | 遷移先ID |
| keyword | 答え（ネタバレ） ※キーワードは半角スペースで区切ってください |
| 検索 | 検索ヒント |
| ひらめき | ひらめきヒント |
🎨 色ルール
キーワード数
- 1語 緑
- 2語 青
- 3語以上 赤
Lv特殊色
- Lv11
- Lv12(EX)
🔍 アイコン
- 🔍 検索あり
- 💡 ひらめきあり
- 🔑 キーワードあり
🔗 クラスタ機能
同じキーワードのノードは自動グループ化されます。
keyword: door
→ 同じkeywordのノードがまとまる
大規模設計で非常に重要
🚫 孤立ノード
スタート（ID:0）から到達できないノード。
黄色表示＋右側に一覧表示。
🔎 フォーカス
クリックしたノードは赤枠で強調表示されます。
🔍 ズーム操作
| 操作 | 内容 |
|---|---|
| ＋ | 拡大 |
| － | 縮小 |
| reset | 初期化 |
📂 データ管理
JSON出力
改行は<br>に変換されます
インポート
<br> → 改行に復元
自動保存
ブラウザに保存されます
初期化
全削除（復元不可）
🛠️ 便利テクニック
- keywordで整理
- Lvで段階管理
- 孤立ノードでミス検出
⚠️ 注意点
- nextは存在するIDのみ
- 大量ノードはズーム推奨
🎯 まとめ
✔ ノード編集＋可視化
✔ クラスタ整理
✔ 孤立検出
✔ JSON連携
✔ クラスタ整理
✔ 孤立検出
✔ JSON連携