OSS探訪概要
drawDBは、Table・Column・RelationをCanvas上へ配置してER Diagramを設計し、SQL scriptのImport/ExportやMigration生成を行うBrowser-based Database Editorです。基本利用ではAccountを必要としません。
特徴と向いている用途
公式資料に基づく紹介・実機未検証 · 内容確認日：
Table・Column・RelationをCanvas上で設計する
ERDをVisualに編集し、Database schemaをRelation込みで整理できます。
SQL Import/ExportとMigration生成につなげる
既存SQLからDiagramを作ったり、設計結果からSQLやMigrationを生成したりできます。
Schema設計レビューをCodeだけでなくVisual Diagramで行いたい場合に
DB設計の共有、教育、初期設計、既存Schema理解などに向きます。
出典：[2]
Sharingを使う場合は別Server componentが必要
Editor単体はStaticに動かせますが、File sharingを有効にする場合はdrawdb-serverと環境設定が必要です。
出典：[2]
参考にした公式資料
- [1]drawdb-io/drawdb repository(2026-09-21)
- [2]drawDB README(2026-09-21)
- [3]drawDB application(2026-09-21)
- [4]drawDB AGPL-3.0 license(2026-09-21)
編集部からの補足
基本EditorはBrowserだけで利用でき、AccountなしでSchema設計を始められます。共有機能が必要な場合だけ別Repositoryの`drawdb-server`を構成します。Local buildとSharing構成を分けて評価すると導入範囲が分かりやすいです。
3ステップで試す
- 1
ソースを取得
git clone --depth 1 https://github.com/drawdb-io/drawdb.git - 2
リポジトリへ移動
cd drawdb - 3
公式手順を確認
READMEのInstallation / Quick Start / Getting Startedにある公式コマンドを続けて実行してください。
find . -maxdepth 1 -iname 'README*' -exec sed -n '1,220p' {} \; -quit
成長
成長の推移 · 直近30日
39,616 Stars
推移データを蓄積中です。
開発アクティビティ
直近90日・週次
- Commit（直近30日）
- 15
- Open PR
- 109
開発アクティビティを蓄積中です。
Built with
カテゴリとタグ
GitHubデータ
関連情報
関連記事を投稿するこのOSSの使い方や活用事例をMarkdownで投稿できます。管理者が承認した後に公開されます。
あわせて探訪
- React250,610 Stars
宣言的なコンポーネントでWebとネイティブのUIを構築するJavaScriptライブラリ。
JavaScript - n8n205,475 Stars
視覚的なキャンバスとコードを組み合わせ、サービス連携やAIエージェントを自動化するfair-code基盤。
TypeScript - Visual Studio Code192,731 Stars
Visual Studio Codeの基盤となるMITライセンスのCode - OSSリポジトリ。
TypeScript - Oh My Zsh189,851 Stars
Zshの設定をプラグイン、テーマ、自動更新の仕組みで管理するコミュニティ製フレームワーク。
Shell - Flutter179,024 Stars
Dartの一つのcodebaseからAndroid/iOS・Web・desktopへUIを展開し、native APIにも接続できるcross-platform SDK。
Dart
情報の誤りを報告
掲載内容に誤りや古い情報があればお知らせください。