VisualStudioCode/PlantUML

PlantUMLのプラグイン

• DL(https://marketplace.visualstudio.com/items?itemName=jebbs.plantuml)
• Installボタンを押す
• codeエディタでクラス図を記述
• code上プレビューするoption+d

クラス図

クラス図基本

class.pu

@startuml
class Enemy {
    + string type
    ~ string name
    # void SayHello()
    - void Attack()
}
@enduml

参考：https://gist.github.com/yoggy/bd68b3f1f55dbd742bea71424ca66564

クラス図関連系

relation.pu

@startuml
Cat --|> Animal : 継承
Wheel "4" --* "1" Car : コンポジション
Employee "many" --o  "1" Company : 集約
Car -- VehicleInspection : 関連
UseCase ..|> IUseCase: 実現
Runner ..> Marathon : 依存

interface IUseCase
abstract class Human
@enduml

参考：https://qiita.com/opengl-8080/items/98c510b8ca060bdd2ea3

クラス図コメントなど

@startuml
title タイトルです

' クラスAnimalの定義
class Animal {
  +int foot
  +void call()
}
note right of Animal {
  基底クラス
}

' クラス間の関係
Cat --|> Animal : 継承
@enduml

シーケンス図

@startuml
actor ユーザー
ユーザー -> "UNITY User" : access
activate "UNITY User"

"UNITY User" -> "PHP User/list" : request
activate "PHP User/list"
"PHP User/list" -->> "UNITY User" : response.CarList(carIds)
deactivate "PHP User/list"

"UNITY User" -->> ユーザー : 
deactivate "UNITY User"

' "UNITY User" -> "UNITY CarPanel" : carIds

ユーザー -> "UNITY CarPanel" : CarPanelへ移動

activate "UNITY CarPanel"
"UNITY CarPanel" -> "PHP User/car" : request.carIds

activate "PHP User/car"
"PHP User/car" -> "PHP User/car" : 色々処理
"PHP User/car" -->> "UNITY CarPanel" : response.ResUserCar

"UNITY CarPanel" -> "UNITY User" : redirect
note bottom : 「キーワードを入力してください」メッセージ

"UNITY CarPanel" -> "PHP Country" : request:1
activate "PHP Country"
deactivate "PHP Country"

"UNITY CarPanel" -> "PHP Country" : request:2
activate "PHP Country"
deactivate "PHP Country"

"UNITY CarPanel" -->> ユーザー : rendering
deactivate "UNITY CarPanel"
@enduml

参考：https://zenn.dev/kitabatake/articles/006ca2947f309a074939

関連

Android/開発環境/AndroidStudio/UMLクラス図 [ｼｮｰﾄｶｯﾄ]