UML図の種類一覧：全14種類の使い分けと工程別早見表・PlantUML例

UML（統一モデリング言語）の図は全部で14種類あり、構造を表す図が7種類、振る舞いを表す図が7種類です。 ただし14種類をすべて描く必要はありません。まず5種類を押さえ、残りは「その図でしか伝わらないこと」が出てきたときに足す、という使い方で十分に役立ちます。

この記事は図の選び方に絞り、14種類の一覧、工程別の早見表、同じ題材（架空の図書貸出システム）を描いた PlantUML と Mermaid のコードを載せます。1つ1つの図の細かい記法には踏み込みません。

この記事の結論

• まず描くのは、ユースケース図・クラス図・シーケンス図・アクティビティ図・ステートマシン図の5つです。
• 残りの9種類は、必要になったときだけ描きます。 配置図は本番の構成を決めるとき、コンポーネント図は部品の分け方を話すとき、という具合です。
• どの図を描くかは「何を伝えたいか」で決めます。 誰が何をするか→ユースケース図、何を持つか→クラス図、誰が誰に何を頼むか→シーケンス図、どの順に進むか→アクティビティ図、状態がどう変わるか→ステートマシン図。
• コードで描くなら、14種類のうち PlantUML は9種類に専用の記法があり、Mermaid 11 はクラス図・シーケンス図・ステートマシン図の3種類に専用の記法があります。 ほかの図は別の記法で代用できます。

確認環境：PlantUML 1.2026.8（OpenJDK 21.0.10、内蔵レイアウト Smetana を指定）、Mermaid 11.14.0（@mermaid-js/mermaid-cli 11.14.0 と Chromium）。掲載した PlantUML と Mermaid のコードは、すべてこの環境で SVG に描画できることを確かめています。確認日 2026-10-05。

UML図の種類一覧（全14種類）

シーケンス図・コミュニケーション図・タイミング図・相互作用概要図の4つは、振る舞い図の中でも「相互作用図」と呼ばれるグループです。ステートマシン図は「状態遷移図」「ステートチャート図」、配置図は「デプロイメント図」、複合構造図は「コンポジット構造図」と呼ばれることもあります。

工程別の早見表（14種類×5工程）

◎は中心になる図、○は必要に応じて描く図、－はその工程ではあまり使わない図です。チームで決めるときの出発点として使える目安です。

表計算ソフトに貼れるタブ区切り版

図   要件定義    基本設計    詳細設計    実装  テスト
ユースケース図 ◎   ○   －   －   ○
アクティビティ図    ◎   ◎   ○   －   ○
クラス図    ○   ◎   ◎   ○   －
シーケンス図  －   ◎   ◎   ○   ○
ステートマシン図    ○   ◎   ◎   ○   ◎
コンポーネント図    －   ◎   ○   －   －
配置図 ○   ◎   ○   ○   ○
パッケージ図  －   ○   ◎   ○   －
オブジェクト図 ○   ○   ○   －   ○
コミュニケーション図  －   ○   ○   －   －
タイミング図  －   ○   ○   －   ○
相互作用概要図 －   ○   －   －   －
複合構造図   －   －   ○   －   －
プロファイル図 －   －   －   －   －

伝えたいことから図を選ぶ

まず描く5つの図：PlantUMLとMermaidのコード

題材は架空の図書貸出システムです。利用者が本を借りて返す、という場面を5つの図で描きます。PlantUML のコードにある !pragma layout smetana は、Graphviz を入れていない環境で描くために内蔵のレイアウトを指定する行です。

ユースケース図：誰が何をするか

PlantUML：

@startuml
!pragma layout smetana
left to right direction
actor 利用者
actor 司書
rectangle 図書貸出システム {
  usecase "本を検索する" as UC1
  usecase "本を借りる" as UC2
  usecase "本を返す" as UC3
  usecase "予約する" as UC4
  usecase "蔵書を登録する" as UC5
  usecase "会員を確認する" as UC6
}
利用者 --> UC1
利用者 --> UC2
利用者 --> UC3
利用者 --> UC4
司書 --> UC5
UC2 ..> UC6 : <<include>>
UC4 ..> UC6 : <<include>>
@enduml

Mermaid（11.14.0 にはユースケース図の専用記法が無いので、フローチャートで代用）：

flowchart LR
  user(["利用者"])
  staff(["司書"])
  subgraph 図書貸出システム
    uc1(("本を検索する"))
    uc2(("本を借りる"))
    uc3(("本を返す"))
    uc4(("予約する"))
    uc5(("蔵書を登録する"))
    uc6(("会員を確認する"))
  end
  user --- uc1
  user --- uc2
  user --- uc3
  user --- uc4
  staff --- uc5
  uc2 -. include .-> uc6
  uc4 -. include .-> uc6

