dineug/erd-editor
Design database schemas as ERDs in your browser, VS Code, JetBrains IDEs or Obsidian. Import SQL, DBML and GraphQL, export DDL and code, and let coding agents edit live over MCP.
解決する課題
ERD Editor は、データベーススキーマを設計するための統一されたビジュアル環境を提供します。Webブラウザ、IDE (VS Code、JetBrains)、Obsidian などのメモアプリ全体で一貫したエクスペリエンスを提供することでデータベースモデリングの断片化を解消し、AIコーディングエージェントが設計プロセスに参加できるようにします。
仕組み
データベーススキーマの表現に単一の .erd.json ファイル形式を使用します。プロジェクトには、ビジュアル図をレンダリングするコアカスタム要素 (<erd-editor>) が含まれています。AI統合のために、Claude Code や Codex などのコーディングエージェントがエディタのキャンバス内で直接スキーマを読み取り、変更し、共同作業できるようにする MCP (Model Context Protocol) サーバーを提供します。
対象ユーザー
データベーススキーマの設計、可視化、変更が必要で、それらのワークフローを既存の IDE に統合したり、AIエージェントを活用してスキーマ更新を自動化したい開発者やデータベースアーキテクト向けです。
ハイライト
- マルチプラットフォーム対応: Webアプリ、VS Code/JetBrains 拡張機能、Obsidian プラグイン、Google Drive アプリとして動作します。
- AI対応: AIエージェントが共同作業者としてビジュアルスキーマを直接編集できるようにする MCP サーバーを搭載しています。
- 豊富なインポート/エクスポート: SQL DDL、GraphQL SDL、DBML のインポートをサポートし、8種類のデータベースタイプと22種類のプログラミング言語/ORMへのエクスポートが可能です。
- リアルタイムコラボレーション: WebRTC ベースの暗号化されたライブセッションによるチーム編集機能を備えています。
- 埋め込み可能: 開発者が独自のアプリケーションにモデリングツールを埋め込めるよう、カスタム要素 (
<erd-editor>) を提供しています。
関連
- プロジェクト
- プロジェクト
- プロジェクト
- プロジェクト