オンライン Mermaid ダイアグラムエディター
ライブプレビュー、ビジュアル編集、22種類のダイアグラム、PNG/SVGエクスポートなどを備えたプロフェッショナルなオンラインMermaidダイアグラムエディター。
構文ドキュメントを見るコードエディターフローチャート
コードエディター...
プレビュー
100%
7 行104 文字
Ctrl/Cmd + S保存Ctrl/Cmd + Z元に戻すCtrl/Cmd + Shift + Zやり直しEscapeフルスクリーンを終了
使い方
1
Mermaid構文を入力
左側のエディターにMermaid構文を入力または貼り付けます。フローチャート、シーケンス図、クラス図など22種類のダイアグラムをサポートしています。
2
ライブプレビュー
右側にレンダリングされたダイアグラムがリアルタイムで表示されます。ズームやパン操作でダイアグラムの詳細を確認できます。
3
エクスポート＆共有
完了したらPNGまたはSVG形式でエクスポートするか、コード/画像をクリップボードに直接コピーできます。
機能
22種類のダイアグラム
シンタックスハイライト
ライブプレビュー
自動保存
元に戻す/やり直し
PNG/SVGエクスポート
フルスクリーンモード
ローカルストレージ
キーボードショートカット
Ctrl/Cmd + S保存
Ctrl/Cmd + Z元に戻す
Ctrl/Cmd + Shift + Zやり直し
Escapeフルスクリーンを終了
よくある質問
Mermaidとは？
Mermaidは、Markdownにインスパイアされたテキスト定義をレンダリングしてダイアグラムを作成するJavaScriptベースのダイアグラムおよびチャートツールです。ドキュメント、技術仕様、さまざまな視覚化ニーズに広く使用されています。
データは安全ですか？
はい、すべてのデータはブラウザのLocalStorageにローカルに保存され、サーバーにはアップロードされません。ダイアグラムの内容は完全にプライベートで安全です。
どのダイアグラムタイプがサポートされていますか？
フローチャート、シーケンス、クラス、状態、ER、ガント、円グラフ、Gitグラフ、マインドマップ、タイムライン、ユーザージャーニー、象限、要件、C4、サンキーなど22種類のダイアグラムをサポートしています。