※Warpで全部入力しました。
[gitインストール]
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
git --version
[gitclone失敗]
git clone https://github.com/ユーザ名/xxx-xxx.git
でうまくいかなかった場合、
git clone git@github.com:ユーザ名/xxx-xxx
にする。
[dockerインストール]
brew install docker
brew install docker-compose
docker --version
docker-compose --version
[claudecodeインストール]
npm install -g @anthropic-ai/claude-code
claude -v
Claude
[バックエンド言語インストール&確認]
brew install node python go openjdk php ruby swift kotlin
Node.js
node -v
npm -v
Python
python3 --version
pip3 --version
Go
go version
Java(OpenJDK)
java -version
javac -version
PHP
php -v
Ruby
ruby -v
gem -v
Swift
swift --version
Kotlin
kotlin -version
kotlinc -version
[フロントエンド言語のインストールと確認]
※pnpm(npmの高速版)
npm install -g yarn pnpm
[プロジェクト作成用(便利)]
npm install -g create-react-app
npm install -g create-next-app
npm install -g @vue/cli
TypeScript
npm install --save-dev ts-node
React
npx create-react-app my-react-app
cd my-react-app
npm start
→ブラウザで http://localhost:3000 で確認
Next.js
npx create-next-app@latest my-next-app
cd my-next-app
npm run dev
→ブラウザで http://localhost:3000 で確認
Vue.js
vue create my-vue-app
cd my-vue-app
npm run serve
→ブラウザで http://localhost:8080 で確認
Angular.js
npm install -g @angular/cli
ng version
ng new my-angular-app
cd my-angular-app
ng serve
→ブラウザで http://localhost:4200 で確認
[モバイルアプリ開発言語のインストールと確認]
Expo
npm install -g expo-cli
expo init my-rn-app
cd my-rn-app
expo start
→QRコードが出てスマホの Expo Go アプリで確認できる
[補足※nvmのインストール]
brew install nvm
mkdir ~/.nvm
export NVM_DIR="$HOME/.nvm"
source $(brew --prefix nvm)/nvm.sh
nvm install --lts
nvm -v
よくハマるポイント
Node バージョン → React/Next/Vue は Node のバージョン依存がある。エラー出たら nvm install で切り替える。
React Native → iOSはMacでしかビルドできない(Xcode必須)、AndroidはWindowsでも可能だがエミュレータ設定が鬼門。
Expo → クラウドビルド+モバイル実機チェックが簡単。だが、ネイティブモジュールをがっつり使うと限界あり(その時はReact Native CLIへ移行)。