EasyEDA ＋ JLCPCB で オリジナル基板をつくる

# はじめに

勉強会イベントでObnizの拡張オリジナル基板をつくるハンズオン資料です。

https://iotlt.connpass.com/event/318852/

https://iotlt.connpass.com/event/319244/

https://iot.obniz.com/

## 「推しらせ、たすかる」プロジェクトのご紹介

https://camp-fire.jp/projects/view/731102

![IMG_4398.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/f2aca3ef-0f59-3e22-b47e-93c95775bbfd.jpeg)

![スクリーンショット 2024-05-14 16.51.58.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/3e5a5268-cbfd-1569-f48f-ddbee40d2952.png)

![スクリーンショット 2024-05-14 16.39.45.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/796a835a-6e22-c470-cd82-a95f06da3404.png)

![IMG_5874.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/a44b5c4a-a64c-25dc-5564-cd1bbf78ba70.jpeg)

![IMG_5877.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/52b0f45e-77ab-6d71-90ac-476e1accc041.jpeg)

![IMG_5878.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/7be2e98d-ef4e-cc0b-7c7e-33c8164f3aef.jpeg)

リターンを製作中で、オリジナル基板を設計して発注します。

![IMG_5926.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/4d2a9a88-e775-7190-1799-1fe885deb1da.jpeg)

![6b82b0f3-1141-8c34-e76d-45c0c2a9d268.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/dadce0ed-4d09-4b43-063f-050de72244fd.jpeg)

![IMG_5927.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/73d179db-f91c-8106-becc-234441cd4e96.jpeg)

![IMG_5946.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/f5d93389-b5ca-c799-9b7c-e022e3a3c126.jpeg)

# 事前準備

アカウントを作成します。

https://easyeda.com/

![スクリーンショット 2024-05-14 15.36.26.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/4312b661-0c20-efc6-39f3-e65b8f74de46.png)

# チームに所属

チームに所属して、メンバー間で基板を共有しましょう。

![スクリーンショット 2024-05-14 15.38.32.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/abb2be43-9767-709c-30dd-1525b19a2751.png)

# ハンズオンの流れ(進め方)

全工程で4時間を予定しています。

プロジェクトの作成 (30分)
　↓
Schematicの作成 (1時間30分)
　↓
PCBの作成 (1時間30分)
　↓
基板の発注 (30分)

![スクリーンショット 2024-05-14 15.40.22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/88a3d463-65a6-1712-51bd-b8d2db70d26d.png)

![スクリーンショット 2024-05-14 21.48.46.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/129c7fcc-7ff2-bc00-a6aa-7b30534b8825.png)

![スクリーンショット 2024-05-14 15.40.48.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/56bcc156-8417-54fa-6ba1-a4d53249b6a0.png)

![2024-04-28_22.54.24.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/01dc7891-4ec0-e6e4-9c26-a83c1694bbf3.jpeg)

## プロジェクトの作成

「Pro Edition」を選択します。
「Project Name」を入力します。
「Create」を選択します。

![スクリーンショット 2024-05-14 15.51.27.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/63247f02-0915-850c-878d-2c60574d389d.png)

「Open in Editor」を選択します。

![スクリーンショット 2024-05-14 15.50.36.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/550d699f-0350-2515-ad1a-eabb278a7e4e.png)

## プロジェクトを開く

ここからハンズオンで操作しながら説明します。

### Schematicの作成

左側パネル「Project Design」の「Page」の「1.P1」を選択します。

![スクリーンショット 2024-05-14 15.56.33.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/6e47d762-a26c-ecc0-5a66-ab0d37fc7972.png)

グリッドのサイズを1.27mm、または、2.54mmに変更します。

![スクリーンショット 2024-05-20 18.20.20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/e2ba2794-9cfa-706b-0ed2-00574d8735a0.png)

コンポーネントを使用して、電子パーツを配置します。
ワイヤーを使用して、電子パーツと電子パーツを接続します。

![スクリーンショット 2024-05-20 18.28.02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/f0266bf9-b72d-01db-1f81-53fee4cb1e73.png)

コンポーネントを開くと、電子パーツの一覧が表示されます。
「Connectors」→「Pin Headers」を選択します。

![スクリーンショット 2024-05-20 18.28.56.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/fe76283f-3323-ea38-0608-f9b856686f24.png)

![スクリーンショット 2024-05-20 18.30.00.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/43036ecf-7f47-943b-631f-f90622608cbb.png)

「Package」は「Plugin,P=2.54mm」を選択します。
「Number of Pins」は12、または、8、または、3、または、2、まはた、1を選択します。
「Apply Filters」を押すと、電子パーツの候補が絞られて表示されます。
該当する電子パーツの「Place」を押すと、電子パーツが配置されます。

