「VisualStudioCode/PlantUML」の版間の差分
提供: 初心者エンジニアの簡易メモ
(→クラス図) |
(→シーケンス図) |
||
| 行62: | 行62: | ||
@startuml | @startuml | ||
actor ユーザー | actor ユーザー | ||
| − | ユーザー -> " | + | ユーザー -> "UNITY User" : access |
| − | activate " | + | activate "UNITY User" |
| − | + | ||
| − | + | ||
| − | + | "UNITY User" -> "PHP User/list" : request | |
| − | activate " | + | 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 " | + | |
| − | " | + | 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 " | + | activate "PHP Country" |
| − | deactivate " | + | deactivate "PHP Country" |
| − | " | + | "UNITY CarPanel" -> "PHP Country" : request:2 |
| − | activate " | + | activate "PHP Country" |
| − | deactivate " | + | deactivate "PHP Country" |
| − | " | + | "UNITY CarPanel" -->> ユーザー : rendering |
| − | deactivate " | + | deactivate "UNITY CarPanel" |
@enduml | @enduml | ||
</pre> | </pre> | ||
2024年10月31日 (木) 17:28時点における版
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クラス図 [ｼｮｰﾄｶｯﾄ]
