EasyEDA Pro Online 版を使う その4 PCBを作成する

「EasyEDA Pro Online 版を使う その1 Schematic」
https://qiita.com/nanbuwks/items/106caabb9dc36f09fa5d
「EasyEDA Pro Online 版を使う その2 パーツを選ぶ」
https://qiita.com/nanbuwks/items/903c52cf4a56160e2930
「EasyEDA Pro Online 版を使う その3 デバイスライブラリを作成する」
https://qiita.com/nanbuwks/items/96ba4c0b57bd644b6989

と進めてきましたが、次に PCB を作成します。


:::note
2024/10/16 追記
EasyEDA 記事の記事一覧を作りました。併せてご覧ください。

#「EasyEDA Pro を使ってみよう！ 記事 index」

https://qiita.com/nanbuwks/items/1832e7dd815be5675a52
:::


# 使用するデータ

Schematic で作った以下のデータを読み込みます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/c40168dc-afe2-2eab-2916-81013590123f.png)


# PCB エディタを開く

メニューから、それっぽいのを押すと

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/0cc1fc99-3143-a368-477d-e48287707b6d.png)

初期画面。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/307dd231-1a4e-8a5c-0f16-1ff01529696f.png)



![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/9bec4a50-b2e2-8752-a553-0ce43a4af8a0.png)
「Design」-「Import Changes from Schematic」またはボタン![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/535fe331-5392-7c7a-794e-51a588fe953b.png) を押すと、回路図のパーツが読み込まれます。



![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/5c539eeb-01e4-b4e1-3262-fabf2815f789.png)


# 設定

最初に、細々と設定をしておくのがオススメです。

## ドラッグ設定

パーツをドラッグした時に、ワイヤーもくっついてくる設定にします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/eb85c71d-a470-0e0c-20ed-d6c3f1e8bb5f.png)

## 配線設定

配線を行う時に、押しのけ配線が有効になるようにします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/10efe359-e248-2e41-0686-9316daab5823.png)

なお、押しのけ配線はかなり精度が悪いので注意しながら使う必要があります。詳しくは後ほど。

## クラッシュ対策

たまに、ブラウザがハングアップするときがあります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/94094db6-7054-955b-39c6-937f806cfe00.png)

それに備えて、自動保存や手動保存を活用しましょう。自動保存は Schematic で設定していれば、PCB エディタでも有効になります。


## 配線幅設定

「Settings」-「PCB/Footprint」-「Common Track Width Setting」で登録済みの配線幅が表示されます。自分は最近のお気に入りである 0.16mm 幅を追加登録しました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/eb9f9781-c348-588a-12cc-ebcbc644a986.png)


# 配置

大体のレイアウトを考えながらパーツを配置します。
自分はグリッドを 1mm 単位にして配置しています。
回路図で、対応する部品を表示するやめに回路図を同時に表示しておくと便利です。
以下は 「View」-「Window Arrangement」-「Tile Vertically」としたときの画面です。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/a784df81-39ef-bb35-e960-7d09910adebf.png)

Document Layer などを使って中心線や補助線を描いてみます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/30418b8f-d035-e18c-6591-667e6db398a9.png)


## シルクの扱い

パーツはスペースで回転しますが、シルクも一緒に回転してしまいます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/76779c4c-4798-bd86-e838-c84087f53be8.png)

いちいち直していくのもめんどくさいですね。DocumentLayer に配置して表示しないようにするのもいいですね。


# 配線

グリッドを細かくして配線をしていきます。
自分は 0.1mm グリッド設定で配線しています。
配線はこのアイコン

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/a2dd9b7b-4049-0649-7abb-63f96ce277da.png)

または 「Alt」+「W」キーで配線となります。ショートカットは Alt が必要な感じ。


## 配線幅

太さはメニューで変更しても反映しないのでおかしーなーと思ったら、「Follow Rule」のチェックを外す必要がありました。



![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/4a750ae4-fd33-fde6-6faf-847f55cbd8c1.png)

Shift+W ショートカットでも線幅を設定できます。


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/ed286538-55d2-9a4f-acb6-f0427a58cedd.png)

## VIA

ダブルクリックするとVIAが作られ、ウラ面で配線ができるようになります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/e46798e0-927c-c552-1548-39e5ec3bdaf1.png)


ライン描画中に shift + V で VIA のサイズを設定できます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/cb441f8a-e667-349f-78f3-450c2208e1c2.png)

## ラインだけ選択

パーツの下側の配線をするときなどは、配線を編集したいのにパーツが選択されてウザいです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/41ddbaf3-004e-444a-cfc1-7e096120c2f8.png)
そんなときは何もないところで右クリックで「Filter」-「Net」などと設定しておくと作業しやすくなります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/214d3c08-e9a6-19d8-2621-ed6853f2de55.png)
パーツを選択できなくなるので、適宜戻しておきましょう。

なお、自分は「Net」だとパッドをドラッグして位置がずれてしまうのがャなために、「Net & VIA」というFillter設定を追加しています。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/768194e6-7288-258e-3c6c-1cc1d5ae29ea.png)

パーツの位置がほとんど決まって、あとは配線だけというときにはコンポーネントをまるごとロックしてしまうやり方もあります
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/54a8bd59-59bd-ca31-42a6-89e113a08e2b.png)

