M1 Macを買ったぞ！やったことリスト

# 初めに
本記事は個人用でM1のMacBookProを購入したので「業務用のPCもいずれ同じことをするだろう」とメモがてらまとめた記事です。
「このセットアップの方がええやろ！」などなどあるかと思うますが、個人用ですのでご容赦ください。

# PC
MacBook Pro (13-inch, M1, 2020)
OS - monterey (12.2.1)

# やったこと
## アプリケーションのインストール
- [Chrome](https://support.google.com/chrome/answer/95346?hl=ja&co=GENIE.Platform%3DDesktop#zippy=%2Cmac)
- [VS Code](https://code.visualstudio.com/)
- [Sourcetree](https://www.sourcetreeapp.com/)
- [Cyberduck](https://cyberduck.io/download/)
- [XCode](https://apps.apple.com/jp/app/xcode/id497799835?mt=12)
- [Slack](https://slack.com/intl/ja-jp/downloads/mac)
- [LINE](https://line.me/ja/)
- [ImageOptim](https://imageoptim.com/mac)
- [WinArchiver Lite](https://apps.apple.com/jp/app/winarchiver-lite/id414855915?mt=12)
- [Clipy](https://clipy-app.com/)

## Finderの設定
- ファイルの拡張子表示
    - Finder > 環境設定 > 詳細 > 「すべてのファイル名拡張子を表示」
- サイドバーにHOMEディレクトリを表示
    - Finder > 環境設定 > サイドバー > 「ホーム」
- 不可視ファイルを表示
    - ターミナルで以下を実行
    - ```
        $ defaults write com.apple.finder AppleShowAllFiles TRUE
        $ killall Finder
        ```
- ゴミファイルをつくらない
    - ターミナルで以下を実行
    - ```
        $ defaults write com.apple.desktopservices DSDontWriteNetworkStores True
        $ killall Finder
        ```

## トラックパッドの設定
- システム環境設定 > トラックパッド > 「タップでクリック」

## Dockの設定
- デフォルトでDockを非表示
    - システム環境設定 > Dockとメニューバー > 「Dockを自動的に表示/非表示」

## タッチバーの設定
- システム環境設定 > キーボード > 「Control Stripをカスタマイズ」

## Chrome拡張機能
- [DeepL翻訳](https://chrome.google.com/webstore/detail/deepl-translate-reading-w/cofdbpoegempjloogbagkncekinflcnj)
- [Talend API Tester](https://chrome.google.com/webstore/detail/talend-api-tester-free-ed/aejoelaoggembcahagimdiliamlcdmfm)
- [Access Control-Allow-Origin - Unblock](https://chrome.google.com/webstore/detail/cors-unblock/lfhmikememgdcahcdlaciloancbhjino/)
- [Redirect URL, Modify Headers & Mock APIs](https://chrome.google.com/webstore/detail/redirect-url-modify-heade/mdnleldcmiljblolnjhpnblkcekpdkpa)
- [LocalStorage Manager](https://chrome.google.com/webstore/detail/localstorage-manager/fkhoimdhngkiicbjobkinobjkoefhkap)
- [EditThisCookie](https://chrome.google.com/webstore/detail/editthiscookie/fngmhnnpilhplaeedifhccceomclgfbg)
- [Alt & Meta viewer](https://chrome.google.com/webstore/detail/alt-meta-viewer/jjcjblcbnjhgjlnclhficglfjedhpjhl)
- [HTML5 Outliner](https://chrome.google.com/webstore/detail/html5-outliner/afoibpobokebhgfnknfndkgemglggomo)

## 開発環境
### Home Brew
1. [HomeBrewのオフィシャル](https://brew.sh/index_ja) に記載のコマンドを実行
1. `$ echo 'export PATH=/opt/homebrew/bin:$PATH' >> ~/.zshrc` を実行
1. `$ source ~/.zshrc` を実行
1. `$ brew -v` で確認
### Webpコンバータ
`$ brew install webp` を実行
### Node.js (anyenv / nodenv でバージョン管理)
1. 以下をターミナルで実行
    ```
    $ git clone https://github.com/anyenv/anyenv ~/.anyenv
    $ echo 'export PATH="$HOME/.anyenv/bin:$PATH"' >> ~/.zshrc
    $ echo 'eval "$(anyenv init -)"' >> ~/.zshrc
    $ ~/.anyenv/bin/anyenv init
    $ exec $SHELL -l
    $ anyenv install --init
    y
    $ exec $SHELL -l
    $ mkdir -p ~/.anyenv/plugins
    $ git clone https://github.com/znz/anyenv-update.git ~/.anyenv/plugins/anyenv-update
    $ anyenv install nodenv
    $ exec $SHELL -l
    $ anyenv versions
    ```
2. ターミナルのアプリを右クリック > 情報 > 「Rosettaを使用して開く」にチェックを入れる
3. 再度ターミナルを立ち上げ以下を実行
    ```
    $ nodenv install <任意のバージョン>
    $ exec $SHELL -l
    $ nodenv global <任意のバージョン>
    $ node -v
    ```
4. ターミナルのアプリを右クリック > 情報 > 「Rosettaを使用して開く」のチェックを外す

## ターミナル (Hyper)
1. `$ brew install --cask hyper` でインスコ
2. `~/.hyper.js` の `plugins` 項目に以下を追加
    ```
    plugins: ["hyper-blend", "hyper-search", "hyper-flat", "hyperpower", 'hyperborder']
    ```
3. `$ echo 'PS1="🤘 %# %t %w %$ "' >> ~/.zshrc` を実行 (メタラーなもので🤘)

# あとがき
VS Codeの設定も残しておきたいなぁと思いつつ設定丸っと移行なので、またの機会にでも…
その他も随時追記していこうかと思います。