Mermaid図生成ツール
高速でプライベートなMermaidライブエディタ。任意のMermaid図を貼り付けると即座にレンダリングが見えます — フローチャート、シーケンス図、ER図、クラス図、ガントチャート、マインドマップ全て1つの場所で。
One step per line. Indent two spaces to branch beneath the line above.
Mermaidとは?
Mermaidはオープンソースの「図コード」言語です。短いテキスト記述を書くとMermaidが図を描画します。これはGitHub、GitLab、Obsidianおよび多くのドキュメントプラットフォームがネイティブにレンダリングする同じ構文なので、Mermaid図はとても移植性があります — それをサポートする場所に貼り付けると自動的に描画されます。
このエディタはブラウザで公式Mermaidレンダラーを実行します。サポートされている図の種類を入力または貼り付けると、ゼロセットアップ、サーバーに送信なしでライブレンダリングされます。
エディタからドキュメントへ
埋め込み用のベクトルSVG、スライド用のPNG、またはGitHub READMEに自動的にレンダリングされるMarkdownの```mermaid ブロックのコピーをエクスポート。編集可能に保つべき図については、ソースをリポジトリに保つ。いつでもここで再度開きます。
よくある質問
これは無料のオンラインMermaidエディタですか?
はい — Mermaidを貼り付けると、登録なし、透かしなしで無料でブラウザでライブレンダリングされます。SVG/PNGをエクスポートするか、ソースをコピーできます。
どのMermaid図の種類がサポートされていますか?
フローチャート、シーケンス図、ER図、クラス図、状態図、ガントチャート、マインドマップ、円グラフ — 完全なMermaidレンダラーがロードされます。
Mermaidコードはアップロードされていますか?
いいえ。Mermaidエンジンは公開CDNから1回ロードされ、その後すべてローカルでレンダリングされます。図テキストはデバイスから外に出ません。
Mermaid図をGitHub READMEに埋め込むにはどうしますか?
エクスポートメニューからMarkdownブロックをコピーしてREADMEに貼り付けます。GitHubは```mermaid コードブロックを自動的にレンダリングします — 画像は不要です。
このエディタはどのMermaidバージョンですか?
エディタは公開CDNからMermaid 11をロードするため、何もインストールせずに現在の構文と図タイプを取得できます。