MacBook Pro（Mid 2019）を買ったので環境構築する

# 自分用メモですよ
10月からデジハリのUI/UXD専科に通うので、MacBook Proを買いました。
＼＼\\٩( 'ω' )و //／／

本記事は定期的にメンテしていこうと思います。
あとから「やっておけばよかった」的なネタが出てきたら随時追加していきます。

# 0. スペック

* Macのスペック
  * MacBook Pro (13-inch, 2019, Two Thunderbolt 3 ports)
  * macOS Mojave 10.14.6
  * Z0W5000BV USキーボード仕様 カスタマイズモデル


* 筆者の属性
  * Web系
  * 英字配列キーボード
  * Vimmer


# 1. キーボード入力周り

## 1-1. システム環境設定キーボード

<img width="668" alt="スクリーンショット 2019-09-24 23.54.58.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/223109/ef4a2bc4-a4c2-9678-94a8-921af08e44ac.png">

- 「キーのリピート」「リピート入力認識までの時間」を速い/短いにする

<img width="668" alt="スクリーンショット 2019-09-25 0.01.07.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/223109/3f23c80a-133d-57c4-da8c-45fc8c5a8f1c.png">

### おせっかい機能をオフる
  * 「文頭を自動的に大文字にする」をオフ
  * **「スマート引用符とスマートダッシュを使用」をオフ（超重要）**

半角シングルクォート`'`と半角ダブルクォート`"`を、全角引用符`‘`と全角ダブル引用符`“`に勝手に変換する 超絶ありがた迷惑機能を屠ります。
この機能のせいで、CSVファイルがパースエラーになったりデータが壊れたり、何度もひどい目に遭いました。速攻で無効化しましょう。


## 1-2. Google日本語入力
<img width="525" alt="スクリーンショット 2019-09-25 0.13.04.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/223109/6f466466-41b1-5ff5-8683-b02f1bbac8ca.png">

* 「スペースの入力」は半角
* 「¥キーで入力する文字」はバックスラッシュ

### Macの入力ソースからUSを消す
入力ソースをGoogle日本語入力だけにしたいのですが、そのまま消そうとしても消えない仕様になっています。以下の手順を踏むと消せます。
<img width="668" alt="スクリーンショット 2019-09-25 0.25.42.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/223109/c4bf2691-f405-9b58-9f80-9a3811c99cff.png">
<img width="668" alt="スクリーンショット 2019-09-25 0.27.17.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/223109/d9103673-9c06-8ebb-d834-31dcd52fa3d0.png">

1. 「日本語」を選択して、設定の入力モードの「英字」にチェックを入れる
2. 「US」の-が有効化されて消せるようになる
3. 「日本語」を-で消す






## 2. アプリ
## 2-1. Karabiner

