mindmap

マインドマップ図ジェネレーター

クイックスタート： @startmindmap で開始 -> * または +/- マーカーでルートとブランチを定義 -> 必要に応じてブランチの配置、方向、スタイルを設定 -> ```plantuml フェンスで囲みます。

⚠️ 重要： 常に ```plantuml または ```puml のコードフェンスを使用してください。```text は絶対に使用しないでください。図としてレンダリングされません。

重要なルール

• すべての図は @startmindmap で始まり、@endmindmap で終わります
• 階層の各レベルは、マーカーを繰り返して表します：
  • * スタイル：*（ルート）、**（レベル 1）、***（レベル 2）
  • +/- スタイル：+ は左ブランチを伸ばし、- は右ブランチを伸ばします
• 同じローカルブランチでは、マーカーのスタイルを一貫させてください（インデントスタイルを無作為に混在させないでください）
• left side を使うと、以降のブランチをルートの左側に配置できます
• 必要に応じて方向キーワードを使用します：
  • top to bottom direction
  • right to left direction
• 複数行のノード内容にはブロック構文を使用する必要があります：
  • **:Line 1\nLine 2;
• 色分けを手早く行うには、ノードのインラインカラーを使用します：
  • *[#Orange] Root
  • **[#lightgreen] Child
• 再利用可能なテーマを使うには、<style> を定義し、<<green>> のようなステレオタイプを適用します
• ノードテキストではリッチテキスト／Creole とアイコン構文がサポートされています（例を参照）

ノード構文の早見表

パターン	意味	例
* Root	アスタリスク構文のルートノード	* Product Strategy
** Child	第 1 レベルの子ノード	** Goals
*** Grandchild	より深い階層	*** KPI
+ Root	+/- 構文のルートノード	+ Architecture
++ Left branch	一方に展開するブランチ	++ Services
-- Right branch	反対側に展開するブランチ	-- Risks
***_ Boxless	枠なし／最小限の子ノード	***_ Notes
# Root	代替のルートマーカースタイル	# Topic
**:...;	複数行のブロックノード	**:Item A\nItem B;

ブランチの配置と方向

制御	構文	用途
左側への分割	left side	ルートから左右のグループにマップを分割
上から下	top to bottom direction	ツリー状の垂直階層
右から左	right to left direction	RTL の読み取り方向や左右反転レイアウト

スタイル設定オプション

方法	構文	最適な用途
ノードのインラインカラー	**[#FFBBCC] Idea	ノードごとの強調をすばやく設定
再利用可能なクラススタイル	<style> ... .green { ... } </style> + <<green>>	一貫したビジュアルテーマ
深度に基づくスタイル	:depth(1) { ... }	階層の深度に応じた全体的な書式設定
ノード／矢印の全体スタイル	node { ... } / arrow { ... }	統一されたタイポグラフィと接続線

おすすめのカラーパレット

マップの目的に合ったパレットを選んでください。手早く色を付けるにはインラインの [#hex] を使い、再利用するには <style> クラスを定義します。

汎用（パステル）

役割	Hex	プレビュー	用途
ルート	#2196F3	🔵	中心となるトピック
ブランチ A	#A5D6A7	🟢	カテゴリー／グループ 1
ブランチ B	#90CAF9	🔵	カテゴリー／グループ 2
ブランチ C	#CE93D8	🟣	カテゴリー／グループ 3
ブランチ D	#FFE082	🟡	カテゴリー／グループ 4
リーフ	#E0E0E0	⚪	詳細ノード

ステータス／RAG

ステータス	Hex	用途
完了／OK	#C8E6C9	完了、正常
進行中	#FFF9C4	対応中、警告
ブロック／リスク	#FFCDD2	問題、危険
未着手	#E0E0E0	保留、中立

暖色系のコーポレート

役割	Hex
ルート	#1565C0
レベル 1	#FFB74D
レベル 2	#4DB6AC
レベル 3	#E0E0E0

寒色系のテック

役割	Hex
ルート	#263238
レベル 1	#00BCD4
レベル 2	#80DEEA
レベル 3	#B2EBF2

アースカラー

役割	Hex
ルート	#5D4037
レベル 1	#A1887F
レベル 2	#C8E6C9
レベル 3	#FFF9C4

Tip: 彩度の高い純色（#FF0000、#00FF00）は避けてください。可読性が低下します。背景には柔らかな落ち着いた色調を使い、鮮やかな色はルートのみに使うことをおすすめします。

マインドマップのパターン

パターン	目的	例
基本的な階層構造	トピックの分解と学習用アウトライン	basic-hierarchy.md
左右配置	メリットとデメリット、選択肢とリスク、両面からの分析	bilateral-layout.md
ボックスなしの分岐	軽量な二次ノードと注釈	boxless-branches.md
スタイル付きテーマ	色分けされた分岐と再利用可能なクラス	styled-theme.md
方向の制御	縦方向または右から左への読み取り方向	direction-control.md
リッチテキストコンテンツ	アイコンや書式を使った詳細なメモ	rich-text-content.md
プロジェクト計画	作業の分解とアクションマップ	project-planning.md

クイック例

@startmindmap
* Product Launch
** Goals
*** Revenue
*** User Growth

left side
** Risks
*** Timeline Slip
*** Budget Overrun

right to left direction
** Channels
*** Content
*** Ads
@endmindmap

よくある問題

問題	解決策
図がレンダリングされない	```plantuml のフェンスと @startmindmap ... @endmindmap を使います
分岐の深さが正しく見えない	マーカー（*、**、***）の数とインデントの一貫性を確認します
複数行のテキストでパーサーがエラーになる	: ... ; ブロック構文を使い、末尾に ; があることを確認します
色が適用されない	16 進数形式（#RRGGBB）またはステレオタイプのクラス名を確認します
レイアウトの方向が想定と異なる	top to bottom direction または right to left direction を明示的に追加します