本文へスキップ
BecomeCoder

Markdownコース · 第3章 図を描く · レッスン10

クラス図 ― 構造を表す

ローカル実施

導入

クラス は、システムを構成する「クラス」と、その関係を表す UML の代表格です。設計書でもっともよく登場します。ここでは Mermaid での書き方を、箱と関係の2点にしぼって覚えます。

説明

classDiagram で始め、class 名前 { ... } で箱を定義します。箱の中には属性と操作を並べ、先頭の記号で 可視性 を表します(+ public、- private、# protected)。

  • +Name string … public な属性。
  • -age int … private な属性。
  • +Bark() void … public な操作(メソッド)。
  • Animal <|-- Dog継承(Dog は Animal の一種)を表す白い三角の矢印。
classDiagram
    class Animal {
        +string Name
        +Eat() void
    }
    class Dog {
        -int age
        +Bark() void
    }
    Animal <|-- Dog

この図は「DogAnimal を継承し、AnimalNameEat() を受け継いだうえで、独自に ageBark() を持つ」と読みます。class Dog : Animal という C# の定義に対応します。

読んでみよう

箱は上から「クラス名」「属性」「操作」の3段構成です。<|-- の三角は必ず 親(スーパークラス)側 を指します。クラス図をもっと詳しく学びたくなったら、専用の UML コース に関連・多重度・実現(インターフェース実装)まで踏み込んだレッスンがあります。