これからの回路図は Upverter で書くことにしよう

## 概要
回路図は何で書けばいいか。使いにくい、進歩しない Eagle を使い続けていいのだろうか。

## はじめに
<a rel="nofollow" href="http://www.amazon.co.jp/gp/product/B00ISMZMX2/ref=as_li_tf_tl?ie=UTF8&camp=247&creative=1211&creativeASIN=B00ISMZMX2&linkCode=as2&tag=exabugs-22">トランジスタ技術 2016年 2月号</a><img src="http://ir-jp.amazon-adsystem.com/e/ir?t=exabugs-22&l=as2&o=9&a=B00ISMZMX2" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />で、Upverter という CAD が紹介されています。
<a href="https://tools.upverter.com/" target="_blank">https: //tools.upverter.com/</a>

 - 無料
 - インストール不要。ブラウザで動作する。Mac/Win 対応。
 - 操作が簡単。
 - 部品が大量に揃っている。(120万点?)
 - 公開プロジェクトは制限なし。
 - 基板サイズ・層数・端子数 は無制限で使用可能。
 - SNS 的な要素を含む。

2時間程度操作してみて、かなり良さそうだったので、もう、Eagle はやめることにしました。

ESP8266 (WROOM02) も、既に登録されていました。(データシートのリンクが秋月を指していたので、日本人が登録したのかも)

## Eagle (今まで)
![LCD0802.png](https://qiita-image-store.s3.amazonaws.com/0/69410/bf2615a2-60a9-8748-7d9a-a348dd7d91b3.png)

## Upverter (これから)
![WROOM02-8x2LCD.png](https://qiita-image-store.s3.amazonaws.com/0/69410/416eb676-851a-98ec-4a18-c6aad014bf49.png)


## HelloWorld
最初の部分が分かりづらいので手順を示します。

認証をTwitter等と連携できます。連携がいやなら、新規に作成してもいい。
![スクリーンショット 2016-01-31 10.28.23.png](https://qiita-image-store.s3.amazonaws.com/0/69410/88164788-aadf-4b2d-17fc-6f4a7a03563b.png)

アカウント作成時、**電話番号**を入力する必要があります。
ここは、適当な番号でもいいかもしれない。(自分はバカ正直に、固定電話を +81 つけて入力しました。)

ログインすると、ようこそ的な画面になりますが、ここが**ハマりポイント 1**。
MackBookAir 11インチ だと、画面が見切れていて、最下部にある「Continue」が押せない。というか、そもそも、ボタンの存在に気づかない。
ブラウザを最大化すると、運が良ければ、ボタンが見えるかもしれない。
![スクリーンショット_2016-01-31_10_15_51.png](https://qiita-image-store.s3.amazonaws.com/0/69410/f485658e-c145-1df5-7fe6-84859b944e9f.png)

やれやれ、やっとボタンが押せたら、最初のサンプル回路が開く。ここは砂場(Sandbox)なので適当にいじってみる。
いじることに満足したら、そろそろ、自分の回路を作成したくなるが、~~ここが**ハマリポイント 2**。
メニューのどれを押せばいいかわからないし、どれを押しても違う。
一番左上の「upverter」を押せば良い。~~ Project メニューを押せばよい。(下記のコメントにあるように 7of9さん の要望で Project メニュー が登場したのかも!! 02/01)
![スクリーンショット 2016-02-01 13.17.54.png](https://qiita-image-store.s3.amazonaws.com/0/69410/814906b3-c431-f48f-1eaf-36178a3651ed.png)
![スクリーンショット 2016-02-01 13.18.29.png](https://qiita-image-store.s3.amazonaws.com/0/69410/041803bd-31a0-583b-4e1a-395ec78f9386.png)



やっと最上位のプロジェクト管理画面にたどり着いた。
「Create New Project」を押せば、新規にプロジェクトが作成される。
回路図/基板パターン等、合わせて一つの**プロジェクト**として管理される。
公開プロジェクトは無制限。プライベートなプロジェクトは２個まで。
![スクリーンショット_2016-01-31_10_19_46.png](https://qiita-image-store.s3.amazonaws.com/0/69410/4f4e8d55-1e40-2039-b316-0776d3c6cc0d.png)

上記の回路図 (AQM0802 8x2LCD) を、以下で公開します。(Github的にforkができそうですね。)
<a href="https://upverter.com/exabugs/4643e18d28a46ef0/
" target="_blank">https: //upverter.com/exabugs/4643e18d28a46ef0/</a>



Let's enjoy Upverter!


## 部品一覧
使用している部品の一覧も、わかりやすく一覧で表示されています。

![スクリーンショット 2016-01-31 11.24.29.png](https://qiita-image-store.s3.amazonaws.com/0/69410/1c903da6-597e-087d-d939-af78f993b4b3.png)

## 出力形式
Upverter は、多くの出力形式に対応している。

 - ~~2016/02/29 Private プロジェクトでは、PNG 画像のエクスポートが必ず失敗する。一旦、Public プロジェクトにすれば、エクスポート可能になる。~~ 03/01 バグ報告したら速攻で修正された。

![スクリーンショット 2016-01-31 3.16.33.png](https://qiita-image-store.s3.amazonaws.com/0/69410/7964dc3d-2eac-8174-a17a-51779a0275d0.png)
![スクリーンショット 2016-01-31 3.17.29.png](https://qiita-image-store.s3.amazonaws.com/0/69410/180b96a6-367d-2e3f-019f-3cad4a98d123.png)
![スクリーンショット 2016-01-31 3.17.56.png](https://qiita-image-store.s3.amazonaws.com/0/69410/1bb81add-1342-63d9-7314-4f99fe211939.png)

![スクリーンショット 2016-01-31 3.19.25.png](https://qiita-image-store.s3.amazonaws.com/0/69410/c6995462-a08c-7175-a16f-748660728604.png)

## 使用感

 - Upverter はWebベースなので、エディタが開くまでに、けっこう待たされる。
 - シンボル等の配置は自由にできるが、しかし、整列機能がないので、キチッとしたいA型の人は、モヤモヤするだろう。
 - Mac の MagickMouse の場合、拡大・縮小が敏感すぎてイライラする。<br>→ 人差し指はマウスのエッジギリギリに置くようにすれば、過敏に反応しない。
 - それでも、Eagle よりは、よさそう。
 - Eagle は取説を読まないと絶対わからないが、Upverter は弄っていればそのうちわかる。

## おわりに
 - ここで操作方法をまとめていこうと思います。(まとめるほど難しくないが)
 - 基板設計はまだ未経験なので、近々、試す。
 - KiCad てやつもよさそう？