facebook twitter hatena line email

「VisualStudioCode/PlantUML」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(PlantUMLのプラグイン)
(シーケンス図)
 
(同じ利用者による、間の1版が非表示)
行57: 行57:
 
@enduml
 
@enduml
 
</pre>
 
</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クラス図]] [ショートカット]
 
[[Android/開発環境/AndroidStudio/UMLクラス図]] [ショートカット]

2024年10月31日 (木) 17:28時点における最新版

PlantUMLのプラグイン

クラス図

クラス図基本

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クラス図 [ショートカット]