はじめに
WindowsPCの動作が重かったため、MacPCを購入して開発をすることにした。
新しいMacPCで開発環境を構築するにあたり実施したことを記録する。
環境
Windows10からMacbookpro MacOS Catalina 10.15.7に開発環境を変更した。
1.TypeScriptの環境構築を行う
以下の記事を参考にTypeScriptの環境構築を行った。
トラハック github
1.homebrewのインストール
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
2.nodebrewのインストール
brew install nodebrew
/usr/local/opt/nodebrew/bin/nodebrew setup_dirs
echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.bash_profile
3.nodeの安定バージョンをインストール
nodebrew install stable
4.nodebrewのバージョン一覧を確認
nodebrew ls
5.インストールしたバージョンを指定して切り替える
nodebrew use v18.10.0
6.nodeのパスを通す
echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.zshrc
7.ターミナルの再起動
8.nodeとnpmのバージョン確認
node -v
npm -v
2.GoとVScodeをインストール
1.以下のサイトに従ってGoとVSCodeをダウンロード
Go 開発用に Visual Studio Code を構成する
2.VSCodeダウンロード後、VSCodeのGo拡張機能を設定
Dockerのインストール
以下のサイトでインストール、私のmacはintelチップだったのでintel
チップ版をダウンロード。
Mac に Docker デスクトップをインストールする
gitを設定する
1.gitはmacにインストールされていたので、以下のサイトの「3.gitの初期設定」から実施
【Mac】Gitの環境構築をしよう！
「4. GitHubの設定」はアカウントを作成ずみだったので飛ばし、SSH Keyを作成した。
GitHub アカウントへSSHキーを追加したのち、既存のリモートリポジトリからリポジトリをクローンした。
【Git入門】git cloneで既存リポジトリをクローンしよう！
既存のリポジトリをクローンしたのち、動作確認のため新規にブランチを生成した
VSCodeに拡張機能を追加
ESLint,Prettierをインストール
動作確認
WindowsからMacに移行したため、前回と同様に動作するか確認した。
1.フロントの確認
npm upgrade を実施してnodeのパッケージをインストール。
npm run devを実施、開発途中のアプリケーションが起動することを確認。
2.バックエンドの確認
docker起動する確認
docker-compose build
docker-compose up -d
感想
Dockerの便利さを認識した。
Dockerfileを作成すれば新しいPCにも即座に環境を構築してアプリケーションを起動させることができる。