[Markdown] Markdown でシーケンス図を書いてHTMLに出力しよう - Qiita

私事であるが、Visual Studio Code をメインエディタとして使用している。 で、資料を作る際にシーケンス図をパパッと書きたい、といったときに便利なツールとして mermaid.js があるということを知ったので、私なりの導入や利用方法について備忘録がてら記事にしたい。 前提 シーケンス図を描きたいが UML モデリングツールを使うのは面倒だ Visual Studio Code を使用している Visual Studio Code からシーケンス図が書けたら幸せだなぁという願望がある そしてそのシーケンス図をHTMLドキュメントに出力できたら嬉しい で、本記事の趣旨は Markdown でシーケンス図を書こう｡ そしてそれを HTMLドキュメントに出力しよう ということなので、そのためのアレコレを以下に記していく。 mermaid.js を使おう 冒頭で触れた mermaid