以下は、PlantUML と Mermaid で書ける図の完全なリストです。それぞれのツールでサポートされている図を網羅的に記載します。
1. PlantUMLで書ける図
PlantUMLは主にUML標準に基づいており、それに加えて独自の拡張図もサポートしています。
UML標準図
- シーケンス図 (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)
- システムの構造を4つのレベルで表現(Context, Container, Component, Code)。
- ER図 (Entity-Relationship Diagram)
- エンティティとその関係性。
- WBS図 (Work Breakdown Structure Diagram)
- 作業分解構造。
- マインドマップ (Mindmap Diagram)
- 概念の階層化と整理。
- アーキテクチャ図 (Architecture Diagram)
- ソフトウェア構造や依存性を表現。
その他
- ガントチャート (Gantt Chart)
- プロジェクトスケジュール。
- サードパーティ拡張(未標準図)
- 特定用途の独自拡張。
2. Mermaidで書ける図
MermaidはUML以外の多様な図に対応しています。
UML関連図
- シーケンス図 (Sequence Diagram)
- メッセージの流れを表現。
- クラス図 (Class Diagram)
- クラスと関係性。
- 状態遷移図 (State Diagram)
- 状態と遷移。
非UML標準図
- フローチャート (Flowchart)
- 汎用的なプロセスフロー。
- ガントチャート (Gantt Chart)
- プロジェクトスケジュール。
- マインドマップ (Mindmap)
- アイデア整理や概念の階層化。
- ピエチャート (Pie Chart)
- 比率を表現。
- グラフ図 (Graph)
- ノードとエッジで構成されたグラフ。
- ジャーニーマップ (User Journey Map)
- ユーザー体験を視覚化。
- タイムライン図 (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) | ✗ | ✓ |
結論と計画への活用
- 詳細設計を行う場合: PlantUMLを利用すると、UML標準に基づいた厳密な設計図を作成可能。
- 軽量で迅速な図作成が必要な場合: MermaidはMarkdown風の記法で、多様な図を手軽に作成可能。