macOS Catalina をクリーンインストールしたら最初にやるべきこと

先日会社の MacBook Pro に macOS Catalina をクリーンインストールしたので、作業ログを兼ねてクリーンインストール後に最初にやるべきことをまとめました。

まずは macOS Catalina をクリーンインストールした直後の `システム概要` をご覧ください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/53a45f98-e580-7525-4013-1f5b5a32df68.png)
ご覧の通り、`macOS Mojave` 以降、僕は外観を `ダークモード` に設定してるので、この記事に掲載しているスクリーンショットは全て `ダークモード` のものになります。

また、僕は Apple 信者かつデフォルト厨なので、Apple の仕様変更には自分自身を適応させていくタイプです。したがって以前は当たり前だった設定を新しい OS に無理矢理引き継ぐということは絶対しませんので、この点についても予めご認識ください (笑)

## 1. 日本語を入力できるようにする

最初は日本語が入力できるように右上の `米国旗` アイコンをクリックして `キーボード環境設定` を開きましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/e72a2a44-4ae7-bac8-e3d2-0f5a5cf60312.png)
`キーボード環境設定` を開いたら `+` ボタンをクリックして `入力ソース` に `日本語` を追加します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/98d3fc0f-5428-fed6-126c-504b37723c73.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/d36a71c4-cb0f-2dbb-ff7c-8d2e4e71e420.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/c9bd1cb0-31d8-955d-ac16-8a9c4b04de32.png)
おっと新しい設定が追加されてますね！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/a6bb952b-7a35-b5ea-b8e0-27fbf7ec83ff.png)
`Caps Lock` キーで `入力ソース` が切り替えられるようになる・・・だと・・・！？

さすが Apple。早速チェックを入れて、`Control` + `Space` で `入力ソース` を切り替えていた忌まわしい過去を捨て去りましょう！

そして `入力モード` の `カタカナ` と `英字` のチェックは外してシンプルに `ひらがな` だけにしちゃいましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/d521bbca-bb06-ce76-82d2-400ca7ea4e8b.png)
これでキーボードの設定は完了です。`入力ソース` の切り替え方法の変更に伴い、`Caps Lock` キーを `Control` キーに割り当てていた過去も清算しました。変化を受け入れましょう！

## 2. 内臓 Retina ディスプレイを目一杯広く使えるようにする

次は内臓 Retina ディスプレイを目一杯広く使えるように左上の `林檎` アイコンをクリックして `システム環境設定` を開き、 `ディスプレイ` をクリックしましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/b0825766-adf6-949f-9c82-5396dd2590c5.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/6faa9a56-d948-e2be-6f6d-00fb5e713798.png)
`内臓 Retina ディスプレイ` の `解像度` で `変更` を選択して、`デフォルト` から `スペースを拡大` に変更します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/ad7413f5-f81f-f02e-bfb2-5df804585e96.png)
これでディスプレイの設定は完了です。内臓 Retina ディスプレイを目一杯広く使えるようになりました。同時に老眼との戦いが始まったと言うこともできますね💦

## 3. `Git` コマンドが使えるようにする

`Git` コマンド（と基本的なビルドツール） を使えるように `ターミナル` で `Command Line Tools for Xcode` をインストールします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/b8106532-8048-23da-3861-ef349e16099f.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/f6e7ede7-ccfa-b94f-446e-f2af043a07c0.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/05850184-ad35-dafc-83c8-f7b639605b6b.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/7ee9e224-f6b0-3c18-6bca-6732e3e703af.png)
これで `Git` が使えるようになりました。もうタイムリープし放題ですw

## 4. `Homebrew` が使えるようにする

`Homebrew` が使えるように公式サイトで `Homebrew` のインストールスクリプトをコピーして `ターミナル` で実行します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/853c63b9-1da2-3b22-1e8c-398016ac16f3.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/cb765be7-1120-3906-0106-15f906f0eeea.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/920728cd-5fbb-df1a-30b5-1bf78fb521b9.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/37d4eac4-1c0b-f8f9-31ac-b4ffad33375d.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/1ecadd14-3b98-2d2b-7374-741de3301424.png)
これで `brew` コマンドでアプリやライブラリの管理ができるようになりました。このまま `Rbenv` を入れちゃってもいいでしょう。

## 5. `Chrome` が使えるようにする

