読書メモを図にしたいとき、簡単なグラフを作成できるツールがあったら便利です。 調べたらいくつか候補がありました。 PlantUML https://plantuml.com/ja/ Mermaid.js https://mermaidjs.github.io/ Typora https://typora.io/ 今回は、手軽に使えて、拡張性もありそうなMermaid.jsを試してみます。 Mermaid.jsとは? Visual Studio CodeでMermaid.jsを使う方法 Markdown Preview Enhancedの使い方 図の出力 見た目のカスタマイズ 参考 Mermaid.jsとは? Mermaid.jsは、JavaScriptでグラフやチャート図を描くためのライブラリーです。 (英語の「mermaid」は、日本語で「人魚」という意味) (公式サイト) https:
![Mermaid.jsでグラフを簡単に描く方法 - JavaScript勉強会](https://cdn-ak-scissors.b.st-hatena.com/image/square/94b4836374d41ebcbec5fc85af712c7e95d37e74/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fj%2Fjsstudy%2F20200419%2F20200419184404.png)