Mermaid Live Preview

「Mermaid Live Preview（マーメイド・エディタ）」は、テキストベースのマークアップ言語である「Mermaid記法」を用いて、フローチャートやシーケンス図、ガントチャート、ER図などをブラウザ上で直感的に記述し、リアルタイムに図解（プレビュー）および画像データとして書き出し保存できる無料のデザイン・開発補助ツールです。 日本語フォントに完全対応しており、長文の日本語ラベルを入力しても文字化けやレイアウト崩れが発生しにくいため、国内業務向けの仕様書作成用途に最適です。 入力したMermaidコードの解析およびダイアグラム生成はすべてご使用端末のローカル環境で処理されており、入力データや作図結果が外部サーバーへ送信されることはありません。未公開サービスのシステム構成図や社内イントラの業務フロー図など、機密性の高いドキュメント作成時にも安心してご利用いただけます。

SVG/PNG形式での高画質エクスポート

左側のエディタにコードを打ち込むと、エラーチェックと共に右側に即座に最新の図形（グラフ）がレンダリングされます。完成した図は、拡大縮小しても一切画質が劣化しないベクターデータ（SVG形式）や、あらゆる環境で扱いやすいビットマップ（PNG形式）としてワンクリックでダウンロードでき、すぐに各種資料へ組み込めます。

主な業務での活用シーン

• システム開発における要求分析や基本設計フェーズでの、システム間連携シーケンス図やクラス図・ER図の手軽な作成
• PowerPointやKeynoteでの社内向けプレゼン資料に挿入する、見栄えの良い業務プロセスフローチャートの作図
• プロジェクトマネージャー（PM）によるWBSの策定や、チームの進捗共有に用いる視覚的なガントチャートの生成