クラス図：何を持ち、どう関係するか

PlantUML：

@startuml
!pragma layout smetana
class 会員 {
  会員番号
  氏名
  貸出上限冊数
}
class 本 {
  ISBN
  書名
}
class 蔵書 {
  蔵書番号
  状態
}
class 貸出 {
  貸出日
  返却期限
  返却日
  延滞しているか()
}
本 "1" -- "1..*" 蔵書
会員 "1" -- "0..*" 貸出
蔵書 "1" -- "0..*" 貸出
@enduml

Mermaid：

classDiagram
  class 会員 {
    会員番号
    氏名
    貸出上限冊数
  }
  class 本 {
    ISBN
    書名
  }
  class 蔵書 {
    蔵書番号
    状態
  }
  class 貸出 {
    貸出日
    返却期限
    返却日
    延滞しているか()
  }
  本 "1" -- "1..*" 蔵書
  会員 "1" -- "0..*" 貸出
  蔵書 "1" -- "0..*" 貸出

「本」は書名などの情報、「蔵書」は棚にある1冊1冊です。同じ本が3冊あれば蔵書は3件になります。

シーケンス図：誰が誰に何を頼むか

PlantUML：

@startuml
actor 利用者
participant 貸出画面
participant 貸出サービス
database 貸出DB
利用者 -> 貸出画面 : 会員証と本を読み取る
貸出画面 -> 貸出サービス : 貸出を依頼(会員番号, 蔵書番号)
貸出サービス -> 貸出DB : 貸出中の冊数を取得
貸出DB --> 貸出サービス : 冊数
alt 上限未満
  貸出サービス -> 貸出DB : 貸出を登録
  貸出サービス --> 貸出画面 : 返却期限
else 上限に達している
  貸出サービス --> 貸出画面 : 貸出できない理由
end
貸出画面 --> 利用者 : 結果を表示
@enduml

Mermaid：

sequenceDiagram
  actor 利用者
  participant 貸出画面
  participant 貸出サービス
  participant 貸出DB
  利用者->>貸出画面: 会員証と本を読み取る
  貸出画面->>貸出サービス: 貸出を依頼(会員番号, 蔵書番号)
  貸出サービス->>貸出DB: 貸出中の冊数を取得
  貸出DB-->>貸出サービス: 冊数
  alt 上限未満
    貸出サービス->>貸出DB: 貸出を登録
    貸出サービス-->>貸出画面: 返却期限
  else 上限に達している
    貸出サービス-->>貸出画面: 貸出できない理由
  end
  貸出画面-->>利用者: 結果を表示

アクティビティ図：どの順に進むか

PlantUML：

@startuml
start
:会員証を読み取る;
if (会員は有効か) then (はい)
  :本を読み取る;
  if (貸出上限に達しているか) then (いいえ)
    :貸出を登録する;
    :返却期限を表示する;
  else (はい)
    :上限の案内を表示する;
  endif
else (いいえ)
  :窓口を案内する;
endif
stop
@enduml

Mermaid（フローチャートで代用）：

flowchart TD
  s((開始)) --> a1[会員証を読み取る]
  a1 --> d1{会員は有効か}
  d1 -- はい --> a2[本を読み取る]
  d1 -- いいえ --> a5[窓口を案内する]
  a2 --> d2{貸出上限に達しているか}
  d2 -- いいえ --> a3[貸出を登録する]
  a3 --> a4[返却期限を表示する]
  d2 -- はい --> a6[上限の案内を表示する]
  a4 --> e((終了))
  a5 --> e
  a6 --> e

ステートマシン図：状態がどう変わるか

PlantUML：

@startuml
!pragma layout smetana
[*] --> 在架
在架 --> 貸出中 : 貸し出す
貸出中 --> 在架 : 返却する
貸出中 --> 延滞 : 返却期限を過ぎる
延滞 --> 在架 : 返却する
在架 --> 予約取置 : 予約が入る
予約取置 --> 貸出中 : 予約者に貸し出す
在架 --> [*] : 除籍する
@enduml

Mermaid：

stateDiagram-v2
  [*] --> 在架
  在架 --> 貸出中: 貸し出す
  貸出中 --> 在架: 返却する
  貸出中 --> 延滞: 返却期限を過ぎる
  延滞 --> 在架: 返却する
  在架 --> 予約取置: 予約が入る
  予約取置 --> 貸出中: 予約者に貸し出す
  在架 --> [*]: 除籍する

