パソコンのセットアップ

Windowsの場合のセットアップ

(初めて使う場合もあるので念のため)

環境チェック(クリックで開く)

Macに以下のツールがインストールされているかどうかを確認するためのコマンドをそれぞれご紹介します。

1. Xcode(MacOSのみ)

確認方法:

xcode-select -p

このコマンドがXcodeのパスを返せば、Xcodeがインストールされています。

2. nvm (Node Version Manager)

確認方法:

command -v nvm

何も返さない場合はnvmがインストールされていません。nvmのバージョンを確認するには：

nvm --version

3. Node.js（nvmを使用してインストールしたバージョン）

確認方法:

node -v

指定したバージョン（例: v20.x.x）が表示されれば、nvm install 20 が成功しています。

4. Visual Studio Code (VSCode)

確認方法:

which code

/usr/local/bin/code などのパスが表示されれば、VSCodeのコマンドラインツールがインストールされています。また、アプリケーションフォルダ内を確認するには：

ls /Applications | grep -i "Visual Studio Code"

5. GitHub Desktop

確認方法:

ls /Applications | grep -i "GitHub Desktop"

GitHub Desktop.app がリストに表示されればインストールされています。

6. Docker Desktop

確認方法:

docker --version

Dockerのバージョン情報が表示されればインストールされています。また、アプリケーションフォルダ内を確認するには：

ls /Applications | grep -i "Docker"

7. Homebrew

確認方法:

brew --version

Homebrewのバージョンが表示されればインストールされています。また、インストールパスを確認するには：

which brew

補足: 上記のコマンドはターミナル（Terminal.app）で実行してください。GUIアプリケーションがインストールされているかどうかを確認するために、/Applications フォルダをリストアップする方法も併せてご紹介しました。

8. VS Code, Google Chrome

9. GitHub CLI (gh コマンド)が利用可能かチェック

確認方法:

# /opt/homebrew/bin/gh などが表示されていたらOK
# command not found のような出力が出た場合はghをインストール
command -v gh

このコマンドがghのパスを返せば、GitHub CLIがインストールされています。バージョンを確認するには以下を実行します。

gh --version

ghのインストール方法（インストールされていない場合）:

  1. ghコマンドをHomebrew経由でインストール

    brew install gh

    brewが使えない場合、Homebrewをインストール

    Homebrewがインストールされていない場合は、以下のコマンドでHomebrewをインストールします。

    /bin/bash -c "$(curl -fsSL <https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh>)"

  2. インストール後、バージョンを確認

    gh --version

Macでcodeコマンドを使用可能にする

以下の内容が管理者権限で弾かれる場合はSkip

VSCodeの公式サイトにドキュメントがありましたので記載されている通りに進めます。

Running Visual Studio Code on macOShttps://code.visualstudio.com

手順は以下の通りです。

まず、VSCodeを開き、shift + command + Pでコマンドパレットを開きます。

コマンドパレットにshell commandと入力します。

すると、シェルコマンド：PATH内に'code'コマンドをインストールしますとシェルコマンド：PATH内に'code'コマンドをアンインストールしますが表示されますので、シェルコマンド：PATH内に'code'コマンドをインストールしますを選択します。

パスワードを求められるので入力し、以下のようなメッセージが表示されれば設定完了です。

https___qiita-image-store.s3.ap-northeast-1.amazonaws.com_0_2342443_27f2dfed-2e94-7c4f-51d9-34cb56009c1d.avif

再度ターミナルでcode .を実行します。

ターミナル

code .

エラーが出ることなく、VScodeでディレクトリを開くことができました。