Mermaid クラス図のチートシート

型と、そのメンバー、そして型どうしの関係。

このページのすべての図は

Mernyx（macOS 向けネイティブ Mermaid エディタ）が描いたものです。ブラウザで動く Mermaid.js ではなく、App のキャンバスで使うのと同じレンダラーです。

クラスを定義する

メンバーには可視性の印が付きます。+ が public、- が private です。

classDiagram
  class Animal {
    +String name
    +int age
    +isMammal() bool
  }

関係は 6 つ、それぞれ独自の矢印の先端を持ちます。左の 2 つは UML の定番です。

classDiagram
  Animal <|-- Duck
  Car *-- Wheel
  Team o-- Member
  User --> Order
  Order ..> Invoice

関係のあとのコロンは、2 つの型をつなぐ動詞です。

classDiagram
  Keeper "1" --> "*" Animal : feeds
  Animal "1" --> "0..*" Leg : has

それぞれの端の引用符つきの数字が、その型がいくつ関わるかを示します。

classDiagram
  Customer "1" --> "*" Order : places
  Order "1" *-- "1..*" LineItem : contains

クラスの本体の中の山形括弧がその種類を示します。

classDiagram
  class Shape {
    <<interface>>
    +draw() void
  }
  Circle ..|> Shape

フローチャートと同じキーワードです。既定は上から下です。

classDiagram
  direction LR
  Animal <|-- Duck
  Animal <|-- Fish