必要になったら描く図：PlantUMLのコード

オブジェクト図

クラス図の「会員 1 対 貸出 0以上」を、具体的な値で確かめるときに使います。

@startuml
!pragma layout smetana
object "山田さん : 会員" as m1 {
  会員番号 = "M0001"
  貸出上限冊数 = 5
}
object "蔵書B-0012 : 蔵書" as c1 {
  状態 = "貸出中"
}
object "貸出L-0100 : 貸出" as l1 {
  貸出日 = 2026-10-01
  返却期限 = 2026-10-15
}
m1 -- l1
c1 -- l1
@enduml

コンポーネント図

@startuml
!pragma layout smetana
component 貸出画面
component 貸出API
component 通知バッチ
interface "貸出の操作" as I1
database 貸出DB
貸出API - I1
貸出画面 ..> I1 : 利用
貸出API --> 貸出DB
通知バッチ --> 貸出DB
@enduml

配置図

@startuml
!pragma layout smetana
node "利用者の端末" {
  artifact ブラウザ
}
node "アプリケーションサーバー" {
  artifact "貸出API.jar" as api
}
node "DBサーバー" {
  database 貸出DB
}
ブラウザ --> api : HTTPS
api --> 貸出DB : SQL
@enduml

パッケージ図

PlantUML では、クラス図の中で package を使って描きます。

@startuml
!pragma layout smetana
package 画面 {
  class 貸出画面
}
package 業務 {
  class 貸出サービス
}
package データ {
  class 貸出リポジトリ
}
画面 ..> 業務
業務 ..> データ
@enduml

タイミング図

横軸の数字は貸出からの日数です。3日目に貸し出し、17日目に返却期限を過ぎ、20日目に返却された、という経過を表します。

@startuml
robust "蔵書の状態" as B
@0
B is 在架
@3
B is 貸出中
@17
B is 延滞
@20
B is 在架
@enduml

コミュニケーション図（代用）

PlantUML の公式サイトの図の一覧にコミュニケーション図の項目は無いので、箱と番号付きのメッセージで代用します。

@startuml
!pragma layout smetana
rectangle ":貸出画面" as A
rectangle ":貸出サービス" as B
rectangle ":貸出DB" as C
A --> B : 1: 貸出を依頼
B --> C : 1.1: 貸出中の冊数を取得
B --> C : 1.2: 貸出を登録
@enduml

PlantUMLとMermaidで描ける図・代用する図の対応表

PlantUML の列は、公式サイト（plantuml.com）が UML の図として挙げている9種類を「専用の記法あり」としています。Mermaid の列は、11.14.0 で描画して確かめた結果です。

Mermaid の公式ドキュメントには、v12.0.0 以降で使える usecase-beta というユースケース図の記法が載っています。11.14.0 でこの書き出しを使うと UnknownDiagramError: No diagram type detected matching given configuration for text: usecase-beta というエラーになったので、使う前に自分の環境の Mermaid の版を確かめます。

Mermaidで代用するコード

オブジェクト図（クラス図の記法で、ラベルを「名前 : クラス」の形にする）：

classDiagram
  class m1["山田さん : 会員"] {
    会員番号 = "M0001"
    貸出上限冊数 = 5
  }
  class l1["貸出L-0100 : 貸出"] {
    貸出日 = 2026-10-01
    返却期限 = 2026-10-15
  }
  m1 -- l1

パッケージ図（namespace でまとめる）：

classDiagram
  namespace 画面 {
    class 貸出画面
  }
  namespace 業務 {
    class 貸出サービス
  }
  貸出画面 ..> 貸出サービス

コンポーネント図：

flowchart LR
  ui["貸出画面"] -. 利用 .-> api["貸出API"]
  api --> db[("貸出DB")]
  batch["通知バッチ"] --> db

配置図：

flowchart LR
  subgraph n1["利用者の端末"]
    b["ブラウザ"]
  end
  subgraph n2["アプリケーションサーバー"]
    api["貸出API.jar"]
  end
  subgraph n3["DBサーバー"]
    db[("貸出DB")]
  end
  b -- HTTPS --> api
  api -- SQL --> db

コミュニケーション図：

flowchart LR
  A[":貸出画面"] -- "1: 貸出を依頼" --> B[":貸出サービス"]
  B -- "1.1: 貸出中の冊数を取得" --> C[":貸出DB"]
  B -- "1.2: 貸出を登録" --> C

