MENU

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

以下は、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)
    • ハードウェアとソフトウェアのデプロイメント。

拡張図

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

その他

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

2. Mermaidで書ける図

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

UML関連図

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

非UML標準図

  1. フローチャート (Flowchart)
    • 汎用的なプロセスフロー。
  2. ガントチャート (Gantt Chart)
    • プロジェクトスケジュール。
  3. マインドマップ (Mindmap)
    • アイデア整理や概念の階層化。
  4. ピエチャート (Pie Chart)
    • 比率を表現。
  5. グラフ図 (Graph)
    • ノードとエッジで構成されたグラフ。
  6. ジャーニーマップ (User Journey Map)
    • ユーザー体験を視覚化。
  7. タイムライン図 (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風の記法で、多様な図を手軽に作成可能。
コラム