無料オンラインER図エディター

エンティティ関係図でデータベーススキーマを設計。シンプルなテキスト構文を使用してエンティティ、属性、関係を定義。

主な機能

エンティティと属性を定義
関係とカーディナリティを表示
1対多と多対多のサポート
主キーと外部キーを可視化
即座の図プレビュー
SVGまたはPNGにエクスポート

よくあるユースケース

データベーススキーマの設計
既存データベースの文書化
データモデルの計画
テーブル関係の可視化
技術仕様の作成
データベース概念の教育

ER図の例

erDiagram
  顧客 ||--o{ 注文 : 注文する
  注文 ||--|{ 明細 : 含む
  顧客 {
    int id
    string 名前
  }
  注文 {
    int id
    date 作成日
  }

この例を試す

このER図エディタを使う理由

無料のオンラインer図エディタを使えば、シンプルなテキスト構文でプロ品質の図を簡単に作成できます。インストールは不要で、入力を始めるだけでリアルタイムにレンダリングされます。

このエディタは Mermaid.js をベースにしており、即時プレビュー、SVG/PNG エクスポート、URL 共有に対応しています。開発者、技術ライター、プロジェクトマネージャーなど、明確でプロフェッショナルな図を素早く作りたい人に最適です。

ER図の作成方法

ER図用の Mermaid キーワードから開始します。
主要な要素を分かりやすい名前で定義します。
要素同士を矢印や関係線で接続します。
判断・イベント・条件にラベルを付けます。
関連する部分をセクションやサブグラフでまとめます。
プレビューで確認し、構文エラーを修正します。
レイアウトと命名規則を一貫させます。
SVG/PNG へ書き出すか URL で共有します。

ER図のベストプラクティス

1つの図は1つの目的に集中させます。
短く明確なラベルを使います。
命名ルールを統一します。
重要な経路を明確に示します。
大きな図は小さく分割します。
境界条件やエラー経路も含めます。
チームでレビューして確認します。
ロジック変更時は図も更新します。

ER図の高度な機能

カスタムスタイル

テーマ変数やクラス定義を使って、ER図の重要部分を強調します。

グループ化とセクション

ER図をモジュール・チーム・工程ごとに整理します。

メモと注釈

ルールや前提、判断理由を短い注釈で残します。

再利用可能なパターン

繰り返し使うパターンを再利用し、同種の図を素早く作成します。

ER図でよくある間違い

⚠️ノードや参加者の名前が曖昧または重複している。
⚠️重要な接続にラベルがない。
⚠️1つの図に要素を詰め込みすぎている。
⚠️記法が混在して一貫性がない。
⚠️必要な開始点・終了点がない。
⚠️エラー経路や代替経路を示していない。
⚠️装飾を増やしすぎて可読性が下がっている。
⚠️編集後の検証をしていない。

他の図と比べてER図を使うべき場面

ER図は、この観点を明確に伝えたい場合に最適です。やり取りの順序はシーケンス図、状態遷移は状態図、データ設計は ER図、時間計画はガントチャートを使うと効果的です。

よくある質問

Mermaid Viewer の使い方と図の作成に関するよくある質問