Mermaidエディタ

このツールについて

テキストを使用してダイアグラムを記述するライブMermaidダイアグラムエディタ。フローチャート、シーケンスダイアグラム、クラスダイアグラムなどを編集する際に、レンダリング結果をリアルタイムで確認し、最後にSVG、PNG、またはJPEGとしてエクスポートできます。

使い方

1. テンプレート（フローチャート、シーケンス、クラスなど）を選択してサンプルMermaid構文を読み込むか、独自の構文を記述します。
2. 編集すると、ダイアグラムプレビューが自動的に更新されます。
3. 「画像をエクスポート」をクリックしてダイアグラムをSVG、PNG、またはJPEGとしてダウンロードするか、「構文をコピー」をクリックしてMermaidコードをコピーします。
4. 構文にエラーがある場合、最後に有効なダイアグラムが表示されたままになり、修正できます。

主な用途

• プロセスまたは決定木のフローチャートをスケッチ
• APIコール順序またはシステム相互作用をドキュメント化
• ソフトウェア設計のためのクラスダイアグラムまたはエンティティ関係ダイアグラムを描画
• ドキュメントまたはREADMEファイルにダイアグラムをコードとして埋め込む

使いこなすヒント

• Mermaid構文はプレーンテキストなため、ダイアグラムはコードと一緒にバージョン管理できます。
• ドキュメントではSVGエクスポートを使用して鮮明なダイアグラムを取得し、チャットやスライドでの共有にはPNGまたはJPEGを使用します。