ER 図作成
ER 図作成. テーブル・キー・関係を編集し、図と Mermaid を出力。 ファイルは端末内に留まり、ブラウザーで処理されます。
ツールを使うには JavaScript を有効にしてください。ファイルはブラウザー内で処理されます。
実装の前にテーブルの関係を整理する
ER 図は、小規模なデータベースの構造を話し合うときに役立ちます。User、Order、OrderItem のサンプルを読み込み、プロジェクトに合う名前へ変更してください。エンティティを選ぶとタイトルとフィールドを編集できます。各フィールドには名前、テキスト形式の型、主キー・外部キー・一意キーの指定があります。名前と型に空白は使わず、必要ならアンダースコアを使います。user_id、varchar(120)、datetime などに対応します。他のエンティティへ移る前に変更を適用してください。これらは設計上の注記であり、データベース接続、レコード取得、SQL 実行、実在する外部キーの検証は行いません。
カーディナリティと任意性を明示する
二つのエンティティを選び、関係を 1:1、1:N、N:1、N:M から指定します。「注文する」「含む」などの動詞を付けると目的が伝わります。端点を任意にすると、対応するレコードがゼロでもよい関係を表せます。実線と破線は、識別関係と非識別関係に使えます。SVG にも読みやすい基数ラベルが入ります。Mermaid erDiagram の読み込みは、エンティティブロック、別名、フィールド、PK/FK/UK、および画面上で扱う関係に対応します。非対応の記述があれば処理を止め、現在の図を保持します。出力したテキストには座標のコメントも含まれるので、このエディターへ戻すと配置を復元できます。複雑な SQL 制約やトリガーの代わりにはならないため、実装側の定義は別に保存してください。
画像と編集用データの両方を保存する
このエディターはブラウザー内で動作し、図の内容を変換サーバーへ送信しません。アカウントも不要です。変更は、このブラウザーとツールに対応する localStorage に保存されます。ただし、自動保存はバックアップではありません。プライベートブラウジング、サイトデータの削除、端末の変更によって下書きを復元できなくなることがあります。作業の区切りで Mermaid ファイルをダウンロードしてください。図の構造と、ノードの座標を記録するコメントが含まれます。SVG は文書や拡大印刷、PNG はスライドやメッセージに適しています。画像には編集ボタンは入りません。共有前にファイルを開いて文字と接続を確認してください。PNG が大きすぎる場合はエラーを表示するため、ノードを近づけるか SVG を使用します。 ZIP 一括書き出しでは、同じ状態の PNG、SVG、Mermaid、JSON モデルを一つのファイルにまとめます。このエディターへ戻す際は Mermaid の内容を読み込んでください。
よくある質問
主キーと外部キーを同時に指定できますか？
はい。同じフィールドの PK と FK を両方選択すると、Mermaid でも両方を保持します。一意キーには UK を指定できます。ただし、データベースの自動移行は実行されません。
別の Mermaid エディターから読み込めますか？
対応する構文の簡単な erDiagram なら編集できます。複雑な指令やスタイルは明示的にエラーとなります。読み込み後に結果を確認し、非対応機能がある場合は元データも保管してください。