VSCode で Markdown + mermaid を使う - shuntaro3.log

◆ はじめに 最近、何でも markdown で書きたい欲が凄い。 ただ、markdown だと図とかが描けないので、そういう資料はパワポとかで作っていたが、バージョン管理ができなくて嫌というジレンマをずっと持っていた。 そんな折、簡単な図なら mermaid というツールで描けるということを思い出し、使ってみることにしたら、結構良かったのでメモ。 ちなみに、mermaid は以前参加した岡山 Ruby, Ruby on Rails 勉強会で教えてもらった。 ◆ 構築環境 Windows 10 VSCode インストール済 ◆ 手順 1. VSCode 拡張機能「Markdown Preview Enhanced」のインストール VSCode の拡張機能のタブから「Markdown Preview Enhanced」を入力し、インストール。簡単。インストール後は、再読み込みを忘れずに。 2

[jsstudy]

簡単な図なら mermaid というツールで描ける　mermaid - Markdownish syntax for generating flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs. https://mermaid-js.github.io/mermaid/