![スクリーンショット 2024-05-20 18.33.35.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/efba1114-f0e0-1ef1-e0ec-8c3477a08ec4.png)

「Floating Tool」は「+5V」「GND」「配線しない」を使用します。

![スクリーンショット 2024-05-20 18.43.51.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/e1e82f90-01f0-ce3c-2ca9-266b7a5d5f2c.png)

### PCBの作成

左側パネル「Project Design」の「Page」の「PCB1」を選択します。

![スクリーンショット 2024-05-14 15.57.15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/238c0dde-89a5-e825-67d8-f8da59f6bdec.png)

縮尺(単位)を「mm」に設定します。

![スクリーンショット 2024-05-20 19.02.57.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/e8e0f080-2074-cd4b-5592-7df9e926ffc2.png)

Schematicから電子パーツを取り込みます。

![スクリーンショット 2024-05-20 18.56.27.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/0e54e98f-19b0-933a-0c35-7f0a863ef7aa.png)

基板の外周を引きます。
「Layer」は「11 Board Outline Layer」を選択します。

![スクリーンショット 2024-05-20 19.25.53.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/7c45ed89-1543-ba29-f45e-35630646f108.png)

まずは、ルーラー(ものさし)を引きます。サイズは縦：50mm、横：65mmとします。

![スクリーンショット 2024-05-20 19.23.24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/c0fa9a5a-03c5-dcba-3edb-c0b4151dd3d5.png)

四角い角基板は「Board Outline」を選択しますが、角が尖っているため使用しません。

![image-290.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/34194ad1-2b68-6fb2-2df0-6643481bdfce.png)

角を丸い基板は「Polyline」と「Center Arc」を使用して、外周を引きます。

![100.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/f7f4be10-a468-00f8-df9d-0643d16f7c0c.jpeg)

最初に四隅の角を作成して、その後に直線を引きます。

![image-310.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/25e9c8a6-7886-eb6b-cc70-e33a4fa59f77.png)

![image-311.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/8d74ef7d-76ee-9df3-cb25-35936eac362e.png)

固定穴は「Pad」を使用します。

![image-347.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/d4337c4b-ce41-bafd-3760-4d8060e59ef2.png)

「Property」のサイズを変更します。

![image-354.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/93953c16-8654-22b2-ed9e-ac4b7eff1ed2.png)

電子パーツを配置します。

![パーツ配置.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/f1d09595-07f5-8d99-2745-cec0b27cbd5e.jpeg)

配線(銅線)を引きます。
「Layer」は「1 Top Layer」または「2 Bottom Layer」を選択します。

![スクリーンショット 2024-05-20 19.40.05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/360bcfd0-e240-dffd-2379-8efc770f3533.png)

表面と裏面の表示切り替えは「Flip」を押します。

![スクリーンショット 2024-05-20 19.40.58.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/05a45f48-719f-677c-e299-a495e1a53a64.png)

「Single Routing」を選択して配線を引きます。

![23.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/ae3df1da-0a84-cf87-abae-2d8aa7c877cc.jpeg)

電源(+5V)の線幅は太く(0.254 → 1 mmに変更)します。

![24.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/7d7ec324-832b-f251-9aa2-8c0351d00373.jpeg)

裏面(Bottom Layer)にベタGNDを設定します。
「Copper Area」のアイコン、または、「Place」→「Copper Region」→「Rectangle」を選択します。

![26.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/25ae66cb-7278-9977-f356-b666d2725c19.jpeg)

基板全体の範囲を選択します。

![25_1.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/9936f4a1-7ce9-48ea-596b-cdbca22e7a38.jpeg)

![25_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/782f94f4-770e-139c-81c5-d88d236edc80.png)

文字と画像を入力します。
「Layer」は「3 Top Silkscreen Layer」または「4 Bottom Silkscreen Layer」を選択します。

![スクリーンショット 2024-05-20 19.27.59.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/e10e26f4-fbd8-f92d-2959-10bca395666f.png)

![スクリーンショット 2024-05-20 19.35.23.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/df4ac1e5-2c32-ce24-6619-14bb8f52daae.png)

文字は「Text」アイコン、または、「Place」→「Text」を選択します。

![27.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/822bc09a-0090-bdb9-ae6d-8547caf71f2b.jpeg)

![スクリーンショット 2024-05-31 17.33.04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/9dab230c-0a32-0462-d1a2-4de986ae3f39.png)

画像は「Place」→「Image」を選択し、画像ファイルを選択します。

![21.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/d65f46dc-f3e6-e0bc-8b5a-2b53669542f1.jpeg)

2値化する場合、JPEGファイル形式の方が調整しやすいです。
サンプルとして以下の画像ファイルを使用します。

