Mermaidで描いた図形を画像ファイルに出力し、キレイに拡大表示してみた | DevelopersIO

はじめに データアナリティクス事業本部の藤川です。 UMLの作図ツールには様々なものがあります。最近、Notionを使うことが多いので、Markdownに記述できるUMLを探していました。 また、Visual Studio Code（以下、VSCode）のWeb版を使う機会が増えました。これらのニーズに対応できるUML作図ツールが良いなと思います。 そんな経緯で、Mermaidを使っています。 NotionとVSCodeは、図をプレビュー表示できますが、あまり大きく引き伸ばせません。また、スケーラブルではないため、拡大しても画像が荒くて細部を確認できません。 画像をファイルに出力できれば何とかなりそうなものですが、NotionとVSCodeは画像をファイル出力できませんでした。 本記事では、Mermaidで作成した図を画像ファイルに出力し、拡大表示する方法をご紹介したいと思います。 概要