ERD図作成ツール

エンティティを定義

エンティティ名、フィールド、リレーションはこのブラウザ内に保持されます。ファネルでは、このタブがプロジェクトをセッションストレージに最大 30 分間保持します。Livewire や URL に入ることはありません。

エンティティとフィールドを定義

テンプレートから始めるか、コンパクトなモデルを作成します。生成される Mermaid の互換性を保つため、エンティティ名とフィールド名には文字、数字、アンダースコアを使用します。

エンティティ関連図があれば、実装前にデータ構造を読み取り、チームで検討しやすくなります。このエディターは完全にローカルで動作し、最大12個のエンティティと各エンティティ最大20個のフィールドを、フィールド名・型・PKまたはFKの役割・リレーション・カーディナリティとともに構造化して定義できます。ショップまたはブログのテンプレート、あるいは空のプロジェクトから始め、プロジェクトをブラウザ外へ送らずにMermaidコードとSVGまたはPNGの図を作成できます。

ERDを作成する方法

  1. 1

    出発点を選ぶ

    ショップまたはブログのテンプレートを使うか、空のプロジェクトから独自の構造を定義します。

  2. 2

    エンティティとフィールドを定義する

    最大12個のエンティティと、各エンティティ最大20個のフィールドを追加します。フィールド名と型を設定し、必要に応じてPKまたはFKとして視覚的に示します。

  3. 3

    エンティティを関連付ける

    リレーションを作成し、カーディナリティを選んで、各エンティティのつながりを図に表します。

  4. 4

    コピーまたは出力する

    Mermaidをコピーし、SVGまたはPNGの図を出力するか、プロジェクトをローカルJSONとして保存して後で読み込みます。

エディターで整理できるもの

  • エンティティ: 1つのプロジェクトで最大12個。
  • フィールド: エンティティごとに最大20個。フィールド名と型を設定できます。
  • キーの役割: フィールドを主キー(PK)または外部キー(FK)として視覚的に示せます。
  • リレーション: エンティティを結び、適切なカーディナリティを選択できます。

キーとリレーション

主キー(PK)はエンティティ内のレコードを識別します。外部キー(FK)は別のエンティティを参照します。このエディターでは図上にその役割を表せますが、データベースの検証や実際の制約の作成は行いません。図は検討用に使い、実装時のルールはプロジェクト側で確認してください。

カーディナリティの基本

  • 1対1: あるエンティティの1レコードが、別のエンティティの1レコードに対応します。
  • 1対多: ある1レコードが、別のエンティティの複数レコードに対応できます。
  • 多対多: 両側の複数レコードが対応します。実装では中間エンティティが必要になる場合がありますが、エディターが自動作成することはありません。

出力と読み込み

  • Mermaid: Mermaid対応ドキュメントで使うerDiagramコードをコピーできます。
  • SVGとPNG: ベクター図または共有用の画像をダウンロードできます。
  • JSON: プロジェクトを出力し、以前ローカルで出力したJSONファイルを読み込めます。

プライバシーと制限

エディターはブラウザ内だけで動作します。ファネルの途中では、プロジェクトは現在のタブのsessionStorageに最大30分保存されます。内容はサーバーへ送信されず、URLやLivewireにも含まれません。SQLやDBMLの読み込み、SQL生成、同期、アップロード、ノードの手動ドラッグや並べ替えは利用できません。

分かりやすい図にするヒント

  • 対象領域の中心となる概念からエンティティを作り始めます。
  • チームで理解しやすい一貫したフィールド名を使います。
  • カーディナリティを確認しやすいように、主要フィールドを決めてからリレーションを追加します。
  • 次のローカルセッションでも続けたい場合は、JSONファイルを保存しておきます。

よくある質問

いいえ。このエディターで以前に出力したJSONプロジェクトファイルだけを読み込めます。SQL、DBML、データベースのダンプファイルには対応していません。

いいえ。エディターが生成するのはMermaidコード、SVGまたはPNGの図、そしてJSON形式のプロジェクト構造です。SQLやDBMLが必要な場合は専用ツールを使用してください。

いいえ。これはエンティティ、フィールド、リレーションを構造化して編集するツールであり、ノードの手動ドラッグや並べ替えは提供していません。

いいえ。プロジェクトはブラウザ内にとどまります。ダウンロードはローカルで作成され、ファネルの途中でもプロジェクトは現在のタブのsessionStorageに最大30分保存されるだけです。

関連ツール