はじめてのキーボード BAROCCO MD600 RGB

# はじめに
今までAppleのMagic Keyboardを使っていたのですが、
先輩エンジニアにMint60を使わせてもらって、分離式の自作キーボードに興味を持ったのがきっかけです。

<img src="https://qiita-image-store.s3.amazonaws.com/0/105093/d7075281-b29a-c231-c907-d01f7b95fc07.jpeg" width=70%>

<blockquote class="twitter-tweet" data-lang="ja"><p lang="ja" dir="ltr">mint60。楽しい仕事が捗るヾ(๑╹◡╹)ﾉ&quot; <a href="https://t.co/DA7v6qpdCd">pic.twitter.com/DA7v6qpdCd</a></p>&mdash; いずみーる🐥潤滑油エンジニア@Lancers, inc. (@IZUMIRU0313) <a href="https://twitter.com/IZUMIRU0313/status/1074501705268482048?ref_src=twsrc%5Etfw">2018年12月17日</a></blockquote>


ただMint60を購入しようと思ったが、イベントでしか手に入らないとのことで断念。
※後々調べたら、[BOOTH](https://booth.pm/ja/items/1057414)では買えるっぽい。

またHelixなども検討したが、少々初心者には使いにくそうだったので断念しました。


# BAROCCO MD600 RGB
最終的に自作ではないが、分離式のメカニカルキーボードであるMiSTELのBAROCCO MD600 RGB 赤軸を購入。JIS配列がなかったので、キー配置変更すればなんとかなるだろうとUS配列を購入。

<img src="https://qiita-image-store.s3.amazonaws.com/0/105093/7b138a31-99b1-4655-b8f1-fe3e2b65f20b.jpeg" width=70%>

<blockquote class="twitter-tweet" data-lang="ja"><p lang="ja" dir="ltr">中二病の極みみたいでカッコいい！ <a href="https://t.co/4HhSnHf6VG">pic.twitter.com/4HhSnHf6VG</a></p>&mdash; いずみーる🐥潤滑油エンジニア@Lancers, inc. (@IZUMIRU0313) <a href="https://twitter.com/IZUMIRU0313/status/1075244279432241152?ref_src=twsrc%5Etfw">2018年12月19日</a></blockquote>


# キー配置
JISっぽく方向キーを追加したキー配列の完成形はこちらです。

<img src="https://qiita-image-store.s3.amazonaws.com/0/105093/4c6b19f2-8591-aca6-ee68-7b7a4e40feb3.png" width=100%>

最初はキーボード側のマクロ設定でやっていましたが、Karabinerに任せることに方針変更。

まずレイヤーを1だか2だか3に変更してから設定する。

- 変更不可のデフォルトレイヤーは <kbd>Fn</kbd> + <kbd>M</kbd>
- レイヤー1は <kbd>Fn</kbd> + <kbd><,</kbd>
- レイヤー2は <kbd>Fn</kbd> + <kbd>>.</kbd>
- レイヤー3は <kbd>Fn</kbd> + <kbd>?/</kbd>

※設定が訳分からんくなったら、 <kbd>Fn</kbd> + <kbd>R</kbd> を5秒長押しすると、工場出荷状態にリセットできます。

[ここ](https://pqrs.org/osx/karabiner/)からインストールしたKarabinerのデスクトップアプリで、設定変更します。
方向キー↓は、後ほど設定します。

<img src="https://qiita-image-store.s3.amazonaws.com/0/105093/4982a065-507c-621b-1df0-b203314c12ed.png" width=100%>

また以下のQiitaを参考に、JIS特有の英数/かなの切り替えを設定します。

- [Karabiner-Elementsの本家が「英数/かな」の切り替えに対応したみたい](https://qiita.com/emonuh/items/ba5f12ef459f3a34f83e)

<img src="https://qiita-image-store.s3.amazonaws.com/0/105093/3ad48834-2f51-1154-c775-1d47685d57d5.png" width=100%>

ただし、 <kbd>Fn</kbd> と <kbd>Pn</kbd> はKarabinerでは設定変更できないので、以下で設定変更します。

- <kbd>Fn</kbd> + <kbd>左Shift</kbd> を3秒長押しする
- <kbd>Fn</kbd> を押す
- <kbd>Fn</kbd> を割り当てたいキーを押す

<kbd>Fn</kbd> を他のキーに割り当てると、<kbd>右⌘</kbd> になるので、Karabinerで変更可能です。

- <kbd>Pn</kbd> + <kbd>左Shift</kbd> を3秒長押しする
- <kbd>Pn</kbd> を押す
- <kbd>Pn</kbd> を割り当てたいキーを押す

<kbd>Pn</kbd>を配置変更したので、方向キー↓を割り当てます。

- <kbd>Fn</kbd> + <kbd>右Ctrl</kbd> でプログラミングモードにする
- 変更したいキー（↓）を押してから、出力したいキーを押す（※今回は <kbd>Fn</kbd> + <kbd>K</kbd>）
- <kbd>Pn</kbd> を押す
- 設定が終われば、 <kbd>Fn</kbd> + <kbd>右Ctrl</kbd> でプログラミングモードを終了する


# キーキャップ
[Massdrop](https://www.massdrop.com/home)や[AliExpress](https://ja.aliexpress.com/)、[NovelKeys](https://novelkeys.xyz/)などを見て、欲しいキーキャップを選定しました。
最終的に、Varmiloの肉球キーキャップと透明のキーキャップ（BATTLE DRAGON）を購入。

<img src="https://qiita-image-store.s3.amazonaws.com/0/105093/f3659f55-a61f-4933-6e85-a07ddb15b140.png" width=50%>

<img src="https://qiita-image-store.s3.amazonaws.com/0/105093/2281d2e4-3ab5-fa59-efe6-87b27ee9429e.png" width=100%>

ひとまず完成です　🎉

<blockquote class="twitter-tweet" data-lang="ja"><p lang="ja" dir="ltr">キーキャップはめてみた！！色々思う部分はあるけど、まあ良しとして寝る。 <a href="https://t.co/4SXk2tPS6m">pic.twitter.com/4SXk2tPS6m</a></p>&mdash; いずみーる🐥潤滑油エンジニア@Lancers, inc. (@IZUMIRU0313) <a href="https://twitter.com/IZUMIRU0313/status/1079101485638504448?ref_src=twsrc%5Etfw">2018年12月29日</a></blockquote>


ずっと光っているのは正直恥ずかしいので、タイピングしたキーが様々な色に光るようにしています。
<kbd>Pn</kbd> + <kbd>4</kbd> とか <kbd>Pn</kbd> + <kbd>5</kbd> で簡単に色変更できます。

<blockquote class="twitter-tweet" data-lang="ja"><p lang="et" dir="ltr">Qiita用。BAROCCO MD600 RGB。 <a href="https://t.co/PZjxw4hr8B">pic.twitter.com/PZjxw4hr8B</a></p>&mdash; いずみーる🐥潤滑油エンジニア@Lancers, inc. (@IZUMIRU0313) <a href="https://twitter.com/IZUMIRU0313/status/1080845227412283393?ref_src=twsrc%5Etfw">2019年1月3日</a></blockquote>


# 感想

キーボードにしてもキーキャップにしても、奥が深いんだなーとしみじみ思いました。
まだ自作キーボードデビューはできていないので、来月くらいに何か作ってみようかなと思います。

あとキーキャップ愛がすごく増したので、3Dプリンター買って作ってみたいなーとも思っています。

<img src="https://qiita-image-store.s3.amazonaws.com/0/105093/e6270449-779d-8bb9-2cfd-a38746c352ff.png" width=70%>

<img src="https://qiita-image-store.s3.amazonaws.com/0/105093/ee2e6769-26bf-2121-aacd-3dbee3818a07.png" width=70%>

<img src="https://qiita-image-store.s3.amazonaws.com/0/105093/075b6bad-a1cf-b541-7717-614245b5534b.jpeg" width=70%>


# 参考記事
- [ぼくのBAROCCO MD600キー配置](https://qiita.com/Takuan_Oishii/items/0f7a0d278980265b69a5)
- [Baroccoキーボード設定 (for Mac)](https://qiita.com/khiri-co/items/2e509be9ad94f09b3be9)
- [MiSTEL Barocco MD600 Setting](https://qiita.com/hakaicode/items/8569e58ce61385ff5fa5)
- [MacBook Pro 2016 + Soerra で MiSTEL Barocco キーボード](https://qiita.com/t9md/items/9bc551bf2c7ce7aa68f2)
- [Karabiner-Elementsの本家が「英数/かな」の切り替えに対応したみたい](https://qiita.com/emonuh/items/ba5f12ef459f3a34f83e)