Mermaid オンラインエディター
この無料のオンラインエディターで、Mermaid チャートとダイアグラムを簡単に編集できます。
Mermaid 図をリアルタイムで記述・プレビュー。フローチャート、シーケンス図、ガントチャートなどを技術ドキュメントや Wiki 用に作成できます。
Mermaid オンラインエディター
この無料のオンラインエディターで、Mermaid チャートとダイアグラムを簡単に編集できます。
このツールについて
Mermaid 図をリアルタイムで記述・プレビュー。フローチャート、シーケンス図、ガントチャートなどを技術ドキュメントや Wiki 用に作成できます。
よくある質問
このテーマに関するよくある疑問と回答をまとめました。
Mermaid とは何ですか？
Mermaid は Markdown 風の構文からフローチャート、シーケンス図、クラス図などを描画するテキストベースの図表言語です。GitHub、GitLab、技術文書で広く使われています。
どの図表タイプがサポートされていますか？
フローチャート、シーケンス図、クラス図、状態図、ER図、ガントチャート、円グラフなど。エディターは Mermaid ライブラリで利用可能なすべての図表タイプに対応しています。
図表をエクスポートできますか？
はい、レンダリングされた図表を画像としてダウンロードし、プレゼンテーション、ドキュメント、その他のプロジェクトで使用できます。
データはサーバーに送信されますか？
いいえ、Mermaid図のレンダリングはすべてブラウザ内で実行されます。図のコードはJavaScriptでローカルに解析・描画され、サーバーに送信されることはありません。
Mermaid の構文はどのように書きますか？
まず図のタイプ（flowchart TD、sequenceDiagram、classDiagramなど）を宣言し、Mermaidのテキスト構文でノード、接続、ラベルを定義します。テンプレートを使って各種図を試せます。
GitHub や Markdown で Mermaid を使えますか？
はい、GitHub、GitLab、Notion、多くのMarkdownレンダラーがMermaidコードブロックをネイティブでサポートしています。```mermaidフェンスブロックで囲むだけで図として表示されます。