DevToolKits.app
可視化

SQL to ER図 変換

CREATE TABLE 文をパースして、Mermaid 形式の ER 図を自動生成します。機密性の高い DB 設計をブラウザ完結で安全に可視化できます。

ガイド: 使い方と特徴

  • テキストエリアにSQLの `CREATE TABLE` 文を入力または貼り付けます。
  • 「実行」ボタンをクリックすると、Mermaid形式のER図が生成・表示されます。
  • テーブル間のリレーション（外部キー）は `FOREIGN KEY` または `REFERENCES` 句から自動的に抽出されます。
  • 生成されたMermaidコードは「Mermaidコードをコピー」ボタンで保存できます。
  • 機密性の高いスキーマ情報も、ブラウザ内のみで処理されるため安全に利用可能です。

サンプル: 変換の例

ユーザーと投稿（1対多）

入力例

CREATE TABLE users (
  id INT PRIMARY KEY,
  name VARCHAR(50)
);

CREATE TABLE posts (
  id INT PRIMARY KEY,
  user_id INT REFERENCES users(id),
  title VARCHAR(100)
);

出力例

erDiagram
    users {
        INT id PK
        VARCHAR(50) name
    }
    posts {
        INT id PK
        INT user_id
        VARCHAR(100) title
    }

    posts }|--|| users : "user_id -> id"

FAQ: よくある質問

  • すべてのSQL方言に対応していますか？

    標準的なSQLのCREATE TABLE構文をサポートしていますが、特定の中間パースロジックを使用しているため、極端に特殊なプロプライエタリな構文は正しく解釈されない場合があります。

  • 読み込んだデータが外部に送信されることはありますか？

    いいえ。パースおよび可視化処理はすべてブラウザ上のJavaScriptで完結しており、入力したSQLがサーバーに送信されることはありません。

  • リレーションが表示されない場合はどうすればよいですか？

    FOREIGN KEY句またはREFERENCES句が正しく記述されているか確認してください。現在、外部キー制約に基づいたリレーション抽出を行っています。

使い道: 主な使い道

  • 既存データベースのドキュメント作成

    SQLファイルを読み込ませるだけで、現在のテーブル構成をさっと可視化して共有・文書化できます。

  • 新規設計時のスキーマ確認

    DDLを書きながら、意図した通りのリレーションが構築されているか視覚的にセルフチェックできます。

  • 開発チーム内での共有

    大規模なDBドキュメントを作成する前に、特定のサブシステムの構造をMermaid形式でサクッと共有したい時に便利です。

注意: 利用上の注意

  • 高度なSQL構文の制限

    ストアドプロシージャ、トリガー、複雑なインデックス定義など、CREATE TABLE以外の構文は無視されます。

  • 巨大なテーブル構成

    テーブル数が非常に多い場合（数十個以上）、Mermaidの描画負荷によりブラウザの動作が重くなる場合があります。

  • 構文エラー

    閉じ括弧の不足やスペルミスなど、SQLに明らかな構文エラーがある場合は正しくパースされません。
erDiagram USERS ||--o{ POSTS : "user_id -> id" USERS { int id PK string name } POSTS { int id PK int user_id string title }

最新記事

Story
2026-03-09

再帰で解くJSON→TypeScript型変換：ライブラリに頼らない強み

APIレスポンスから瞬時に型定義を生成。外部パーサーを使わずに再帰的なアルゴリズムで軽量・高速に実装した裏側を紹介します。

Read more →
Story
2026-03-09

安全なJWT検証環境をブラウザに。セキュリティエンジニアの視点

機密性の高いトークンを安全に扱うために。joseライブラリとローカル処理を組み合わせたJWTツールの設計思想を解説します。

Read more →
Story
2026-03-09

QRコード生成をもっと手軽に、もっと安全に

Canvas APIとnode-qrcodeを組み合わせ、ブラウザ上でのリアルタイムな生成とプライバシー保護を両立したツールの紹介。

Read more →
Story
2026-03-09

データ送信なしで安心。ブラウザ完結型Diffツールの開発背景

テキスト差分を安全かつ高速に比較するために、外部ライブラリを活用しつつプライバシーを最優先した設計について解説します。

Read more →
Story
2026-03-09

ライブラリ不要のタイムゾーン変換：Intl APIの底力

Moment.jsやdate-fnsを使わずに、ブラウザ標準のIntl APIだけで実現する軽量なタイムゾーン処理の裏側。

Read more →
Story
2026-03-03

SQL to ER図変換ツールの開発秘話：ブラウザ完結へのこだわり

SQLからER図を生成するツールの開発背景と、セキュリティと利便性を両立させるための技術的な挑戦について紹介します。

Read more →

広告

他のツールへのショートカット

よく使うツールへの内部リンクをまとめました。ページ移動なしで切り替えできます。

DevToolKits.app
記事・情報
1 items
記事一覧 →
開発・DevOps
8 items
GitHub Actions 可視化 → SQL フォーマッター → ビジュアル SQL ビルダー → SQL → ER 図変換 → Curl コンバーター → Chmod 計算機 → Cron設定・解析 → インフラ構成図メーカー →
データ変換・スキーマ
6 items
JSON 整形 → JSON → TypeScript 型生成 → JSON → Zod スキーマ → JSON → OpenAPI スキーマ → JSON ⇔ YAML 変換 → CSV ⇔ JSON 変換 →
セキュリティ・暗号
5 items
Base64 / 58 / 32 → JWT ツール → ハッシュ・HMAC生成 → JWKS ジェネレーター → UUID 生成 →
テキスト・コード補助
4 items
Markdownテーブル生成 → テキスト＆コード補助 → 正規表現テスター → Diff ビューア →
URL・通信
4 items
URL エンコード / デコード → URL パラメータ → JSON → QR 生成 → QR リーダー →
デザイン・UI
2 items
カラーユーティリティ → ファビコン生成 →
日時・時間
3 items
タイムゾーン変換 → 時間単位の変換 → UNIXタイム変換 →

広告