ワンボタンキーボードを組み立てて遊んでみた！

# ワンボタンキーボードとは。
　「TOKYO FLIP-FLOP」さんから販売されていて、
　キーボードの１つのボタンとマイコンを使って、
　オリジナルのショートカットキーを作れるというもの。

　先日、技術書典に遊びに行った際に出会いました。
　もともと、キーボードやボタンをカチャカチャ押すのが好きな私。
　世の中にこんなものがあったのか！と言わんばかりに、即購入。

　ようやく組み立てて遊ぶことができたので、
　その一連の流れを備忘録として残しておこうと思います。
## 組み立ててみた。
### まずはキットの中身。
　左上から…
- キースイッチ（1つ：緑軸）
- キーキャップ（1つ：色はランダムらしいです）
- ピンヘッダ（1つ：ピンが14本あります）
- スペーサー（2つ：黒い筒状のものです）
- ねじ（4つ：小さいので失くさないように注意）
- 底板（1つ：ネジ穴が2つ空いている）
- 基板（1つ：マイコンを取り付ける用）
- マイコン（1つ：「DFRobot Beetle」）

<img width="400" alt="キットの中身.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/509076/ae2fc4fa-1fa9-5423-7740-35d4c0355239.jpeg">

### 用意するもの。

- はんだ
- はんだごて
- ペンチ
- マスキングテープ（あると便利）

