Visual Studio Code で Mermaid をプレビューする方法

Mermaid Markdown はフローチャートやガントチャート、円グラフなどをMarkdownに描けるオープンソースのライブラリです。 これを使うと、Markdownドキュメントに簡単に図形を書くことができます。。 この記事では、Visual Studio Code で Mermaid をプレビューする方法を紹介します。 1. 拡張機能をインストール Visual Studio Code で Markdown Preview Mermaid Support をインストールします。 検索すると以下のような画面で見つけることができます。 ちなみに、github.dev の Visual Studio Code にもこの拡張機能をインストールできます。 2. Mermaid Markdown の書き方 まず、Visual Studio Code で .md ファイルを作成します。 その後、以

[stealthinu]

Markdownのプレビュー中でMermaidのプレビューも表示されるようになるプラグイン。ChatGPTにMermaidでグラフ生成してもらったときにこれで可視化できる。