0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Macを新しくしたので環境整えたメモ

0
Last updated at Posted at 2025-08-21

※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へ移行)。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?