`Chrome` が使えるように公式サイトからインストーラーをダウンロードして実行します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/a83c057c-8334-80b7-3ed8-8d1b21f3e47c.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/7a0b08f4-2ab3-e0d6-c037-ac3f3fef3989.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/f5c1d87c-cf6d-6324-61d7-66ace9ac2d13.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/cd15706e-1dc6-4f10-ea57-877735eeaac2.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/2f08dc06-7123-3eff-32e6-2bd32fb304a9.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/3083c043-5769-d5ad-1838-1bbed9188f95.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/dd03a1f9-499e-a4fe-c630-c46117bc5782.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/00c85dc9-5052-c240-69bb-0b2ae768c4a5.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/52936d5a-80f6-22e6-7cfb-b11d6e47ed23.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/37e2860c-a879-e3b0-51b9-752c2df3b841.png)
早速、`Google Account` を紐付けていつもの作業環境を取り戻しましょう。

## 6. `Visual Studio Code` が使えるようにする

`Visual Studio Code` が使えるように公式サイトからインストーラーをダウンロードして実行します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/11fde7ec-83fa-6da4-1b50-c2bd8cf2d8c0.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/d8fa96f7-1537-8693-2cb0-01802be923d3.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/55bc4dc7-ac8a-6eb5-8b65-d58e25092a58.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/5de6e213-3bd5-9d3c-ba59-39320c482db8.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/ee720876-997c-40b4-2213-bdcdac7a0e22.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/1664cd2f-bd62-6526-a7cf-6d608f349754.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/d8438730-16c0-fde7-1c58-6dae402c6d1f.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/c2cad0c8-45a0-c6fc-a87e-eeea85edc0dc.png)
デフォルトでは自動保存が `off` になっていることを思い出しましょう！（つまり、速やかに `Settings` を開いて `AutoSave` を `onFocusChange` に変更しちゃいましょう！）

## 7. `Adobe XD` が使えるようにする

`Adobe XD` が使えるように Creative Cloud にログインして `Adobe XD` のインストーラーをダウンロードして実行します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/2f79e2d0-ac5a-3764-1335-8e54ae28247b.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/33e0f044-c50b-ee4c-cd6d-c0d23596adbd.png)
今回は会社の Mac なので会社のアカウントでログインします。個人の Mac の場合（Creative Cloud のアカウントを持ってない場合）はスタータープランのアカウントでログインしましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/4e787602-be72-5976-1b87-3f316110d259.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/b47da1ff-293b-8b80-306a-4d59d218e901.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/51c4b216-6b9a-2dda-17c2-aadd4161fc5d.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/38d02845-82b1-df38-1941-d7570f9d3599.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/a104db3f-d21a-3d1e-94c7-e0bc67d06272.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/7a45c4b8-120a-4efd-2c4b-4c8c36eacbc7.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/38d569b7-2d69-647d-964b-ee1cdbd727bf.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/bf83151a-17d4-1d3d-f390-b4d8a44c9c34.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/4c6403bb-c873-8a03-9a3d-5e0257ab9dd9.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/b646fc8a-f958-e489-4580-e999a964a7e2.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/fdb30f48-c9e9-5d3e-ac21-00fdd6f0d930.png)
これでアセットの作成・編集作業が捗りますね！


## 8. `Docker` が使えるようにする

`Docker` (および `Docker Compose`) が使えるように公式サイトから `Docker Desktop for Mac` のインストーラーをダウンロードして実行します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/b11813b9-1f51-f2e7-fda1-12fe774cd625.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/52bfa00c-0282-3e4c-234a-b7692d654628.png)
そう言えば最近 `Docker Account` が必須になってしまいましたね。無料だし、今後もなにかとお世話になるのでアカウントを作成（すでに持っていればログイン）して突破しましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/017036a5-7053-2e45-b6ac-3bccfd5be0e3.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/5e732e6b-c59c-e07d-59fb-97d738052d73.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/a7201aab-03fb-65a4-4706-b36b17e48445.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/30680ac8-1eb2-a9d5-3eb6-bd0075c9b790.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/2a17dbae-7030-c945-2e47-f104c1c8330b.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/d64f3353-3658-4da7-1f13-dd00b36a1ff1.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/1624c723-a8ec-2ba2-f510-d2aeee5a0426.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/5b8d6243-b152-ce54-92d7-e7895af9b8b6.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/2318afd2-88fa-306e-3aa1-e3fc85dfcb6a.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/4470feb6-3bea-9217-122e-1ed75f359305.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/610bad5f-20d5-3291-bb40-c48bf3303466.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/80385ab2-24e5-3a90-b03f-7b4785043ca4.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/554236/e75ed48d-1a93-0538-7785-c0243900e663.png)
これでクリーンインストールしたばかりの macOS Catalina 環境を汚さずにいろんな開発や検証作業ができるようになりました！

## まとめ

以上、macOS Catalina をクリーンインストールしたら最初にやるべきことをまとめてみました。

僕の場合、この環境があれば一通りの作業ができちゃいますw

ではまた ( ⸝⸝•ᴗ•⸝⸝ )੭⁾⁾