世界を動かす技術を、日本語で。

ブラウザで動作する無料のSQL→ER図ツール、アップロード不要

概要

SQL to ER Diagram は、SQLスキーマを ブラウザ上で即座にER図へ変換 できる無料ツール。 アカウント不要・完全ローカル動作 で、データのプライバシーも確保。 PostgreSQL, MySQL, SQLite, SQL Server など複数DBに対応。 ドラッグやエクスポート など直感的な操作が可能。 インストール不要 で、どのデバイスでも利用可能。

SQLからER図への変換ツールの特徴

  • SQLスキーマ (CREATE TABLE文)を 貼り付けるだけ で、即座に ER図を生成
  • インタラクティブな操作 が可能
    • テーブルの ドラッグ&ドロップ
    • ズーム自動レイアウト
    • テーブル名の ダブルクリックでリネーム
    • ノート追加関係性の視覚化
  • エクスポート機能
    • PNGSVG 形式での出力
    • プロジェクトファイル保存URL共有 も可能
  • 完全ローカル動作
    • データやSQLスキーマは一切アップロードされない
    • プライバシー保護 を重視
  • アカウント登録やサインアップ不要
  • 無料・オープンソース
  • 多様なSQL方言に対応
    • PostgreSQL
    • MySQL
    • SQLite
    • SQL Server
    • 標準CREATE TABLE・ALTER TABLE文、主キー・外部キー・UNIQUE・NOT NULL制約の解析対応
  • インストール不要
    • ブラウザだけで利用可能
    • デスクトップ・モバイル両対応

よくある質問(FAQ)

  • ER図の作成方法

    • CREATE TABLE文をエディタへ貼り付けるだけで、ER図が即表示
    • テーブルをドラッグで配置調整、PNGやSVGにエクスポート可能
  • 対応SQL方言

    • 標準SQL DDL(CREATE TABLE, ALTER TABLE)解析
    • PostgreSQL, MySQL, SQLite, SQL Server構文サポート
    • 主キー・外部キー・UNIQUE・NOT NULL対応
  • 無料かどうか

    • 完全無料、オープンソース
    • アカウントや登録は一切不要
  • データのプライバシー

    • 全て ローカル処理
    • SQLスキーマやデータは サーバーに送信されない
  • エクスポート機能

    • 高解像度PNG、ベクターSVG出力
    • プロジェクトファイル保存や、URLでの共有も可能
  • インストールの必要性

    • インストール不要
    • ブラウザ上のみで動作
    • デスクトップ・モバイル利用可

Hackerたちの意見

ちょっとしたものだけど、他の人にも役立つかなと思って。データベースのスキーマを可視化したい場面が多かったんだけど、ほとんどのツールは同じ問題があったんだ。お金がかかったり、サインアップが必要だったり、SQLを他のサーバーに送信しなきゃいけなかったり。バックエンドもないし、アカウントも不要、データも自分のマシンから出ないよ。いくつか楽しい実装の詳細もあって:

  • DOM/SVGの代わりにビルドしてる。テーブルはキャッシュされたビットマップにラスタライズされて、ビューポートのカリングで、画面に何百ものテーブルがあってもスムーズに動く。
  • SQLパーサーは、各トークンのソーススパンを追跡する。これで編集が的確にできて、テーブル名を変更しても関連する識別子(とその参照)だけが変わるから、コメントやフォーマットはそのまま。
  • URLには全スキーマが含まれてる。共有する時はスキーマをそのままURLにシリアライズするから、バックエンドも保存された状態もアカウントも不要。
  • Rust/WASMバージョンも試してみたけど、パーサーが約37%遅くなっちゃった。JS↔WASMの境界コストが計算の節約を上回ったから。でも、O(n^2)のオーバーラップ解決パスは約2.2倍速かったよ。
  • 結局、普通のJavaScriptに落ち着いた。フレームワークなしで、圧縮後約32KB。

本当に素晴らしい仕事だね!レスポンシブで、クリーンで、サインアップなしの「オンボーディング」体験が最高だよ。いい仕事だね。

URLには全体のスキーマが含まれています。URLの長さ制限のせいで問題にならない? > すべての送信者と受信者は、プロトコル要素で最低でも8000オクテットの長さのURIをサポートすることが推奨されています。 https://www.rfc-editor.org/rfc/rfc9110#section-4.1-5

直線と90度の角度のオプションも欲しいな。曲がったやつはあんまり好きじゃないんだ。見た目はクールだし、いい仕事だね!

ありがとう!これをやることリストに追加するね!

モバイルの使いやすさは100/10だね。パン、ズーム、選択、移動がすごくスムーズで、ちょっとトリップしてるのかと思ったよ。

本当に良いね、ダブルタップでの編集もズームレベルをリセットしないし。見た中で間違いなく一番モバイルフレンドリーなサイトだよ。

モバイルの使いやすさは100/10だね。パン、ズーム、選択、移動がすごくスムーズで、ちょっとトリップしてるのかと思ったよ。そうだね、最初に思ったのは、ダイアグラムの部分を独立したライブラリにした方がいいってこと。ERダイアグラム以外でも使えると思うから。

コードベース全体が新鮮な空気って感じだね: https://github.com/royalbhati/sqltoerdiagram/blob/main/src/m... 作者は俺の中ではトップクラスだよ。複雑な問題をシンプルな解決策に落とし込む人には弱いんだ。開発者にこれ以上の称賛はないと思うよ。

こんな古い問題がすごくエレガントに解決されたんだね。おめでとう!MySQL Workbenchの頃を思い出すと、どれだけ使いにくかったか。

DBeaverはこれをうまくやってくれて、ほとんどのデータベースと連携できるよ。今はMySQL WorkbenchやPGAAdminは使いたくないな。これもいい実装かもしれないけど、SQLの塊をコピー&ペーストするよりも、データベースに直接接続できるものを使った方が楽じゃない?

MySQL Workbenchの頃を思い出すと、どれだけ使いにくかったか MySQL Workbench大好きだったけど、欠点もあったよね。今、同じような代替品ってあるのかな?MySQL Workbenchとリアルタイムコラボレーションを融合させたアプリがあればいいなって夢見てるんだ。チームの他のメンバーと同じ作業スペースを共有して、みんなが何をしているのか見ながらコラボできるような。

Hacker Newsで議論の続きを見る