![見出し画像](https://assets.st-note.com/production/uploads/images/83222699/rectangle_large_type_2_9cc9395eb7aea6fe7a52c23563f05ef1.png?width=1200)
マークダウンでフローチャートを書く
フローチャートを作ることが増えたが、ローカルで気軽に使える物が欲しかった。
そこでMermaidというマークダウン構文を使うことにしたので導入メモ
準備するもの
テキストエディター本体
・VSCode
エディタ拡張
・Mermaid Markdown Syntax Highlighting : シンタックスハイライト
・Markdown Preview Enhance : プレビューとエクスポートができる
使い方
公式
https://mermaid-js.github.io/mermaid/#/flowchart
![](https://assets.st-note.com/img/1658565717371-O7tRC3MgWN.png?width=1200)
![](https://assets.st-note.com/img/1658566030884-tvrXY1E7gx.png?width=1200)
![](https://assets.st-note.com/img/1658565540999-SfpnF1kSc8.png?width=1200)
Mermaidに対応していないwebサービスもあるようなので、その場合はpdfとかpngにしておくと良さそう。
Githubは最近対応していたので問題なく表示された。
この記事が気に入ったらサポートをしてみませんか?