【初心者必見】ER図作成ツールに迷ったらこれ！Lucidchartで簡単にER図を作成する方法を徹底解説

ER図（エンティティ・リレーションシップ図）は、データベース設計において非常に重要な役割を果たします。しかし、初心者にとってはどのツールを使えば良いのか、どのように作成すれば良いのかが分からないことが多いでしょう。この記事では、そんなER図作成ツール難民の方々に向けて、Lucidchartを使ったER図の作成方法をわかりやすく解説します。Lucidchartは直感的なインターフェースと豊富な機能を備えており、初心者でも簡単にER図を作成することができます。さあ、一緒にER図作成の第一歩を踏み出しましょう！

## Lucidchartは無料で使用可能なのか
Lucidchartは、ER図やフローチャート、ネットワーク図など、さまざまな図を作成するための強力なツールです。では、Lucidchartは無料で使用可能なのでしょうか？

Lucidchartには無料プランがあり、基本的な機能を利用できます。無料プランでは、3つのドキュメントを作成でき、各ドキュメントには最大60個のオブジェクトを追加可能です。また、テンプレートや基本的な図形、コネクタなども利用できます。今回作成するER図は、無料プランで完成まで作成することができます。

## ER図作成の手順

### 1.アカウントの作成とログイン:
Lucidchartの公式サイトにアクセスし、アカウントを作成します。GoogleやMicrosoftアカウントを使用して登録することも可能です1。

### 2.キャンバスにエンティティの図形を配置する  


①左側のツールボックスからテーマを選択

![画像.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4047632/b29e1934-6ec6-4341-8b80-2d28d162668a.jpeg)

②システムカテゴリから「データベースER図(カラスの足記法)」を選択し、「使用」ボタンを押下  


![画像 (1).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4047632/12e72328-073d-47ba-b846-769f417879da.jpeg)


⓷ドキュメントのタイトルを修正  

![画像 (3).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4047632/6be109c1-3cfc-4fcb-ac2d-ed6867cb0469.jpeg)


  
④エンティティを1つ残し、他のエンティティを削除します（後続の処理で、デザインを修正したものをコピー＆ペーストするため）

※コンテキストメニューは右クリックで表示されます。

![画像.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4047632/26671886-a834-4369-86fb-ba887cf586b1.png)

⑤エンティティを選択した状態でツールボックスの「テーマ」を押下し、好みのテーマを選択

※右上に鉛筆マークが表示されていれば選択状態です。

![画像 (5).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4047632/0e98c5ec-d692-481d-b902-75808f828506.jpeg)

⑥ツールバーの「A」を押下

![画像.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4047632/972a13a2-7234-4713-91fe-3e70294dc0c5.jpeg)

⑦「スタイル」から好みの色を選択

エンティティのデザインを変えることができました。
このままエンティティを使用しても問題ないのですが今回は３列のエンティティを使用します。

![画像 (2).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4047632/73e2bc7d-18ba-4441-b99a-358ab80e7b04.png)


⑧エンティティを選択した状態で表示されるプロパティパネルのレイアウトタブから「図形を変更」＞「実体」プルダウンを選択し、４つ目の３列の実体を選択

![画像 (3).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4047632/ff83d3d3-3116-4165-a99e-25c967de8db9.png)

エンティティが３列になりました。

![画像.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4047632/31e5db7d-6862-4ec9-b905-07bbd8047204.jpeg)


⑨エンティティ内の値を直接クリックし、編集

![画像.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4047632/8cfa58df-5cf9-4ce4-afdf-9bba03e93345.png)

すべて修正しました。

![画像.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4047632/db9032e4-3506-495b-8830-55e8f89cde9d.jpeg)

行を挿入したい場合は右クリック　＞「上(下)に行を挿入」を押下

![画像.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4047632/5c93cad9-0380-4052-b8c0-489153495604.png)

すべてのエンティティの作成完了

![画像 (1).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4047632/f1faec3b-6e17-4cc4-aeff-3baae04265a5.png)

⑩リレーションを追加
１対多の場合１側のエンティティの〇にマウスをホバーし、〇が●になったら多側のエンティティにドラッグ

![画像.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4047632/e3fcc146-c522-46e2-b2ea-050704ba4906.jpeg)

![画像.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4047632/4b92d54b-a61c-45d5-b262-10426a09f3e0.png)

※ツールバーでデザインの調整ができます

![画像 (1).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4047632/6bc10f4c-afa5-429d-bca5-1e2d79df5059.png)

すべてのエンティティのリレーションを追加しました。
これでER図の作成は完了です。お疲れ様でした。

![画像 (2).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4047632/5118abf0-f47f-4bab-a9b0-9c03fe859f0a.png)


### ER図の共有の方法

ER図の共有の方法はいくつかありますがここでは２パターン紹介します。
- PDFとしてエクスポート: 
  Lucidchartでは、ER図をPDF形式でエクスポートできます。これにより、クライアントに送信しやすくなります。
  エクスポートするには、Lucidchartのメニューから「ファイル」→「ダウンロード」→「PDF」を選択します。  
  
  ![画像.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4047632/517d6696-f986-491c-8a64-c8c9118cc357.png)


  
  
- 共有リンクを作成: 
  Lucidchartでは、ER図の共有リンクを作成できます。
  このリンクをクライアントに   送信することで、クライアントはブラウザ上でER図を閲覧できます。共有リンクを作成するには、Lucidchartのメニューから「共有」→「リンクを取得」を選択します。
  
  ①右上の共有ボタンを押下
  
![画像.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4047632/c584ae50-e451-406a-ac1d-f2b9f27f18f8.png)

②共有可能なリンクをオンに設定

![画像 (1).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4047632/e95a7842-7310-4869-9a0a-883b48fd7b03.png)

⓷アクセス権を設定

![画像 (2).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4047632/5bf1c40a-b51b-425b-8557-bd4c3166216a.png)

アクセス権の種類は下記の通りです。

- 編集して共有:
このオプションを選択すると、他のユーザーがドキュメントを編集できるように共有リンクを作成します。リンクを知っている人は誰でもドキュメントにアクセスして編集することができます。
- 編集:
このオプションを選択すると、特定のユーザーに編集権限を付与します。リンクを共有するのではなく、特定のユーザーのメールアドレスを指定して、そのユーザーに編集権限を与えることができます。
- コメント:
このオプションを選択すると、他のユーザーがドキュメントにコメントを追加できるように共有リンクを作成します。リンクを知っている人は誰でもドキュメントにアクセスしてコメントを追加できますが、編集はできません。
- 表示:
このオプションを選択すると、他のユーザーがドキュメントを閲覧できるように共有リンクを作成します。リンクを知っている人は誰でもドキュメントにアクセスして閲覧できますが、編集やコメントはできません。

以上、ER図をLucidchartで作成する方法をご紹介しました。
いかがだったでしょうか？簡単に作成できたことと思います。ぜひ学習や業務に活用してくださいね！