Mermaidマインドマップ — ブレインストーミングと計画

Mermaidのマインドマップ

マインドマップは中心のアイデアから外側に分岐する放射状のダイアグラムです。Mermaidのマインドマップ構文はインデントで階層を定義するため、最も直感的に書けるダイアグラムタイプの一つです。

基本構文

マインドマップはインデント（スペース）で親子関係を作成します：

mindmap
  root((Project Ideas))
    Feature A
      Sub-feature 1
      Sub-feature 2
    Feature B
      Sub-feature 3
    Feature C

ルートノードが最初に定義され、インデントの各レベルがより深い分岐を作成します。

ノード形状

フローチャートと同様に、マインドマップノードは異なる形状をサポートします：

mindmap
  root((Central Idea))
    [Square]
    (Rounded)
    ))Bang((
    )Cloud(
    {{Hexagon}}

• ((text)) — 円（通常ルートに使用）
• [text] — 四角形
• (text) — 角丸四角形
• ))text(( — バン/爆発
• )text( — 雲形
• {{text}} — 六角形

アイコン

ノードの後に::icon()構文でアイコンを追加します：

mindmap
  root((DevToolbox))
    Formatters
      ::icon(fa fa-code)
      JSON
      YAML
      SQL
    Converters
      ::icon(fa fa-exchange)
      Base64
      URL Encode
    Generators
      ::icon(fa fa-cog)
      UUID
      Hash

計画の完全な例

mindmap
  root((Q1 Roadmap))
    Performance
      Lazy loading
      Image optimization
      Bundle analysis
    Features
      Dark mode
      Export to PDF
      Keyboard shortcuts
    Infrastructure
      CI/CD pipeline
      Monitoring
      Staging environment
    Documentation
      API docs
      User guide
      Contributing guide

ヒント

1. 深さは3〜4レベルに抑える — ネストが深くなると読みにくくなります。
2. 強調に形状を使う — アクションアイテムは四角形、アイデアは角丸、緊急項目はバン形状にしましょう。
3. まず広く、後で精査 — まずすべてのアイデアを書き出し、その後ブランチを再編成します。
4. 他のダイアグラムと組み合わせる — ブレインストーミングにマインドマップを使い、主要なブランチをフローチャートやガントチャートに変換して実行に移しましょう。