Mermaid ダイアグラムビューア
テキストから図を生成。フローチャート、シーケンス図、ER図をリアルタイムプレビュー
登録不要 · 完全無料 · データ送信なし
Mermaid記法とは
Mermaidはテキストからダイアグラムを自動生成するDSL（ドメイン固有言語）です。 GitHubのREADME、Notion、Confluenceなどで標準サポートされており、 コードブロックに記述するだけで図を表示できます。
主な構文チートシート
| 図の種類 | 開始キーワード | 用途 |
|---|---|---|
| フローチャート | graph TD | 業務フロー・処理フロー |
| シーケンス図 | sequenceDiagram | API連携・通信フロー |
| ER図 | erDiagram | DB設計・テーブル関連 |
| ガントチャート | gantt | スケジュール管理 |
| クラス図 | classDiagram | オブジェクト設計 |
よくある質問
GitHubのREADMEで使えますか？
はい、コードブロックに ```mermaid と書くだけで自動レンダリングされます。
日本語テキストは使えますか？
ノードのラベルに日本語を使えます。必要に応じて引用符で囲んでください。
生成した図はダウンロードできますか？
SVGとPNG（2x解像度）でダウンロード可能です。
データはサーバーに送信されますか？
いいえ、全てブラウザ内で処理されます。