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

Date:

Share post:

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

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

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

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

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

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

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

リレーションの種類

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

カラムの追加

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

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

Related articles

ファインチューニング(3)

前回の投稿(ファインチューニング(2...

フロント担当のTIL 2025/07

「Today I Learned(今日学んだこと)」を記録するTIL、7月は社内のAI活用が本格的に動き出しました。グラボが新しすぎ問題に遭遇したり、巨大なモデルを無理やり動かしてみたり。

Difyでナレッジと検索の両方の結果で回答してほし...

最新情報はナレッジだけでは網羅できな...

ファインチューニング(2)

前回の投稿(ファインチューニング(1...