シーケンス図を簡単に書く方法

未分類

VScodeでPlantUMLを使うと簡単にシーケンス図が書けます。

まずは、VScodeをインストール。その後、PlantUMLの拡張機能を追加します。

新規ファイルを作成し、”test.pu” のように名前を付けて保存します。拡張子は、”.pu”です。

@startuml

Alice -> Bob : HTTP REQ
Bob --> Alice : HTTP RES

@enduml

上記のように入力、保存します。「Alt + D」でプレビューを表示することができます。Macの場合は、「Option + D」です。

めっちゃ簡単ですね。

これを画像として保存する場合は、「Ctrl + Shift + P」でコマンドパレットを開き、「Export Current Diagram」を選択、保存形式を「png」を選びます。Macの場合は、「Command + Shift + P」です。