LoginSignup
32
26

More than 3 years have passed since last update.

ER図の自動作成ツールを探していたらPhpStormが素晴らしかった件

Last updated at Posted at 2019-10-10

作成のきっかけ

お仕事でEC-CUBE4系を利用することになり、ドキュメントを作成する必要が出てきたのですが、EC-CUBEの開発ドキュメントをみても3系のものしか見当たらなかったので、自分で作成する必要が出てきました。

条件

下記の条件を満たすものを探していました。

  • 既存のDBから生成できる
  • Mysqlに対応している
  • png, jpgなど画像形式で出力できる

検討した自動作成ツール

社内で同じような経験をした人がいないかと思い、slackで問いかけみると「SchemaSpyを使う」「PhpStormのdiagram機能を利用する」「SequelProでER図を出力する」「MySQL Workbenchのreverse engineeringという機能を利用する」というありがたき知恵をたくさんいただきました。

実際に使ったもの

PhpStormを利用していることと、手っ取り早くできそうだったので「PhpStormのdiagram機能を利用する」を採用することにしました。

ER図を作成する

私が利用しているPhpStormのバージョンは「PhpStorm 2018.3.4」になります

PhpStormからDBを接続する

PhpStormでプロジェクトを作成、もしくはプロジェクトを開いている状態で行います。

  1. タブの「View > Tool Windows > Database」でツールウィンドウを開いて、DBアイコンを選択します。
    df14d90ff65761a53a66e3592eda1e22.png

  2. +アイコンから「MYSQL」を選択し、ER図を生成したいDB情報を入力します。
    2a795ffe3aae895031097e287fead386.png

  3. 接続できたらDatabaseのツールウィンドウから追加したDBを選択し、右クリックをし「Diagram > Show Visual」を選択します。
    05f7de096084e1bb3ea7191e6a6ebc9e.png

  4. すると、自動生成してくれて簡単にER図が完成します!(早っ...)
    しかもレイアウトまで変更でき(ER図の空いているところ右クリックして「Layout」を選択)、テーブルを選択すると自分でごにょごにょ動かすこともできちゃいます!

(縮小しすぎるとわからないので、拡大した一部を切り取っています...)
 例えばこんなのとか
a06e8964d6c7d7db90238955547cbf64.png
こんなのとか
b930f254bd7685ff404d3d4a204e76bc.png

こんなのとか
05b0cf3292bdd88cf3b9a04088c004a3.png

色を変えたい...というかたはPhpStormのColorSchemeを変更すると白にもできちゃいます。
(上記のテーマはSolarized Dark, こちらはSolarized Light)
110a8441d7d621af0f9a8f46695f431c.png

画像として出力したい時は下記のアイコンからの「Export to file」でpng形式で出力可能です。JetBrainsさますばらし!:clap:
a665108aa2cf52e05908344c0edb772b.png

さいごに

少しでもみなさまのドキュメント作成のお役に立てればと思います。
足をお運びいただきありがとうございました。

※おまけ

テーブル定義書作成についてはこちらを利用させていただきました。
GASを使って、スプレッドシートにMySQLのテーブル定義書を作成する

32
26
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
32
26