2. PlantUML の使い方

2-1. サンプルの実行

新規テキストファイルとして「sample.pu」を作成し、中身は下記とする。

※拡張子は「.pu」とする。

@startuml
Bob -> Alice : こんにちは
@enduml

[Alt] + [D] キーでプレビュー表示

１．[Ctrl] + [Shift] + [P] キー押下

２．下部に表示される「PlantUML:カーソル位置のダイアグラムをエクスポート」をクリック

下部に表示される「png」をクリック

※pdf 形式等でも出力できます。

VS Codeウィンドウ右下にエクスポート完了のメッセージが表示される

「レポートを表示」ボタン押下

保存先のパスを確認して、当該ファイルを開く

▼PlantUMLの公式サイト？
https://plantuml.com/ja/
※各ダイアグラムのサンプルがあり、サンプルをコピペするだけで同じ図を表示できる