facebook twitter hatena line email

「VisualStudioCode/PlantUML」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(PlantUMLのプラグイン)
(クラス図)
行57: 行57:
 
@enduml
 
@enduml
 
</pre>
 
</pre>
 +
 +
==シーケンス図==
 +
<pre>
 +
@startuml
 +
actor ユーザー
 +
ユーザー -> "a HomeController" : access
 +
activate "a HomeController"
 +
"a HomeController" -->> ユーザー : rendering 検索ビュー
 +
deactivate "a HomeController"
 +
 +
ユーザー -> "an ArticleSearchResultController" : キーワードを入力して送信
 +
activate "an ArticleSearchResultController"
 +
"an ArticleSearchResultController" -> "an ArticleSearcher" : search(keyword)
 +
 +
activate "an ArticleSearcher"
 +
"an ArticleSearcher" -> "an ArticleSearcher" : validates
 +
"an ArticleSearcher" -->> "an ArticleSearchResultController" : IllegalArgumentException
 +
 +
"an ArticleSearchResultController" -> "a HomeController" : redirect
 +
note bottom : 「キーワードを入力してください」メッセージ
 +
 +
"an ArticleSearcher" -> "an Article Class" : query
 +
activate "an Article Class"
 +
"an Article Class" -->> "an ArticleSearcher" : return Article::ActiveRecordRelation
 +
deactivate "an Article Class"
 +
"an ArticleSearcher" -->> "an ArticleSearchResultController" : return Article::ActiveRecordRelation
 +
deactivate "an ArticleSearcher"
 +
 +
"an ArticleSearchResultController" -> "an Article::ActiveRecordRelation" : order(publish_date: desc)
 +
activate "an Article::ActiveRecordRelation"
 +
deactivate "an Article::ActiveRecordRelation"
 +
 +
"an ArticleSearchResultController" -> "an Article::ActiveRecordRelation" : page(0)
 +
activate "an Article::ActiveRecordRelation"
 +
deactivate "an Article::ActiveRecordRelation"
 +
 +
"an ArticleSearchResultController" -->> ユーザー : rendering
 +
deactivate "an ArticleSearchResultController"
 +
@enduml
 +
</pre>
 +
 +
参考:https://zenn.dev/kitabatake/articles/006ca2947f309a074939
  
 
==関連==
 
==関連==
 
[[Android/開発環境/AndroidStudio/UMLクラス図]] [ショートカット]
 
[[Android/開発環境/AndroidStudio/UMLクラス図]] [ショートカット]

2024年10月31日 (木) 16:46時点における版

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 ユーザー
ユーザー -> "a HomeController" : access
activate "a HomeController"
"a HomeController" -->> ユーザー : rendering 検索ビュー
deactivate "a HomeController"

ユーザー -> "an ArticleSearchResultController" : キーワードを入力して送信
activate "an ArticleSearchResultController"
"an ArticleSearchResultController" -> "an ArticleSearcher" : search(keyword)

activate "an ArticleSearcher"
"an ArticleSearcher" -> "an ArticleSearcher" : validates
"an ArticleSearcher" -->> "an ArticleSearchResultController" : IllegalArgumentException

"an ArticleSearchResultController" -> "a HomeController" : redirect
note bottom : 「キーワードを入力してください」メッセージ

"an ArticleSearcher" -> "an Article Class" : query
activate "an Article Class"
"an Article Class" -->> "an ArticleSearcher" : return Article::ActiveRecordRelation
deactivate "an Article Class"
"an ArticleSearcher" -->> "an ArticleSearchResultController" : return Article::ActiveRecordRelation
deactivate "an ArticleSearcher"

"an ArticleSearchResultController" -> "an Article::ActiveRecordRelation" : order(publish_date: desc)
activate "an Article::ActiveRecordRelation"
deactivate "an Article::ActiveRecordRelation"

"an ArticleSearchResultController" -> "an Article::ActiveRecordRelation" : page(0)
activate "an Article::ActiveRecordRelation"
deactivate "an Article::ActiveRecordRelation"

"an ArticleSearchResultController" -->> ユーザー : rendering
deactivate "an ArticleSearchResultController"
@enduml

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

関連

Android/開発環境/AndroidStudio/UMLクラス図 [ショートカット]