VScodeの拡張機能を使ってシーケンス図を作成する方法
前提: javaがインストールされていること- VScodeを開く
- Extensionsから「PlantUML」を検索する
- インストールする(公式 jebbs.plantUML)
- VScodeで「sample.puml」ファイル作成
- 以下をコピーして貼り付ける
@startuml
Alice -> Bob: Hello
Bob --> Alice: Hi
@enduml
6 .ファイルを右クリックして「Preview Current Diagram」を選択
7. 図画表示されれば成功
※Preview Current Diagramが表示されない場合、以下を試してみる
ctrl + shift + P でコマンドパレット検索
「PlantUML Preview」を入力
PlantUML: Preview Current Diagramを選択
ユーザーのログイン機能のシーケンス図 例
@startuml
actor User
participant Screen
participant Server
participant DB
User -> Screen: Enter username/password
Screen -> Server: Send login request
Server -> DB: Authenticate
DB --> Server: Result
Server --> Screen: Return result
Screen --> User: Display result
@enduml