「VisualStudioCode/PlantUML」の版間の差分
提供: 初心者エンジニアの簡易メモ
(→PlantUMLのプラグイン) |
(→シーケンス図) |
||
| (同じ利用者による、間の10版が非表示) | |||
| 行5: | 行5: | ||
*code上プレビューするoption+d | *code上プレビューするoption+d | ||
| − | クラス図 | + | ==クラス図== |
| + | ===クラス図基本=== | ||
| + | class.pu | ||
<pre> | <pre> | ||
@startuml | @startuml | ||
| 行16: | 行18: | ||
@enduml | @enduml | ||
</pre> | </pre> | ||
| − | |||
参考：https://gist.github.com/yoggy/bd68b3f1f55dbd742bea71424ca66564 | 参考：https://gist.github.com/yoggy/bd68b3f1f55dbd742bea71424ca66564 | ||
| + | |||
| + | ===クラス図関連系=== | ||
| + | |||
| + | relation.pu | ||
| + | <pre> | ||
| + | @startuml | ||
| + | Cat --|> Animal : 継承 | ||
| + | Wheel "4" --* "1" Car : コンポジション | ||
| + | Employee "many" --o "1" Company : 集約 | ||
| + | Car -- VehicleInspection : 関連 | ||
| + | UseCase ..|> IUseCase: 実現 | ||
| + | Runner ..> Marathon : 依存 | ||
| + | |||
| + | interface IUseCase | ||
| + | abstract class Human | ||
| + | @enduml | ||
| + | </pre> | ||
| + | |||
| + | 参考：https://qiita.com/opengl-8080/items/98c510b8ca060bdd2ea3 | ||
| + | |||
| + | ===クラス図コメントなど=== | ||
| + | <pre> | ||
| + | @startuml | ||
| + | title タイトルです | ||
| + | |||
| + | ' クラスAnimalの定義 | ||
| + | class Animal { | ||
| + | +int foot | ||
| + | +void call() | ||
| + | } | ||
| + | note right of Animal { | ||
| + | 基底クラス | ||
| + | } | ||
| + | |||
| + | ' クラス間の関係 | ||
| + | Cat --|> Animal : 継承 | ||
| + | @enduml | ||
| + | </pre> | ||
| + | |||
| + | ==シーケンス図== | ||
| + | <pre> | ||
| + | @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 | ||
| + | </pre> | ||
| + | |||
| + | 参考：https://zenn.dev/kitabatake/articles/006ca2947f309a074939 | ||
| + | |||
| + | ==関連== | ||
| + | [[Android/開発環境/AndroidStudio/UMLクラス図]] [ｼｮｰﾄｶｯﾄ] | ||
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クラス図 [ｼｮｰﾄｶｯﾄ]
