【VSCode】ER図の作成

記事概要

VSCodeでER図を作成する方法について、まとめる。

前提

• VSCodeはインストール済みである
• 拡張機能「Draw.io Integration」をインストール済みである

手順(ER図作成)

1. アプリケーションを開く
2. 拡張子.dioで、新規ファイルを作成する
   ※拡張子を.drawio.pngにすると、ファイル出力せずに画像が作成される
3. 画面左下の「＋その他の図形...」をクリック
4. 「ER」にチェックを入れて適用をクリックすると、ER図作成に適した図形を扱える
   ※新たにテーブルを追加したい場合には、「ER」から使用するテーブルの図形をドラッグ＆ドロップで設置
   ※同様の方法で、カラムも追加できる
   

手順(ファイル出力)

1. 左上の「File」をクリック
2. 「Export」を選択
3. 「.png」を選択
4. 保存場所を選択し、右下の「保存」をクリック

手順(README添付)

1. READMEに下記を記述する
   readme.md

   ![](ファイル名)
   

備考

• VSCodeのインストールは、こちらの記事を参照する