楽にきれいにフローチャートを描く方法を探してたらmermaidに行きついたので、mermaidを使ってフローチャートを描く方法をまとめておきます。 公式docsはこちらです。 ブラウザでmermaidを使う こちらのエディタを使うとブラウザ上でサクサクmermaidが書けます。 こんな感じで左側がエディタ、右側がプレビューで書いたdiagramをリアルタイムで確認しながら使えます。即書きたい派の人はこれがいいかも。 Sample Diagramsから色んな図のテンプレを挿入することができます Actionsから画像ファイルにエクスポートしたりも VSCodeでmermaidを使う VSCodeでmermaidを使う場合は、こちらの拡張機能を入れるとよいらしい mermaid記法をハイライトで表示してくれて書きやすくなります こちらはVSCodeでmermaidで書いた図をプレビューで見せて