https://pbs.twimg.com/profile_images/1705580714287345664/YuWIV3dD_400x400.jpg

https://static.camp-fire.jp/uploads/project_version/image/1129760/5f5fc5a9-2341-422d-958f-1f33762b00ff.jpeg

「Tolerance」のスクロールバーを操作して、適当な値に設定します。

![22.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/e522dd35-3071-d3f4-9a79-66346092d238.jpeg)

(任意)製造番号の表示位置を決めることができます。

テキストに「JLCJLCJLCJLC」と入力すると、指定した位置に製造番号が印刷されます。

![JLC_1.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/bd6fe52b-0729-79a3-7fb3-eeb57a268d04.jpeg)

![JLC_2.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/ae327a37-fa7a-e332-b49a-9126f83dbcfa.jpeg)

入力を省略すると、適当な位置に製造番号が印刷されます。

![JLC_3.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/3439e48c-f577-bd02-46d3-083e35b9079f.jpeg)

基板の完成イメージを2D、または、3D表示できます。

![image-294.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/f1344360-7370-1078-b13a-1b23473c2c98.png)

![28.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/f32ff174-f346-e3a1-1f79-a2e28f2f9cf7.jpeg)
![29.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/dc73011c-5e7c-86f9-8603-51fbd35d16bb.jpeg)

### 基板の発注

「Order」→「Order PCB」を選択します。

![30.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/0aff3fb3-9abc-ce1e-72ae-1b2847181490.jpeg)

DRCチェックを行います。(「Yes, Check DRC」を選択します。)

![スクリーンショット 2024-05-31 17.39.49.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/b13b3819-f526-31e8-cbaa-c258be5d6d6e.png)

DRCチェックでエラーが無いことを確認します。(画面の下部)
「Confirm」を選択すると、JLCPCBのサイトへ移動します。

![スクリーンショット 2024-05-31 17.41.24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/471ba9bd-c0b7-1f15-7c73-0d0235d49213.png)

PCB Prototype(デフォルト)を注文する前提で説明します。
好きな基板の色を選択します。色によって製造にかかる日数が異なります。
「SAVE TO CART」を選択します。

![31.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/fcee8506-501a-e142-1d22-3a02d867fda0.jpeg)

SHOPPING CARTへ移動し、注文する基板を選択(チェックボックスを選択)し、「Secure Checkout」を選択します。

![32.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/0a096bb4-5d0d-6bfc-aa70-81cd6c3fb93e.jpeg)

#### 1. Shipping Address

住所情報を入力し、「Continue」を選択します。

![33_1.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/3cf8ed80-3046-35c9-c0a1-05a2c0d26ac4.jpeg)

#### 2. Shipping Method

配送方法を選択し、「Continue」を選択します。
「OCS NEP」を選択すると、「$0.96」で配送されます。

![34_1.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/68bd7457-e266-2a2d-9a79-a36a1e300365.jpeg)

#### 3. Submit Order

「Pay Directly」を選択し、「Submit Order」を選択します。

![35_1.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/30c68c76-56b9-ebe6-7f90-2014f360c2e6.jpeg)

#### Payment

「Credit/Debit Card」を選択し、クレジットカード情報を入力します。(手数料は無料です)
「PayPal」と「Google Pay」は手数料($0.50)が発生します。
「Pay」を選択すると、発注が完了します。

![36.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/6c177666-3530-df53-49bd-de2cd37c0947.jpeg)

## プロジェクトファイルの共有

プロジェクトファイルをチームメンバーと共有する場合、「Transfer」を選択します。

![スクリーンショット 2024-05-20 19.08.25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/17f82fd4-05e8-fd82-5e2b-4df7c4ca0ffd.png)

![スクリーンショット 2024-05-20 19.08.10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/4def2f66-c607-c72a-a142-6d866013a8fd.png)

![スクリーンショット 2024-05-20 19.09.00.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72479/e1ecbebe-f97c-00f5-3a23-eac97e202671.png)

# 参考情報

EasyEDAで基板を雑に作る

https://lang-ship.com/blog/work/easyeda-1/

回路図

https://lang-ship.com/blog/work/easyeda-2/

PCBデザインと発注(角丸、ベタGND、固定穴、シルクスクリーン)

https://lang-ship.com/blog/work/easyeda-3-pcb/

シルクスクリーンをマルチカラーにする

https://lang-ship.com/blog/work/jlcpcb-multi-color-silkscreen/

https://lang-ship.com/blog/work/jlcpcb-color-2/

## その他

https://cha-freeschool.com/easyeda-design-led/

https://kazulog.fun/dev/easyeda-jlcpcb/

https://inajob.hatenablog.jp/entry/jlcpcb-easyeda