今頃知った・・・。VS CodeでER図作成の巻

Date:

Share post:

DBのテーブルのリレーションを整理、確認するためにER図を書こうと思いました。

ただ、以前使用していたWebツールでは機能的な制約があり、もっと充実した使いやすいツールがないものかと思っておりました。

調べたところ、VS CodeでER図が書けるプラグインがあるということを今更ですが、知りました・・・。「Draw.io integration」です。早速インストールしてみました。

インストール後に、拡張子「.dio」のファイルを作成して開くと・・・

これは少し書き進めている状態ですが、このように書くためのエリアが開かれます。

ちなみに初期状態では、左側に表示されているER図の部品が表示されません。表示するには、左下にある「+ その他の記号」ボタンを押しますと、以下のPOPUPが表示されますので、ERにチェックを入れて適用すると表示されるようになります。

部品ですが、エンティティやリレーションのバリエーションも一通り揃っています。

リレーションの種類

エンティティでカラムを追加するときもボタン押下で追加できます。

カラムの追加

リレーションの接続もカラムにくっつくように接続されるので操作性も良いかなと思いました。

業務での作業能率向上のために日頃から情報収集を行う必要があるなと痛感しつつ、あとは日頃使い慣れたツールで機能が使えるのはありがたいなと思いました。

Related articles

EC-CUBE(4.2系~4.3系)のプラグインを...

少し前から、日本郵便で『デジタルアドレ...

ラベル画像のトリミング(5)

「ラベル画像のトリミング(4)」では...

VirtualminでPHPの8.1をインストール...

すぐ忘れるのでメモ Virtu...

フロント担当のTIL 2025/05

「Today I Learned(今日学んだこと)」を記録するTIL、5月は社内プロジェクトのワインDB開発を中心に、様々な技術的な発見や課題解決がありました。