PlantUML と Mermaid で書ける図の完全リスト

この記事では、PlantUMLとMermaidで書ける図の種類を整理し、資料作成やAI時代のドキュメント設計で使い分けるための視点をまとめます。

この記事で分かること

• PlantUMLとMermaidで表現できる図の種類
• 資料作成や設計ドキュメントでの使い分け
• AIを使ったドキュメント制作に組み込む際の注意点

関連する読み物・相談テーマ

• Markdown・Pandoc資料作成レポート集：関連する記事群をまとめて確認できます。
• AI導入方針・研修設計の整理：社内での判断、導入、研修、論点整理に落とし込む際の入口です。
• 講演・研修・登壇：記事の背景にある考え方や実務活用を確認できます。

以下は、PlantUML と Mermaid で書ける図の完全なリストです。それぞれのツールでサポートされている図を網羅的に記載します。

---

1. PlantUMLで書ける図

PlantUMLは主にUML標準に基づいており、それに加えて独自の拡張図もサポートしています。

UML標準図

1. シーケンス図 (Sequence Diagram)
   • オブジェクト間のメッセージの流れやタイミング。
2. クラス図 (Class Diagram)
   • クラス間の関係性を表現。
3. ユースケース図 (Use Case Diagram)
   • システムと外部アクター間の相互作用。
4. 活動図 (Activity Diagram)
   • プロセスやフローの状態を記述。
5. 状態図 (State Diagram)
   • オブジェクトの状態と遷移。
6. コンポーネント図 (Component Diagram)
   • システムの構造とコンポーネント間の依存関係。
7. オブジェクト図 (Object Diagram)
   • クラス図の具体的なインスタンスを表現。
8. 配置図 (Deployment Diagram)
   • ハードウェアとソフトウェアのデプロイメント。

拡張図

9. パッケージ図 (Package Diagram)
   • パッケージ間の関係性を表現。
10. タイミング図 (Timing Diagram)
    • タイミングとオブジェクト間の相互作用。
11. 通信図 (Communication Diagram)
    • オブジェクト間の通信経路。
12. C4モデル図 (C4 Model Diagrams)
    • システムの構造を4つのレベルで表現（Context, Container, Component, Code）。
13. ER図 (Entity-Relationship Diagram)
    • エンティティとその関係性。
14. WBS図 (Work Breakdown Structure Diagram)
    • 作業分解構造。
15. マインドマップ (Mindmap Diagram)
    • 概念の階層化と整理。
16. アーキテクチャ図 (Architecture Diagram)
    • ソフトウェア構造や依存性を表現。

その他

17. ガントチャート (Gantt Chart)
    • プロジェクトスケジュール。
18. サードパーティ拡張（未標準図）
    • 特定用途の独自拡張。

---

2. Mermaidで書ける図

MermaidはUML以外の多様な図に対応しています。

UML関連図

1. シーケンス図 (Sequence Diagram)
   • メッセージの流れを表現。
2. クラス図 (Class Diagram)
   • クラスと関係性。
3. 状態遷移図 (State Diagram)
   • 状態と遷移。

非UML標準図

4. フローチャート (Flowchart)
   • 汎用的なプロセスフロー。
5. ガントチャート (Gantt Chart)
   • プロジェクトスケジュール。
6. マインドマップ (Mindmap)
   • アイデア整理や概念の階層化。
7. ピエチャート (Pie Chart)
   • 比率を表現。
8. グラフ図 (Graph)
   • ノードとエッジで構成されたグラフ。
9. ジャーニーマップ (User Journey Map)
   • ユーザー体験を視覚化。
10. タイムライン図 (Timeline)
    • 時間の経過を表現。

---

両者を比較した図の一覧表

図の種類	PlantUMLで対応	Mermaidで対応
シーケンス図 (Sequence Diagram)	✓	✓
クラス図 (Class Diagram)	✓	✓
ユースケース図 (Use Case Diagram)	✓	✗
活動図 (Activity Diagram)	✓	✗
状態遷移図 (State Diagram)	✓	✓
コンポーネント図 (Component Diagram)	✓	✗
オブジェクト図 (Object Diagram)	✓	✗
配置図 (Deployment Diagram)	✓	✗
パッケージ図 (Package Diagram)	✓	✗
タイミング図 (Timing Diagram)	✓	✗
通信図 (Communication Diagram)	✓	✗
C4モデル図 (C4 Model Diagrams)	✓	✗
ER図 (Entity-Relationship Diagram)	✓	✗
WBS図 (Work Breakdown Structure)	✓	✗
マインドマップ (Mindmap Diagram)	✓	✓
アーキテクチャ図 (Architecture Diagram)	✓	✗
フローチャート (Flowchart)	✗	✓
ガントチャート (Gantt Chart)	✓	✓
ピエチャート (Pie Chart)	✗	✓
グラフ図 (Graph)	✗	✓
ジャーニーマップ (User Journey Map)	✗	✓
タイムライン図 (Timeline)	✗	✓

---

結論と計画への活用

1. 詳細設計を行う場合: PlantUMLを利用すると、UML標準に基づいた厳密な設計図を作成可能。
2. 軽量で迅速な図作成が必要な場合: MermaidはMarkdown風の記法で、多様な図を手軽に作成可能。