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

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


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風の記法で、多様な図を手軽に作成可能。