自作キーボード入門してみた

こんにちは。
最近、社内のLT会で自作キーボードに入門したことについて話したので、せっかくなのでQiitaにも書いてみます。
この記事を読むと、自作キーボードに入門する際の進め方などが何となくわかるかと思います。

---
## やろうと思ったきっかけ
転職前に3週間ほど夏休みがあり、暇だった。
![ocean_bed.png](https://qiita-image-store.s3.amazonaws.com/0/152779/5769753a-70c9-628f-5196-8182282b2567.png)

---
たまたま出かけた、Maker Faire Tokyoにて運命的な出会い
[Maker Faire Tokyo 2018 | Make: Japan](http://makezine.jp/event/mft2018/)

---
## Helix キーボードキット
* LEDがカラフルだし、左右分かれてるしめちゃくちゃかっこいい
* 作成キットならば、半田付け等の経験が多少あれば何とかなるらしいのでこれに決定！
![YKB0002-1.jpg](https://qiita-image-store.s3.amazonaws.com/0/152779/38e0f585-aeec-9e6e-c31d-76c872e0084b.jpeg)

[Helix キーボードキット | 遊舎工房](https://yushakobo.jp/shop/helix-keyboard-kit/)

---
## 買ったもの
* Helix キーボードキット
    * アクリル5行版キット(バックライト)両手セット
    * 基盤やLEDなど、必要なものはだいたいセットに入っている
<img width="431" alt="スクリーンショット 2018-10-07 16.26.28.png" src="https://qiita-image-store.s3.amazonaws.com/0/152779/e1a4fd53-59d0-d7b2-46fd-0e7fca9648cc.png">

---
## 買ったもの
* キースイッチ  85個 from [KBDfans](https://kbdfans.cn/) (多分China)
![33ffae0206d3c7cd1aadac09875e5e96_92172bb9-247b-4e09-8981-58f192057027_1800x1800.jpg](https://qiita-image-store.s3.amazonaws.com/0/152779/6ae4a06b-85b8-f5f4-d30d-61761562d451.jpeg)


---
* 先に9種類のキースイッチが入ったお試しセットで押し心地を確かめた後で購入

<a href="https://www.amazon.co.jp/gp/product/B074QGY7SN/ref=as_li_ss_il?ie=UTF8&psc=1&linkCode=li3&tag=inuneko690121-22&linkId=aec861f21c4fef6ad5a678e097e65092&language=ja_JP" target="_blank"><img border="0" src="//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=B074QGY7SN&Format=_SL250_&ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=inuneko690121-22&language=ja_JP" ></a><img src="https://ir-jp.amazon-adsystem.com/e/ir?t=inuneko690121-22&language=ja_JP&l=li3&o=9&a=B074QGY7SN" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />
(LeaningTech キースイッチ メカニカルキーボード キーカップ キーカバー Cherry MX (9軸))

---
## 買ったもの
* キーキャップ from [aliexpress](https://ja.aliexpress.com/item/104-ansi-pbt-oem-MX-PC/32852365901.html) (China)
    * HelixはLEDが付いたキーボードなので、透過性が高いものを購入
    * Helixは正方形のキーキャップしか使用できないので、その点は注意
<img width="631" alt="スクリーンショット 2018-10-07 16.29.18.png" src="https://qiita-image-store.s3.amazonaws.com/0/152779/808e0093-7d3f-91ae-ed41-63fd3160845c.png">



---
## 買ったもの
* 各種工具

 
| 温度調整半田ごて | エンジニアマイキット | グルーガン | テスター |
|:-----------------|------------------:|:------------------:|:------------------:|
| <a href="https://www.amazon.co.jp/gp/product/B076KMS5CV/ref=as_li_ss_il?ie=UTF8&psc=1&linkCode=li2&tag=inuneko690121-22&linkId=1208579a7e8660b987634b5657ad7f57&language=ja_JP" target="_blank"><img border="0" src="//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=B076KMS5CV&Format=_SL160_&ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=inuneko690121-22&language=ja_JP" ></a><img src="https://ir-jp.amazon-adsystem.com/e/ir?t=inuneko690121-22&language=ja_JP&l=li2&o=9&a=B076KMS5CV" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />     |       <a href="https://www.amazon.co.jp/gp/product/B000TGFO8S/ref=as_li_ss_il?ie=UTF8&psc=1&linkCode=li2&tag=inuneko690121-22&linkId=c86382c71cf564128d8d93ab52b9ac20&language=ja_JP" target="_blank"><img border="0" src="//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=B000TGFO8S&Format=_SL160_&ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=inuneko690121-22&language=ja_JP" ></a><img src="https://ir-jp.amazon-adsystem.com/e/ir?t=inuneko690121-22&language=ja_JP&l=li2&o=9&a=B000TGFO8S" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /> |    <a href="https://www.amazon.co.jp/gp/product/B073Q12ZQ1/ref=as_li_ss_il?ie=UTF8&psc=1&linkCode=li2&tag=inuneko690121-22&linkId=6f8a6f3fdfdd77bf95275143565113bc&language=ja_JP" target="_blank"><img border="0" src="//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=B073Q12ZQ1&Format=_SL160_&ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=inuneko690121-22&language=ja_JP" ></a><img src="https://ir-jp.amazon-adsystem.com/e/ir?t=inuneko690121-22&language=ja_JP&l=li2&o=9&a=B073Q12ZQ1" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />   | <a href="https://www.amazon.co.jp/gp/product/B0751718X2/ref=as_li_ss_il?ie=UTF8&psc=1&linkCode=li2&tag=inuneko690121-22&linkId=d7af15f99d0a513ccb541d1b540a78f5&language=ja_JP" target="_blank"><img border="0" src="//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=B0751718X2&Format=_SL160_&ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=inuneko690121-22&language=ja_JP" ></a><img src="https://ir-jp.amazon-adsystem.com/e/ir?t=inuneko690121-22&language=ja_JP&l=li2&o=9&a=B0751718X2" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /> |

などなど

* 買ったものはこちらを参考にさせていただきました。[自作キーボードHelixビルドログ - yamaken1343’s blog](https://yamaken1343.hatenablog.jp/entry/2018/06/28/221802)


---
## かかった費用
* helix kit … ¥ 12,000 
* 工具 ... ¥ 15,000
* キーキャップ … ¥  2,000
* キースイッチ … ¥ 6,000

---
## かかった費用合計 … ¥ 35,000 (でも楽しかったので実質0円)

---
## 下記のサイト等を参考に、いざ実装へ
* [流行りの分割キーボード Helix を作った - はのちゃ爆発](http://hanocha.hateblo.jp/entry/2018/03/24/200514)
* [自作キーボードHelixビルドログ - yamaken1343’s blog](https://yamaken1343.hatenablog.jp/entry/2018/06/28/221802)
* 
[Helix 組み立て(1) - 日々のメモ](http://emizping.hatenablog.com/entry/2018/02/12/161033)
* [自作キーボードDiscord](https://discordapp.com/invite/NM7XtDW)
(詳しい人がたくさんいるので色々聞ける。自分はキースイッチ選びの際アドバイスをいただきました)

--- 
## やった作業①
* 半田付け
    * ダイオード (64個 * 2箇所 = 128箇所)
![IMG_1744.JPG](https://qiita-image-store.s3.amazonaws.com/0/152779/59c2ae29-aa75-09ca-9dd6-e7975d5d34b6.jpeg)

--- 
## やった作業②
* 半田付け
    * LED (64個 * 4箇所 = 256箇所)
![IMG_1746.JPG](https://qiita-image-store.s3.amazonaws.com/0/152779/8e1eba6a-4c9b-e26d-8403-292b695f32d7.jpeg)



--- 
## やった作業③
* 半田付け
    * キースイッチ (64個 * 2箇所 = 128箇所)
![IMG_1748.JPG](https://qiita-image-store.s3.amazonaws.com/0/152779/d69fbbcf-427d-4738-823e-6d49c42cf45f.jpeg)



--- 
## やった作業④
* 半田付け
    * Arduino pro microや各種スイッチなど (50回箇所くらい)
![IMG_1763.JPG](https://qiita-image-store.s3.amazonaws.com/0/152779/87a1b4bd-595b-190e-069a-c49bfcac821a.jpeg)


--- 
## 半田付け 合計 550 箇所くらい
![IMG_1761.JPG](https://qiita-image-store.s3.amazonaws.com/0/152779/cc92c57d-d951-243c-29fd-c85557941b87.jpeg)

---
## やった作業⑤
* 部品の追加調達
    * pro microの半田付けに失敗したので追加で購入 (@ 秋葉原のaitendo)

---
## やった作業⑥
* 半田付け(デバッグ)
![IMG_1701.JPG](https://qiita-image-store.s3.amazonaws.com/0/152779/26affcc7-6bf8-a247-b76f-4385049fd3ac.jpeg)

---
## やった作業⑦
* 組み立て (キーキャップ付け・ネジ締め等)
![IMG_1750.JPG](https://qiita-image-store.s3.amazonaws.com/0/152779/14e06eb1-2378-315d-cb2a-b3d923c5461f.jpeg)

---
## とりあえず完成！！！
![IMG_1757.JPG](https://qiita-image-store.s3.amazonaws.com/0/152779/6ebbbcb1-d69d-b309-c18b-15b66e246b6c.jpeg)

---
## かかった時間
| やったこと                               | 作業時間   |    期間    |
|:--------------------------------------|:---------:|:---------:|
| helixキットの購入                         | 1時間     | 2日       |
| キーキャップ, キースイッチの購入(from China)  | 4時間      | 20日     |
| ハンダ付け・組み立て・デバック作業             | 20時間     |          |
| 合計                                   | 25時間     | 約1ヶ月   |

---
## これで終わりじゃなかった！！！

--- 
## さらにやった作業
* 理想のキー配列の設定 … 2時間
![IMG_1743.JPG](https://qiita-image-store.s3.amazonaws.com/0/152779/6ecb1c67-6e85-e9cb-b3ac-3e5b4323d77d.jpeg)

---
## さらにやること
* キー位置を覚えるためのタイピング
![computer_blindtouch.png](https://qiita-image-store.s3.amazonaws.com/0/152779/84d641e3-a71b-c774-46d0-f0133aacb162.png)


---
## まとめ
* Helixのキーボードめちゃくちゃカッコいい
* 作り終わった時の達成感とワクワク感凄い
* ハードウェアのことに少し詳しくなる
* ただ、半田付けとかは結構大変

---
## 人はなぜ自作キーボードを作るのか(余談)(個人的見解)
**ぼくがかんがえたさいきょうのきーぼーど**
が欲しいから
![最強.png](https://qiita-image-store.s3.amazonaws.com/0/152779/bd3e7bf7-d299-d562-8263-6a963ade2df9.png)

---
* Helixキーボードキットの画像使用を許可していただいた、遊舎工房さん、ありがとうございました！
* 面白そうと思った方は、是非自作キーボードに入門しましょう！