13種類と14種類の違い

「UML は13種類」と書かれた資料と「14種類」と書かれた資料があります。違いは、プロファイル図を1つの図として数えるかどうかです。 13種類として挙げられる図は、上の一覧からプロファイル図を除いたものと一致します。

UML の仕様を公開している OMG のページによると、現在の版は UML 2.5.1（2017年12月）で、その前に 2.0（2005年7月）、2.1.2、2.2（2009年1月）、2.3、2.4.1 などの版があります。プロファイル図は UML 自体を拡張するための図で、業務システムの設計で描く機会は多くありません。設計で使う図を数えるなら、13種類と覚えていても14種類と覚えていても困ることはありません。

似た図のどちらを選ぶか

クラス図とオブジェクト図

シーケンス図とコミュニケーション図

判断基準

そのほかに混同しやすい組み合わせも並べておきます。

確かめて分かったこと

• PlantUML は Graphviz が無い環境でも、!pragma layout smetana の1行を入れると10種類の図すべてを SVG にできました。 シーケンス図・アクティビティ図・タイミング図は、この行が無くても描けました。
• Mermaid 11.14.0 では、ユースケース図の書き出し（usecase-beta）がエラーになりました。 公式ドキュメントの記載は v12.0.0 以降が対象です。ドキュメントの版と手元の版が違うと、同じコードでも描けないことがあります。
• Mermaid でも、14種類のうち10種類は専用の記法か代用で描けました。 専用の記法が3種類、フローチャートやクラス図の記法での代用が7種類です。
• 日本語のクラス名・状態名・参加者名は、PlantUML でも Mermaid でもそのまま使えました。 Mermaid のフローチャートでは、コロンを含むラベルを二重引用符で囲んでいます。
• PlantUML と Mermaid では、クラス図とステートマシン図の書き方がよく似ています。 関係の線（"1" -- "0..*"）や遷移（在架 --> 貸出中）はほぼ同じ形で、違いは書き出しの行と、メッセージの矢印の記号（-> と ->>）などです。

よくある質問

Q. UML図は全部で何種類ありますか？ A. 14種類です。構造図が7種類、振る舞い図が7種類で、振る舞い図のうち4種類は相互作用図と呼ばれます。プロファイル図を数えない資料では13種類と書かれています。

Q. UML図のうち、最初に覚えるのはどれですか？ A. ユースケース図・クラス図・シーケンス図・アクティビティ図・ステートマシン図の5つです。要件から詳細設計まで、多くの場面をこの5つで説明できます。

Q. クラス図とシーケンス図はどちらを先に描きますか？ A. どちらか一方を完成させてからではなく、行き来しながら描きます。クラス図で登場するものを仮に置き、シーケンス図でやり取りを描いてみると、足りないクラスや操作が見つかるので、それをクラス図に戻します。

Q. Mermaid でユースケース図が描けないときはどうしますか？ A. フローチャートで代用します。アクターを丸みのある箱、ユースケースを円、システムの境界を subgraph で描くと、この記事のコードのように同じ内容を表せます。新しい版の Mermaid を使える環境なら、公式ドキュメントの専用記法も確かめてみてください。

Q. フローチャートや ER 図は UML ですか？ A. UML の14種類には含まれません。フローチャートに近い役割の図がアクティビティ図、ER 図に近い役割の図がクラス図です。

まとめ

• UML の図は14種類（構造図7、振る舞い図7）。 13種類という数え方は、プロファイル図を含めていません。
• まず描くのはユースケース図・クラス図・シーケンス図・アクティビティ図・ステートマシン図の5つです。
• 工程別の早見表を出発点にして、チームで「この工程ではこの図を描く」を決めます。
• 図は「何を伝えたいか」で選びます。 伝えたいことが無い図は描かなくて構いません。
• PlantUML は9種類に専用の記法があり、Mermaid 11 は3種類に専用の記法があります。 ほかはフローチャートなどで代用できます。
• 似た図で迷ったら、設計として残すならクラス図、順番を確かめるならシーケンス図を選びます。

参考

• OMG「About the Unified Modeling Language Specification Version 2.5.1」https://www.omg.org/spec/UML/2.5.1/About-UML
• PlantUML 公式サイト https://plantuml.com/
• Mermaid 公式ドキュメント https://mermaid.js.org/intro/ 、Use Case Diagram https://mermaid.js.org/syntax/usecase.html

株式会社RJC ― SI事業・SES事業・AI駆動開発。RJCは一緒に成長を楽しめる会社です。