上のようにしたあとに Ctrl+A でコンポーネントを全て選択、
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/c94f4d54-a883-62e5-0e3e-2cc3b465dfa7.png)
PropertyでLockし、その後FilterをAllにして作業をします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/ef3ac7da-4a3d-e518-b419-89b3a6a44600.png)

Lockを解除するには「Edit」-「Unlock All」。


## Auto Route
ある程度手配線をしてから　Auto Route してみました。


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/2ac1912a-4635-c041-ba37-32faf6d72970.png)

上記のように鳴ったので少し手直しをしようとしたのですが、ワイヤーの線分のみ削除ができませんでした。
結局バックアップから Auto Route 以前のものに戻しました。
ちょっと使いどころに工夫がひつようぽいです

## 押しのけ配線

初期設定で押しのけ配線を有効にしましたが、立て込んでくるとむちゃくちゃな配線をし始めます。
一度絡まるとリカバリーが大変なので、慎重にゆっくり配線していきます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/99e4e7a5-e7c4-e2eb-0281-930efa2ca423.png)

配線しているところから離れた、思いもかけないところが絡まったりするので、途中経過をマウスクリックで確定ぽくしながら進めていくのがオススメです。

# 基板外形を決めて、ベタGNDを設定する

レイアウトに合わせて基板外形を描きます。


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/25e72fc4-8201-7990-d359-3a0126b843b1.png)


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/a347b034-055f-9514-2fdb-16f893acdb5a.png)

サイズを測るのは以下のアイコンです。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/35da8eb0-a9d5-7b8f-a7c3-3a7b3e972175.png)



ベタGNDは、「Place」-「Copper Resion」で設定します。


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/5740acb2-8d87-f4f8-0cab-74f08462754c.png)


GND パターンを確認したうえで仕上げをしていきますが、ルーティング時にベタは可視化されているとジャマなので、表示をOFFにします。cupper Layer をクリックした状態で Shift+M でスイッチできます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/fabb6795-1ef4-c432-80c5-7b9844c36c8c.png)

# レイヤを指定

編集対象を表面、裏面で頻繁に切り替える必要があります。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/b05526f8-b741-bcaa-742e-5c5410497ebd.png)


画面右側の Layer タブで表示すれば切り替えることができますがめんどくさいですね。


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/f7f00b7b-ac7e-49b5-1d2d-2f9c4acbb2dc.png)

3ペイン表示もできますが、レイヤ表示はすぐに消えてしまうので使いづらいです。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/5c329bfa-4f19-69cd-f573-d794e6bbb5e6.png)

PCB エディタの下部に Layer Bar を表示させて操作するのが便利です。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/de1b6010-685d-b78e-9b6d-9a7d2b159fa6.png)

なれてきたら、キーボード・ショートカットを使ってみましょう。

「Alt」+「T」、「Alt」+「B」 で切り替えです。

KiCad では、配線は Netlist に対応していましたが、EasyEDA ではパッドに接するところに従属するようです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/be4dfc67-c2bc-ae2c-f7b9-b69b2c23e317.png)
パーツを回転すると 配線の VCC/GND がそれに従います。 個人的にはこちらのほうが使いやすいと感じます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/4e489ecd-b6a2-f773-538d-e4722b40972e.png)

# キーボード・ショートカット

ALT を使います。


- ALT + W 配線
- ALT + T トップレイヤ
- ALT + B ボトムレイヤ
- SHIFT + V VIAサイズ
- SHIFT + W 配線幅
- SHIFT + M ベタの表示/非表示 

# Tips

## スクロール

パーツなどをドラッグしてもスクロールしないのでとても使いづらいです。
マウスの中央ないしみボタンドラッグするのが最も簡単かな?


## ゴルディアスの結び目

ほどくのはあきらめて、さくっと断ち切って削除するのが早いです。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/92bd61f3-484e-9625-91ec-b919cc9b2b57.png)

## 過去の履歴から復元

「File」-「Cache Recovery」

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/f8ca192d-03aa-c4fe-7e20-820745b86e88.png)

## ネジ穴やロゴを追加

別記事にまとめました

→「EasyEDA Pro Online 版を使う その5 ネジ穴やロゴをパーツとして追加する」
https://qiita.com/nanbuwks/items/78856d1e734471064e18


## 全てのNETのセレクト
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/db0de323-a891-2d4b-0aae-bb811a9d2066.png)
1つの線分を選択すると、すべてのAGNDが選択されてしまう。このようなときは、Filter の Net を外す

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/1f659f37-9c66-b106-114b-e958a7f32ab9.png)

# DRC

大体配線できたら Design Rule Checker をかけます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/2244c835-af60-1f08-2baa-37ffc61a1436.png)

うぇっ！

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/3e2ddd2a-e003-e057-d3f4-a3caab2df225.png)

これはベタGNDを更新していなかったために干渉した結果です。

ベタを SHIFT + M で表示します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/63ed3b1f-b466-1d32-c315-9c97e11d88d9.png)

ベタをクリックすると右側メニューに表示される「Rebuild Copper Region」を押して更新します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/dcd621e7-919c-5423-8080-e2f0b59b5880.png)

更新は表側、裏側両方必要ぽいです。