Mermaidライブエディタ
Mermaid.jsの軽量・無料プレイグラウンドです。サポートされているあらゆるMermaidダイアグラムタイプを入力すると、ブラウザ内でリアルタイムにレンダリングされます。インストール不要、アカウント不要、データはデバイスから外に出ません。
ダイアグラムコード
プレビュー
Theme
Default
サンプルを試す
Mermaidライブエディタの使い方
- 任意のMermaidダイアグラムタイプを選びます（フローチャート、シーケンス図、円グラフなど）。
- 左側のエディタにMermaidコードを入力または貼り付けます。
- 右側のライブプレビューで構文エラーとレイアウトを確認します。
- コードをコピーするか、レンダリングされたダイアグラムをSVG/PNGでエクスポートします。
MermaidエディタFAQ
- Mermaidとは何ですか？
- Mermaidはシンプルなテキスト定義からダイアグラムを生成する人気のオープンソースライブラリです。フローチャート、シーケンス図、ER図、ガントチャート、円グラフなどに対応しています。
- このMermaidエディタは無料ですか？
- はい、ライブプレビューとSVG/PNGエクスポートを含め完全無料です。アカウント登録も不要です。
- 作成したダイアグラムはどこで使えますか？
- SVG（埋め込みや編集に最適）またはPNG（スライドやドキュメントに最適）でダウンロードするか、MermaidコードをGitHub、Notion、GitLabなどのMermaid対応ツールに貼り付けられます。