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

iPhoneでGoogleスプレッドシートを編集する

アプリを入れるとできる

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

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

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

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

VSCodeでRails環境を整える

ショートカット大事