PC買い替えたときの環境構築リスト

## 注意事項
- PC端末はMacです
- 入れるかどうか、設定するかどうかは好みです
- 思い出したタイミングで追記していきます

# 1. Mac の設定
Mac 自体の設定や、デフォルトで入っているアプリの設定など。
ほぼ好みです。

## カレンダーの設定
カレンダーアプリを起動し、以下の設定を行う。

- `環境設定 > 一般` で曜日を月曜始まりにする

![スクリーンショット 2019-11-08 13.06.01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/109241/31814864-c273-7236-11c2-70c875f86a3f.png)

- `環境設定 > 詳細` で週番号を表示

![スクリーンショット 2019-12-05 10.05.15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/109241/67095e08-99f5-0210-43d5-27ce45e8ecaa.png)

## Finder にホームフォルダを追加
Finder を開いて、上のタブから Finder > 環境設定 > サイドバー
で、↓の画面になるので、ここで家マークの横のチェックボックスをオンにする。

![スクリーンショット 2019-11-08 13.15.01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/109241/13e72d1c-eed2-f38b-5b68-eeb317da2637.png)


### 参考
https://pc-karuma.net/mac-finder-sidebar/

## Dock の設定
- 不要なアプリは削除（右クリック > オプション > Dockから削除）
- 必要なアプリは追加（右クリック > オプション > Dockに追加）
- `環境設定 > Dock` でサイズ、表示 or 非表示などの設定を変える

![スクリーンショット 2019-12-05 10.13.57.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/109241/2b5c7b6d-9688-e22d-3ab7-daac037f9239.png)

## ズームの設定
`環境設定 > アクセスビリティ` で「スクロールジェスチャと...」を設定すればズームができるようになる

![スクリーンショット 2019-12-05 10.35.12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/109241/e7ea1099-5ee4-cc8e-008f-c819c2e477d7.png)

私は `option` を押しながらスクロールの動作をすると、ズームできるように設定しています。

## ことえりを Google 日本語入力に変える
Mac にデフォルトで入っている「ことえり」が使いにくいので、
Google 日本語入力 https://www.google.co.jp/ime/ に変える。

### ことえりの削除についての参考記事
https://smatu.net/2019/03/07/mac-editor-kotoeri-hide-delete/

# 2. ツール系
## PhpStorm のインストール
（有料です）
[PhpStorm](https://www.jetbrains.com/phpstorm/) からダウンロードして、必要であればライセンス購入。
購入したライセンスをアクティベートする。

ライセンスを購入しなくても30日は無料可能、また学生は学校のメールアドレスがあれば無料で使える。

## Display Menu のインストール
https://apps.apple.com/jp/app/display-menu/id549083868?mt=12

Retinaディスプレイの場合、これを使えば高解像度にあげることができるのでたくさんの情報を表示することができる。
これのおかげで基本デュアルディスプレイにしなくて済んでる。

## Postman のインストール
https://www.getpostman.com/

## Slack のインストール
https://slack.com/intl/ja-jp/downloads/mac

App storeからでもインストールできます

### workspaceにマジックリンクを使ってログインする方法
https://slack.com/signin/find
から自分の入っているすべてのworkspaceに入ることのできるマジックリンクを送ることができるので、これを使うととても楽。

#### 参考
https://qiita.com/hotchpotch/items/93396926775251b97065

## Chrome のインストール
https://www.google.co.jp/chrome/?brand=CHBD&gclid=EAIaIQobChMI3Zrh96ed5gIV1aiWCh2cKgedEAAYASAAEgL4cfD_BwE&gclsrc=aw.ds

デフォルトブラウザもChromeに切り替える

# 3. その他（使う技術によるもの）
以下は

- Nust.js/Vue.js などを使ったフロントエンドの開発
- Laravel などを使う PHPer

向けのものかと思います。

## Git のインストール
[Git 公式ページ](https://git-scm.com/) からダウンロード。
Xcodeも必要なのでいれる。

## PHP のバージョンをあげる
https://php-osx.liip.ch/

https://qiita.com/shosho/items/7f54c104bd192b5f395f にも書いたが、
brewだと必要なモジュールが入ってなかったりするらしいので、このサイトからいつもいれるようにしている。

### 注意点
インストールしただけだと、Mac に最初から入っているPHPを見に行ってしまうのでパスを通す必要がある。

上記サイト下の方にも書いてある。↓
![スクリーンショット 2019-11-29 16.59.26.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/109241/070787cf-5edf-31df-017a-89726870c686.png)


## Composer のインストール
https://getcomposer.org/ からインストール。

パスの通し方、バージョンの確認などについてだいぶ前にまとめた記事があったのでそちらを参考に。↓
https://qiita.com/shosho/items/572b3c356fc97214790b

## node.js のインストール
インストーラー https://nodejs.org/ja/ から入れる。

その他、nodebrew を使ったり色々な入れ方がある。

### nodeのバージョン切り替え
プロジェクトによってnodeを切り替えるのに Nodebrew + avn などを入れておくと便利。

#### 参考記事
[Nodebrewとavnを使ってNode.jsのバージョン切り替えを自動化する](https://qiita.com/kc7891/items/435bf552cf221ed9d329)
[pkg で node.js を入れたMacで、node.js を消さずに nodebrew + avn を入れようとしたらうまくいかなかったときのメモ](https://qiita.com/shosho/items/fca381f1fe6345abb665)

## Virtual Box のインストール
https://www.virtualbox.org/wiki/Downloads

インストールできないときは↓の記事を参考にインストールを許可する

### 参考記事
https://shoji014.com/virtualbox-error/

## Vagrant のインストール
https://www.vagrantup.com/

## Vue.js devtools のインストール
https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=ja