サーバレス練習帳

着眼大局着手小局

【UML】VisualStudioCode + PlantUML

シーケンス図を描くツールを探していまして、PlantUMLを見つけました。

◆まずは、環境構築
qiita.com


◆日本語リファレンス
http://s.plantuml.com/PlantUML_Language_Reference_Guide_JA.pdf

◆見本:こんな感じに描けます!

@startuml
skinparam sequenceArrowThickness 2
skinparam roundcorner 20
skinparam maxmessagesize 60
skinparam sequenceParticipant underline
actor User
participant "First Class" as A
participant "Second Class" as B
participant "Last Class" as C
User -> A: DoWork
activate A
A -> B: Create Request
activate B
B -> C: DoWork
activate C
C --> B: WorkDone
destroy C
B --> A: Request Created
deactivate B
A --> User: Done
deactivate A
@enduml

f:id:urbanplanner:20181101193121p:plain

◆シーケンス図以外のUMLも色々
blog.okazuki.jp

◆画像出力手順
qiita.com
リンク先は再掲

"Ctrl + Shift + P" でコマンドパレットを開く
PlantUML: Export Current Diagram と入力する