はじめに

Nuxtで作ってる個人サイトのバックエンドにstrapiを使用してるんですが、ER図が欲しくなったので自動出力してくれるプラグインを試してみました。

（以前書いたstrapiの環境構築記事はこちら）

目次

strapiを触ってるとGUIでぽちぽちDBが作れます。
ER図もここから生成できればいいなと思い、何かないか調べてみました。

strapi公式のissuesでER図の話がされてました。
このissues内の最新コメントにER図出力するstrapi-plugin-entity-relationship-chartというプラグインを作ったって報告してる人がいたので試してみることにしました。

strapiはオープンソースのHeadlessCMSなので、なんかやりたいことがあったときはみんな自分でプラグイン作ったりしてるみたいですね（すげえ）。

プラグイン名：strapi-plugin-entity-relationship-chart


# npmでもyarnでもどちらでも可
$ yarn add strapi-plugin-entity-relationship-chart

# admin画面を再ビルドしてプラグインを適用（こうしないと反映されません）
$ yarn build

# 実行
$ yarn develop

ER図が出ました。
（吐き出したのはこれのER図）

図が描画された範囲で線を繋ぎ変えたり、テーブルの位置を動かしたりなど編集ができるようになってます。
図をpngやjpgなどで保存・エクスポートする機能はありません。

ArticlesとCommentsはhas_manyで繋がってるんですが、鳥の足が表示されてないですね。
表示を変えれるオプションはなさそうですが、必要十分な結果が出力されているので満足です。

GUI上のcontent-types-builderでテーブルを追加した際に、再ビルドすればEntity-Relationship-Chartにすぐ反映されるのは中々便利そうだなと思いました。

おしまい