　はんだはこれを使いました。
[goot 電子工作用はんだ SD-63](https://www.amazon.co.jp/%E5%A4%AA%E6%B4%8B%E9%9B%BB%E6%A9%9F%E7%94%A3%E6%A5%AD-goot-SD-63-%E9%9B%BB%E5%AD%90%E5%B7%A5%E4%BD%9C%E7%94%A8%E3%81%AF%E3%82%93%E3%81%A0/dp/B0029LGANO?ref_=ast_sto_dp)
<img width="200" height="450"　alt="はんだSD63.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/509076/931ad671-bb96-1d19-4bc0-3d870a01d0cc.jpeg">

### 組み立てていく。 
##### ① ピンヘッダを真ん中で折り、間のピンを抜く。
　金色の棒状のもの（ピン）が７本ずつになるように真ん中で折ります。
　手でパキッと簡単に折れました。　　
　折ったら、端のピンを残して、ピンを抜いていきます。（ここでペンチが必要になります）
　抜けにくいピンがあり、苦戦。
<img width="200" height="150"alt="1ピンを折る.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/509076/429bef0e-b83e-addc-5e71-e1b0fa3dc2c9.jpeg">　⇒　<img width="200" height="150"alt="1間のピンを抜く.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/509076/5e9e0dc0-c0c0-1bfd-e703-64b2adfd1c5a.jpeg">

##### ② ピンヘッダを基盤に差し込む。
　ピンヘッダの赤枠で囲った部分を基盤のオレンジで囲った穴に差し込みます。
　この時、基盤は「ウラ」と書いてある方を上にしておきます。
　ピンヘッダの赤枠で囲った部分と囲っていない部分で、
　ピンが突き出ている長さが微妙に違います。私は短い方を差し込みました。
　差すと、右の画像の状態になります。
　基盤の下に見えている丸いのはマスキングテープです。
　作業台として使用しました。
<img width="350" height="200"alt="2ピンを指す前.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/509076/fbd75724-c33d-04da-caa5-9cb3c62340c1.jpeg">　⇒　<img width="280" height="200"alt="2ピンを刺した後.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/509076/c89437a9-ecff-e5f9-e592-913792dc020d.jpeg">

##### ③ ピンヘッダにマイコンを差し込む。
　両脇のピンに合わせて、マイコンをピンヘッダに差し込みます。
　今はピンヘッダを抑えるために差し込んでいるので、あとで外します。
<img width="250" height="200"alt="3マイコンを差し込む.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/509076/e1f5c207-53e1-0def-81ee-5c638e202623.jpeg">　⇒　<img width="250" height="200"alt="3マイコンを差し込んだ.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/509076/427aacad-1571-1098-b4a4-2ba14f02e101.jpeg">

##### ④ マスキングで固定して裏返す。
　マスキングテープを使用してぐるっと一周固定します。
　右下画像の赤で囲った部分にマスキングが被らないように注意し、
　マイコンが下側になるようにひっくり返します。
<img width="250" height="200"alt="4マスキング横から.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/509076/b4b64f9a-1a72-6dc3-75f9-afd84119fa95.jpeg">　⇒　<img width="250" height="200"alt="4マスキング.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/509076/2532f1f5-6595-a870-57d5-fb18f2dd14d6.jpeg">

##### ⑤ はんだ付けの準備。
　はんだ付けなんて中学ぶりなので、うまくできるかドキドキしました。
　はんだごては職場の同僚に借りました。
　熱くなるので、やけどには十分注意してください。
<img width="200" height="200"alt="5はんだ付け準備.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/509076/07375e5e-aa64-5d1a-0450-583877db5f9e.jpeg">

##### ⑥ はんだ付け。（８か所：ピンが出ているところ）
　ピンが出ていた8か所をはんだ付けします。（左下の2か所はちょっと失敗…）
<img width="250" height="200"alt="6はんだ付け８か所.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/509076/764fea9f-8fee-fe44-6bf9-51eece377f6b.jpeg">

##### ⑦ キースイッチを基盤に差し込む。
　マスキングテープとマイコンを外し、
　先ほどはんだ付けを行った面からキースイッチを基盤の穴にしっかりと差し込みます。
　意外と固く、力が必要でした。
　差し込んだところを横から見た感じはこんな感じ（右下画像 ボケてる写真ですみません…）
<img width="300" height="200"alt="7キースイッチ.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/509076/6b1fccf1-ba4f-d0bf-44ac-23f8dc71a2d7.jpeg">　⇒　<img width="250" height="200"alt="7差し込んだ後.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/509076/00f5b396-e17b-cf57-8935-ec7d39dbbf79.jpeg">

##### ⑧ 裏返してはんだ付けをし、ピンにマイコンを差し込む。
　赤丸の部分をはんだ付けします。
　また、先ほど⑦で外したマイコンを再度取り付けます。
　この時、向きに注意してください。
　オレンジ色の四角で囲った部分は、マイクロUSBの差込口です。
　基盤側にも「USB」の文字が記載されているので、
　マイコンのUSB差込口が、基盤の「USB」の文字の上にくるように取り付けます。
<img width="250" height="200"alt="8はんだづけ.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/509076/9feeaf87-17d6-1b15-c229-0e4595e5a24c.jpeg">

##### ⑨ はんだ付けする（８か所：ピンが出ているマイコンの部分）
　赤で囲んだ部分をはんだ付けしていきます。
　マスキングテープで止めると、はんだ付けしやすいです。
　はんだ付けが終わったらマスキングテープを外します。
<img width="250" height="200"alt="9はんだ前edited.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/509076/6cedf67c-7173-de48-907a-afc9ac48be0f.jpeg">　⇒　<img width="250" height="200"alt="9はんだ後.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/509076/cdd89a92-e49b-d348-a55b-21e9534aff66.jpeg">

##### ⑩ 基盤にスペーサーと底板を取り付ける。
　キースイッチのついている方向からネジを差し込み、
　スペーサー（黒い筒状のパーツ）を取り付けます。（２か所）
<img width="250" height="200"alt="10スペーサー1.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/509076/9702b300-fde7-7c79-0a03-616092a556e6.jpeg">　⇒　<img width="250" height="200"alt="10二か所.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/509076/8bf68490-28f6-e859-9fb7-3252ed38280d.jpeg">
　残りのネジと底板を使用して、スペーサーを挟み込むようにネジ止めします。
　下の画像は底の部分を映した写真です。
<img width="250" height="200"alt="10底板.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/509076/e01e41a7-4752-42f9-1ace-7e88a9622fd5.jpeg">

##### ⑩ キーキャップを取り付ける。
　キーキャップを上から押すようにして差し込みます。
　この時、キースイッチについている十字のパーツをキーキャップに差し込むのですが、
　微妙に十字の幅が違います。
　幅が合うよう、よく見て差し込みます。
<img width="480" height="350"alt="11キーキャップ.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/509076/defa998d-ec06-fe59-b7a1-120534e6002b.jpeg">

##### ⑪ ワンボタンキーボード 完成。
　感慨深いです。組み立てが完了し、ワンボタンキーボードが完成しました。
　これで思う存分カチカチできるキーボードが増えました。
　次の記事では、このワンボタンキーボードにプログラムを入れていきたいと思います。
<img width="250" height="370"alt="12完成.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/509076/8256ef54-af72-75eb-edd7-b718858c1fc7.jpeg">

##### ◆ どこで買えるの？
　私は技術書典で購入しましたが、
　なんと、Amazonでも買えます ↓
　[TOKYO FLIP-FLOP ワンボタンキーボード（組立キット） (黒)](https://www.amazon.co.jp/TOKYO-FLIP-FLOP-%E3%83%AF%E3%83%B3%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%AD%E3%83%BC%E3%83%9C%E3%83%BC%E3%83%89%EF%BC%88%E7%B5%84%E7%AB%8B%E3%82%AD%E3%83%83%E3%83%88%EF%BC%89-%E7%99%BD/dp/B07WQPKZQJ)

##### ◆ 組み立てるために参考にさせていただいた記事

- [趣味TECHオンライン様 - ワンボタンキーボードの組み立て方](https://www.shumi-tech.online/entry/2019/04/29/%E3%83%AF%E3%83%B3%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%AD%E3%83%BC%E3%83%9C%E3%83%BC%E3%83%89%E3%81%AE%E7%B5%84%E3%81%BF%E7%AB%8B%E3%81%A6%E6%96%B9)

　今回は趣味TECHオンライン様の記事を参考にワンボタンキーボードを組み立てました。
　私の書いた内容よりもわかりやすく、写真も綺麗なので必見です。ぜひ。
　殆ど同じ内容やないかい！というツッコミは甘んじてお受けします。