# Node.jsのバージョン確認
node -v
# 出力例: v20.11.0

# npmのバージョン確認
npm -v
# 出力例: 10.2.4

# npm自体のアップデート
npm install -g npm@latest

# 対話形式でpackage.jsonを作成
npm init

# デフォルト設定で即座に作成（おすすめ）
npm init -y

{
  "name": "my-project",
  "version": "1.0.0",
  "description": "プロジェクトの説明",
  "main": "index.js",
  "scripts": {
    "start": "node index.js",
    "dev": "nodemon index.js",
    "build": "webpack --mode production",
    "test": "jest"
  },
  "keywords": ["javascript", "tutorial"],
  "author": "Your Name",
  "license": "MIT",
  "dependencies": {
    "express": "^4.18.2"
  },
  "devDependencies": {
    "nodemon": "^3.0.2",
    "jest": "^29.7.0"
  }
}

# パッケージをインストール（dependenciesに追加）
npm install express

# 省略形
npm i express

# 複数パッケージを同時にインストール
npm install express cors dotenv

# 本番用パッケージ（dependencies に追加）
npm install express
# → "dependencies": { "express": "^4.18.2" }

# 開発用パッケージ（devDependencies に追加）
npm install --save-dev jest
npm install -D jest  # 省略形
# → "devDependencies": { "jest": "^29.7.0" }

# グローバルにインストール（システム全体で使えるコマンド）
npm install -g typescript

# グローバルパッケージの一覧
npm list -g --depth=0

# グローバルパッケージの削除
npm uninstall -g typescript

# package.jsonの全パッケージをインストール
npm install

# パッケージの削除
npm uninstall express

# パッケージの更新
npm update express

# 更新可能なパッケージの確認
npm outdated

# インストール済みパッケージの一覧
npm list --depth=0

# CI環境ではこちらを使う（package-lock.jsonに従って正確にインストール）
npm ci

{
  "scripts": {
    "start": "node server.js",
    "dev": "nodemon server.js",
    "build": "webpack --mode production",
    "test": "jest",
    "lint": "eslint src/",
    "lint:fix": "eslint src/ --fix",
    "format": "prettier --write src/"
  }
}

# scriptsの実行
npm run dev
npm run build
npm run lint

# start, test, stop, restart は "run" を省略可能
npm start    # = npm run start
npm test     # = npm run test

{
  "scripts": {
    "prebuild": "rm -rf dist",
    "build": "webpack --mode production",
    "postbuild": "echo 'ビルド完了！'"
  }
}

# npm run build を実行すると、以下の順で実行される
# 1. prebuild  → rm -rf dist
# 2. build     → webpack --mode production
# 3. postbuild → echo 'ビルド完了！'
npm run build

{
  "scripts": {
    "check": "npm run lint && npm run test",
    "dev:all": "npm run dev:server & npm run dev:client"
  }
}

{
  "scripts": {
    "dev": "vite",
    "build": "tsc && vite build",
    "preview": "vite preview",
    "test": "vitest",
    "test:coverage": "vitest --coverage",
    "lint": "eslint . --ext .ts,.tsx",
    "lint:fix": "eslint . --ext .ts,.tsx --fix",
    "format": "prettier --write 'src/**/*.{ts,tsx,css}'",
    "check": "npm run lint && npm run test",
    "prepare": "husky install"
  }
}

  4  .  18  .  2
  │      │     └── PATCH: バグ修正（後方互換あり）
  │      └──────── MINOR: 機能追加（後方互換あり）
  └─────────────── MAJOR: 破壊的変更（後方互換なし）

{
  "dependencies": {
    "express": "^4.18.2",   // MINOR・PATCHの更新OK（デフォルト）
    "lodash": "~4.17.21",   // PATCHの更新のみOK
    "moment": "2.29.4"      // 完全固定
  }
}

# 特定バージョンをインストール
npm install express@4.18.2

# 最新版をインストール
npm install express@latest

# バージョンを完全固定してインストール
npm install express --save-exact

# 更新可能なパッケージを確認
npm outdated

# パッケージの全バージョンを確認
npm view express versions

# グローバルインストールなしでコマンドを実行
npx create-react-app my-app

# TypeScriptのコンパイル（ローカルインストール済みの場合）
npx tsc --init

# ESLintの初期設定
npx eslint --init

# グローバルインストールする場合（非推奨）
npm install -g create-react-app
create-react-app my-app

# npxを使う場合（推奨）
npx create-react-app my-app
# → 常に最新バージョンが使われる

# Reactプロジェクトの作成
npx create-react-app my-app

# Next.jsプロジェクトの作成
npx create-next-app@latest my-app

# Viteプロジェクトの作成
npx create-vite@latest my-app

# TypeScriptの初期化
npx tsc --init

# ローカルサーバーの起動
npx serve dist

# パッケージの脆弱性チェック
npx npm-check-updates