[Karabiner-Elements 12.6.0](https://pqrs.org/osx/karabiner/) で Macのキーバインドを変更します。

### `右コマンドキー`+`hjkl`でvimライクな操作をする
<img width="1000" alt="スクリーンショット 2019-09-25 0.34.08.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/223109/1a1c175b-382b-a844-3472-06d6dfc7cb12.png">

### `Caps lock`を`右Controlキー`に変える
<img width="1000" alt="スクリーンショット 2019-09-25 0.38.12.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/223109/443812d0-c139-e330-89e4-408d49ecc970.png">
ついでに、前述のvimライクな矢印操作は`右コマンド` + `hjkl`で右手が渋滞気味で操作しづらいので、`左コマンド`と`右コマンド`を入れ替えました。
これで`左コマンド`+`hjkl`で矢印操作ができるようになりました。:metal:

### 2-2. Alfred

[Alfred 4 for Mac 4.0.3](https://www.alfredapp.com/)
ランチャーソフト。Spotlightの代わりに使ってます。

<img width="668" alt="スクリーンショット 2019-09-25 1.00.11.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/223109/e8fa03a3-630a-ed78-211a-fa5dfee16cf9.png">

* Spotlightのショートカット `コマンド + スペース` をオフにする
* Alfred hotkeyに `コマンド + スペース` を割り当てる

### AlfredにCustom searchを追加する
<img width="673" alt="スクリーンショット 2019-09-25 1.04.25.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/223109/697def5f-3c92-aaf4-0174-f7e38ca55212.png">

* Title: `Google英訳`
  * URL: `https://translate.google.com/?sl=en&tl=ja&text={query}`
  * Keyword: `ej` (English -> Japaneseのイメージ)
* Title: `Google翻訳`
  * URL: `https://translate.google.com/?sl=ja&tl=en&text={query}`
  * Keyword: `je`
* Title: `アルク`
  * URL: `https://eow.alc.co.jp/search?q={query}`
  * Keyword: `alc`

<img width="577" alt="スクリーンショット 2019-09-25 1.11.10.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/223109/8a05ac40-a111-f73b-87d2-6b47bb498518.png">
<img width="990" alt="スクリーンショット 2019-09-25 1.11.33.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/223109/94c5f981-77d6-e2fb-6bf4-aa7dbe08367e.png">

たとえば、`コマンド + スペース` `ej mustache`と入力するだけで和訳ができます。
変数名やブランチ名をとっさに考えるときなどに超便利です。

# 3. Terminal

## Command Line Developer Toolsインストール

```terminal
$ xcode-select --install
```

## Homebrewインストール

```terminal
$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
```

```terminal
$ brew doctor
Your system is ready to brew.
```

```terminal
$ brew --version
Homebrew 2.1.11
Homebrew/homebrew-core (git revision 9639; last commit 2019-09-26)
```

```terminal
$ brew update
Already up-to-date.
```

## Homebrew-Caskの導入

```terminal
$ brew install cask
```

## iTerm2の導入

```terminal
$ brew search iterm2
```

```terminal
$ brew cask install iterm2
```

### テーマをSolarized Darkにする

```terminal
$ cd ~
$ git clone https://github.com/altercation/solarized.git
```

<img width="928" alt="スクリーンショット 2019-09-28 1.00.41.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/223109/078c0a37-e639-17ab-1303-23e82ea6b1a9.png">

* 「Color Presets...」から `Solarized Dark.itermcolors` をインポート

### プログラミング用フォント Ricty Diminished
https://www.rs.tus.ac.jp/yyusa/ricty_diminished.html

## zshとPreztoの導入

* brewでzshを入れ直す

```terminal
$ brew install zsh
```

```terminal
# /usr/local/bin/zsh を追加
$ sudo vim /etc/shells
```


* ログインシェルの変更、iterm2を再起動

```terminal
$ chsh -s /usr/local/bin/zsh
```

* preztoの導入

```terminal
% git clone --recursive https://github.com/sorin-ionescu/prezto.git "${ZDOTDIR:-$HOME}/.zprezto"
```

```terminal
setopt EXTENDED_GLOB
for rcfile in "${ZDOTDIR:-$HOME}"/.zprezto/runcoms/^README.md(.N); do
  ln -s "$rcfile" "${ZDOTDIR:-$HOME}/.${rcfile:t}"
done
```

* themeをpureに変更

```terminal
~ ❯❯❯ prompt -s pure
```

* .zpreztorcファイルの編集
```terminal
❯ vim .zpreztorc
```

```terminal
zstyle ':prezto:load' pmodule \
  'environment' \
  'terminal' \
  'editor' \
  'history' \
  'directory' \
  'spectrum' \
  'utility' \
  'completion' \
  'syntax-highlighting' \ # これを追加
  'history-substring-search' \ # これを追加
  'autosuggestions' \ # これを追加
  'prompt'

# editorをviに変更
zstyle ':prezto:module:editor' key-bindings 'vi'

# themeをpureに変更
zstyle ':prezto:module:prompt' theme 'pure'

# コマンドラインをコピーして共有することが多いので分かりやすいようにプロンプト記号を $ にする
PURE_PROMPT_SYMBOL='$'

```

見出しの整形とかはあとでやる

# 参考

* [最強のMac開発環境【2019年版】](https://qiita.com/papi_tokei/items/6734a814406a787c5997)
* [iTerm2のテーマをSolarizedに変更する方法](https://qiita.com/ApricotHoney/items/f83e4aa9c1cd83755c68)