シーケンス図を書くツール

ブラウザで作成するツール

マーメイド
テキストファイル
PlantUMLのオンライン

VSCodeの拡張機能で作成

• Markdown Preview Mermaid Support
• Mermaid Markdown Syntax Highlighting
• PlantUML

VSCodeの拡張機能 マーメイド使う場合

.md拡張子でファイルを作成
下記の文から記述を始める

```mermaid

プレビューを見るときのコマンド

Shift＋Ctrl＋P　で Markdown: Open Preview で開く

VSCodeでのPlantUMLの使い方とプレビューと出力

ファイルの拡張子

.puで保存する

プレビュー

Alt＋D　でプレビューを開く

出力

Shift＋Ctrl＋P　で >PlantUML: カーソル位置のダイアグラムをエクスポート で開く
保存拡張子を選択