facebook twitter hatena line email

「VisualStudioCode/PlantUML」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内、 検索
(ページの作成:「==PlantUMLのプラグイン== https://marketplace.visualstudio.com/items?itemName=jebbs.plantuml 参考：https://gist.github.com/yoggy/bd68b3f1f55dbd742bea71424ca66564」)
 
(→‎シーケンス図)
 
(同じ利用者による、間の12版が非表示)
行1: 行1:
 
==PlantUMLのプラグイン==
 
==PlantUMLのプラグイン==
−
https://marketplace.visualstudio.com/items?itemName=jebbs.plantuml
+
*DL(https://marketplace.visualstudio.com/items?itemName=jebbs.plantuml)
 +
*Installボタンを押す
 +
*codeエディタでクラス図を記述
 +
*code上プレビューするoption+d
  
 +
==クラス図==
 +
===クラス図基本===
 +
class.pu
 +
<pre>
 +
@startuml
 +
class Enemy {
 +
    + string type
 +
    ~ string name
 +
    # void SayHello()
 +
    - void Attack()
 +
}
 +
@enduml
 +
</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のプラグイン

クラス図

クラス図基本

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クラス図 [ｼｮｰﾄｶｯﾄ]

「http://wiki.nonip.net/index.php?title=VisualStudioCode/PlantUML&oldid=19232」から取得