js-sequence-diagramsを使ってシーケンス図を書く

js-sequence-diagramsを使ってシーケンス図を書く
公開日時

js-sequence-diagramsを使うと、↓のようなコードでシーケンス図が生成できる。

Title: Sample App Sequence
A->B: Normal line
B-->C: Dashed line
C->>D: Open arrow
D-->>A: Dashed open arrow

vscode-sequence-diagramsというVSCode拡張をインストールしておくとVSCodeでプレビューもできるようになる。

[[.seqdiag]]という拡張子でファイルを保存し、Command + Shift + pでコマンドパレットを表示し、「Show Sequence Diagram Preview」を選択するとプレビューが表示される。


Related #tool

Googleスプレッドシート上で為替情報を取得する

クラウドサービスのサーバ費用計算に役立つ

Hatchfulで作成したロゴのダウンロードメールが届かない

Hatchfulのメルマガ設定を有効にする必要があった

VSCodeでRails環境を整える

ショートカット大事

VSCode Extensionをチームで共有する

.vscode/extensions.jsonを追加

Amazonプライム特典を家族と共有する

プライム配送特典(無料お急ぎ便、無料日時指定)が共有できる