# macOS (Homebrew)
brew install --cask visual-studio-code
 
# macOS (手動ダウンロード後、CLI でバージョン確認)
# https://code.visualstudio.com/download からダウンロード
# /Applications/Visual Studio Code.app にドラッグ&ドロップ
 
# Ubuntu/Debian
sudo apt install wget gpg
wget -qO- https://packages.microsoft.com/keys/microsoft.asc | gpg --dearmor > packages.microsoft.gpg
sudo install -D -o root -g root -m 644 packages.microsoft.gpg /etc/apt/keyrings/packages.microsoft.gpg
sudo sh -c 'echo "deb [arch=amd64 signed-by=/etc/apt/keyrings/packages.microsoft.gpg] https://packages.microsoft.com/repos/code stable main" > /etc/apt/sources.list.d/vscode.list'
sudo apt update && sudo apt install code
 
# Fedora/RHEL
sudo rpm --import https://packages.microsoft.com/keys/microsoft.asc
sudo sh -c 'echo -e "[code]\nname=Visual Studio Code\nbaseurl=https://packages.microsoft.com/yumrepos/vscode\nenabled=1\ngpgcheck=1\ngpgkey=https://packages.microsoft.com/keys/microsoft.asc" > /etc/yum.repos.d/vscode.repo'
sudo dnf install code
 
# Windows (winget)
winget install Microsoft.VisualStudioCode
 
# Windows (Chocolatey)
choco install vscode
 
# Windows (Scoop)
scoop bucket add extras
scoop install vscode

code --version
# 1.96.2
# e54c774e0add60467559eb0d1e229c6452cf8447
# arm64

# カレントディレクトリを VS Code で開く
code .
 
# 特定ファイルを開く
code src/index.ts
 
# 差分表示
code --diff file1.ts file2.ts
 
# 特定の行にジャンプして開く
code --goto src/app.ts:42:10
 
# 拡張機能のインストール
code --install-extension dbaeumer.vscode-eslint
 
# 拡張機能の一覧表示
code --list-extensions
 
# 拡張機能のアンインストール
code --uninstall-extension <extension-id>
 
# 新しいウィンドウで開く
code --new-window .
 
# 既存ウィンドウに追加
code --add /path/to/another/folder
 
# ユーザーデータディレクトリを指定して起動（ポータブル運用）
code --user-data-dir /path/to/portable-data .
 
# 拡張機能を無効にして起動（トラブルシュート）
code --disable-extensions .
 
# 拡張機能のバージョン指定インストール
code --install-extension dbaeumer.vscode-eslint@2.4.0
 
# VS Code のログレベル指定
code --log trace

// .vscode/settings.json (ワークスペース設定)
{
  // ===================================
  // エディタ基本設定
  // ===================================
  "editor.fontSize": 14,
  "editor.fontFamily": "'JetBrains Mono', 'Fira Code', Menlo, monospace",
  "editor.fontLigatures": true,
  "editor.tabSize": 2,
  "editor.insertSpaces": true,
  "editor.renderWhitespace": "boundary",
  "editor.wordWrap": "on",
  "editor.minimap.enabled": false,
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": "active",
  "editor.stickyScroll.enabled": true,
  "editor.linkedEditing": true,
  "editor.cursorBlinking": "smooth",
  "editor.cursorSmoothCaretAnimation": "on",
  "editor.smoothScrolling": true,
  "editor.suggest.preview": true,
  "editor.suggest.showMethods": true,
  "editor.suggest.showFunctions": true,
  "editor.inlineSuggest.enabled": true,
  "editor.parameterHints.enabled": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.rulers": [80, 120],
  "editor.renderLineHighlight": "all",
  "editor.occurrencesHighlight": "singleFile",
  "editor.unicodeHighlight.ambiguousCharacters": true,
 
  // ===================================
  // 保存時の自動処理
  // ===================================
  "editor.formatOnSave": true,
  "editor.formatOnPaste": false,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit",
    "source.organizeImports": "explicit",
    "source.removeUnusedImports": "explicit"
  },
 
  // ===================================
  // ファイル設定
  // ===================================
  "files.autoSave": "onFocusChange",
  "files.trimTrailingWhitespace": true,
  "files.insertFinalNewline": true,
  "files.trimFinalNewlines": true,
  "files.encoding": "utf8",
  "files.eol": "\n",
  "files.exclude": {
    "**/.git": true,
    "**/node_modules": true,
    "**/.DS_Store": true,
    "**/*.pyc": true,
    "**/__pycache__": true
  },
  "files.associations": {
    "*.env.*": "dotenv",
    "*.css": "css",
    "*.mdx": "mdx",
    "Dockerfile.*": "dockerfile"
  },
  "files.watcherExclude": {
    "**/node_modules/**": true,
    "**/.git/objects/**": true,
    "**/.git/subtree-cache/**": true,
    "**/dist/**": true,
    "**/.next/**": true
  },
 
  // ===================================
  // ターミナル設定
  // ===================================
  "terminal.integrated.fontSize": 13,
  "terminal.integrated.fontFamily": "'JetBrains Mono', 'MesloLGS NF', monospace",
  "terminal.integrated.defaultProfile.osx": "zsh",
  "terminal.integrated.scrollback": 10000,
  "terminal.integrated.copyOnSelection": true,
  "terminal.integrated.cursorBlinking": true,
  "terminal.integrated.env.osx": {
    "EDITOR": "code --wait"
  },
 
  // ===================================
  // 検索設定
  // ===================================
  "search.exclude": {
    "**/node_modules": true,
    "**/dist": true,
    "**/.next": true,
    "**/coverage": true,
    "**/build": true,
    "**/.turbo": true,
    "**/package-lock.json": true,
    "**/yarn.lock": true,
    "**/pnpm-lock.yaml": true
  },
  "search.useIgnoreFiles": true,
  "search.smartCase": true,
 
  // ===================================
  // Explorer 設定
  // ===================================
  "explorer.confirmDelete": false,
  "explorer.confirmDragAndDrop": false,
  "explorer.compactFolders": true,
  "explorer.fileNesting.enabled": true,
  "explorer.fileNesting.expand": false,
  "explorer.fileNesting.patterns": {
    "*.ts": "${capture}.test.ts, ${capture}.spec.ts, ${capture}.d.ts",
    "*.tsx": "${capture}.test.tsx, ${capture}.spec.tsx, ${capture}.stories.tsx",
    "package.json": "package-lock.json, yarn.lock, pnpm-lock.yaml, .npmrc, .yarnrc.yml",
    "tsconfig.json": "tsconfig.*.json",
    ".eslintrc.*": ".eslintignore, .prettierrc*, .prettierignore",
    "tailwind.config.*": "postcss.config.*"
  },
 
  // ===================================
  // 言語固有設定
  // ===================================
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.tabSize": 2
  },
  "[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.tabSize": 2
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.tabSize": 2
  },
  "[python]": {
    "editor.defaultFormatter": "ms-python.black-formatter",
    "editor.tabSize": 4,
    "editor.formatOnSave": true
  },
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.tabSize": 2
  },
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[markdown]": {
    "editor.wordWrap": "on",
    "editor.quickSuggestions": {
      "other": false,
      "comments": false,
      "strings": false
    },
    "files.trimTrailingWhitespace": false
  },
  "[yaml]": {
    "editor.tabSize": 2,
    "editor.autoIndent": "advanced"
  },
  "[go]": {
    "editor.defaultFormatter": "golang.go",
    "editor.tabSize": 4,
    "editor.insertSpaces": false
  },
  "[rust]": {
    "editor.defaultFormatter": "rust-lang.rust-analyzer",
    "editor.tabSize": 4
  },
  "[css]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[dockerfile]": {
    "editor.defaultFormatter": "ms-azuretools.vscode-docker"
  },
  "[shellscript]": {
    "editor.tabSize": 2,
    "editor.defaultFormatter": "foxundermoon.shell-format"
  },
 
  // ===================================
  // Git 設定
  // ===================================
  "git.autofetch": true,
  "git.confirmSync": false,
  "git.enableSmartCommit": true,
  "git.openRepositoryInParentFolders": "always",
  "diffEditor.ignoreTrimWhitespace": false,
 
  // ===================================
  // ワークベンチ設定
  // ===================================
  "workbench.startupEditor": "none",
  "workbench.editor.enablePreview": true,
  "workbench.editor.closeOnFileDelete": true,
  "workbench.tree.indent": 16,
  "workbench.iconTheme": "material-icon-theme",
  "workbench.colorTheme": "One Dark Pro",
  "workbench.editor.labelFormat": "short",
  "workbench.editor.tabSizing": "shrink",
 
  // ===================================
  // Breadcrumbs（パンくずリスト）
  // ===================================
  "breadcrumbs.enabled": true,
  "breadcrumbs.filePath": "on",
  "breadcrumbs.symbolPath": "on"
}

// workspace.code-workspace（マルチルート構成ファイル）
{
  "folders": [
    {
      "name": "Frontend",
      "path": "./packages/frontend"
    },
    {
      "name": "Backend API",
      "path": "./packages/api"
    },
    {
      "name": "Shared Library",
      "path": "./packages/shared"
    },
    {
      "name": "Infrastructure",
      "path": "./infra"
    }
  ],
  "settings": {
    // ワークスペース全体に適用される設定
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "search.exclude": {
      "**/node_modules": true,
      "**/dist": true,
      "**/coverage": true
    },
    // フォルダ固有の設定は各フォルダの .vscode/settings.json に記述
    "files.exclude": {
      "**/.git": true,
      "**/node_modules": true
    }
  },
  "extensions": {
    "recommendations": [
      "dbaeumer.vscode-eslint",
      "esbenp.prettier-vscode"
    ]
  }
}

# 現在の設定を確認
cat ~/Library/Application\ Support/Code/User/settings.json
 
# 拡張機能一覧をエクスポート
code --list-extensions > vscode-extensions.txt
 
# 拡張機能を一括インストール
cat vscode-extensions.txt | xargs -L 1 code --install-extension
 
# プロファイルのエクスポート（CLI）
# コマンドパレット → "Profiles: Export Profile" でも可能

# プロジェクトで推奨する拡張機能を一括インストール
cat extensions.txt | xargs -L 1 code --install-extension
 
# extensions.txt の例:
# dbaeumer.vscode-eslint
# esbenp.prettier-vscode
# eamodio.gitlens
# github.copilot
# usernamehw.errorlens
# pkief.material-icon-theme
 
# プロジェクト種別ごとのセットアップスクリプト
# setup-vscode-extensions.sh
#!/bin/bash
 
COMMON_EXTENSIONS=(
  "dbaeumer.vscode-eslint"
  "esbenp.prettier-vscode"
  "eamodio.gitlens"
  "mhutchie.git-graph"
  "usernamehw.errorlens"
  "pkief.material-icon-theme"
  "streetsidesoftware.code-spell-checker"
  "github.copilot"
  "github.copilot-chat"
  "aaron-bond.better-comments"
)
 
FRONTEND_EXTENSIONS=(
  "bradlc.vscode-tailwindcss"
  "formulahendry.auto-rename-tag"
  "yoavbls.pretty-ts-errors"
  "wix.vscode-import-cost"
  "vitest.explorer"
  "styled-components.vscode-styled-components"
)
 
BACKEND_EXTENSIONS=(
  "ms-python.python"
  "ms-python.vscode-pylance"
  "ms-python.black-formatter"
  "golang.go"
  "rangav.vscode-thunder-client"
  "cweijan.vscode-database-client2"
)
 
DEVOPS_EXTENSIONS=(
  "ms-vscode-remote.remote-containers"
  "ms-azuretools.vscode-docker"
  "hashicorp.terraform"
  "ms-kubernetes-tools.vscode-kubernetes-tools"
  "redhat.vscode-yaml"
)
 
install_extensions() {
  local extensions=("$@")
  for ext in "${extensions[@]}"; do
    echo "Installing: $ext"
    code --install-extension "$ext" --force
  done
}
 
echo "=== Installing Common Extensions ==="
install_extensions "${COMMON_EXTENSIONS[@]}"
 
case "$1" in
  "frontend")
    echo "=== Installing Frontend Extensions ==="
    install_extensions "${FRONTEND_EXTENSIONS[@]}"
    ;;
  "backend")
    echo "=== Installing Backend Extensions ==="
    install_extensions "${BACKEND_EXTENSIONS[@]}"
    ;;
  "devops")
    echo "=== Installing DevOps Extensions ==="
    install_extensions "${DEVOPS_EXTENSIONS[@]}"
    ;;
  "all")
    echo "=== Installing All Extensions ==="
    install_extensions "${FRONTEND_EXTENSIONS[@]}"
    install_extensions "${BACKEND_EXTENSIONS[@]}"
    install_extensions "${DEVOPS_EXTENSIONS[@]}"
    ;;
  *)
    echo "Usage: $0 {frontend|backend|devops|all}"
    ;;
esac

// .vscode/extensions.json
{
  "recommendations": [
    // 必須
    "dbaeumer.vscode-eslint",
    "esbenp.prettier-vscode",
    "eamodio.gitlens",
    "github.copilot",
    "usernamehw.errorlens",
    // フロントエンド
    "bradlc.vscode-tailwindcss",
    "formulahendry.auto-rename-tag",
    "yoavbls.pretty-ts-errors",
    // テスト
    "vitest.explorer"
  ],
  "unwantedRecommendations": [
    "hookyqr.beautify",   // Prettier と競合
    "esbenp.prettier-vscode" // Python プロジェクトの場合
  ]
}

// keybindings.json
[
  // --- 基本編集 ---
  {
    "key": "cmd+shift+d",
    "command": "editor.action.copyLinesDownAction",
    "when": "editorTextFocus"
  },
  {
    "key": "cmd+shift+k",
    "command": "editor.action.deleteLines",
    "when": "editorTextFocus"
  },
  {
    "key": "cmd+shift+l",
    "command": "editor.action.selectHighlights",
    "when": "editorTextFocus"
  },
 
  // --- ファイル操作 ---
  {
    "key": "cmd+k cmd+o",
    "command": "workbench.action.openRecent"
  },
 
  // --- ターミナル ---
  {
    "key": "cmd+shift+t",
    "command": "workbench.action.terminal.new"
  },
  {
    "key": "cmd+shift+[",
    "command": "workbench.action.terminal.focusPrevious",
    "when": "terminalFocus"
  },
  {
    "key": "cmd+shift+]",
    "command": "workbench.action.terminal.focusNext",
    "when": "terminalFocus"
  },
 
  // --- パネル操作 ---
  {
    "key": "cmd+shift+m",
    "command": "workbench.actions.view.problems"
  },
  {
    "key": "cmd+shift+u",
    "command": "workbench.action.output.toggleOutput"
  },
 
  // --- Git 操作 ---
  {
    "key": "cmd+shift+g cmd+shift+g",
    "command": "workbench.view.scm"
  },
 
  // --- テスト実行（Jest/Vitest） ---
  {
    "key": "cmd+shift+r",
    "command": "testing.runAtCursor",
    "when": "editorTextFocus"
  },
  {
    "key": "cmd+shift+e",
    "command": "testing.debugAtCursor",
    "when": "editorTextFocus"
  },
 
  // --- エクスプローラーでファイルを表示 ---
  {
    "key": "cmd+shift+1",
    "command": "revealFileInOS"
  },
 
  // --- マルチカーソル追加操作 ---
  {
    "key": "cmd+alt+up",
    "command": "editor.action.insertCursorAbove",
    "when": "editorTextFocus"
  },
  {
    "key": "cmd+alt+down",
    "command": "editor.action.insertCursorBelow",
    "when": "editorTextFocus"
  }
]

// Vim 拡張機能（vscodevim.vim）を使用する場合の設定
// settings.json に追加
{
  "vim.enable": true,
  "vim.leader": "<space>",
  "vim.useSystemClipboard": true,
  "vim.useCtrlKeys": true,
  "vim.handleKeys": {
    "<C-a>": false,   // VS Code の「全選択」を維持
    "<C-f>": false,   // VS Code の「検索」を維持
    "<C-c>": false,   // VS Code の「コピー」を維持
    "<C-v>": false,   // VS Code の「ペースト」を維持
    "<C-x>": false,   // VS Code の「切り取り」を維持
    "<C-z>": false,   // VS Code の「元に戻す」を維持
    "<C-shift-p>": false  // コマンドパレットを維持
  },
  "vim.normalModeKeyBindingsNonRecursive": [
    // <space>f でファイル検索
    { "before": ["<leader>", "f"], "commands": ["workbench.action.quickOpen"] },
    // <space>g で全文検索
    { "before": ["<leader>", "g"], "commands": ["workbench.action.findInFiles"] },
    // <space>e でエクスプローラー切替
    { "before": ["<leader>", "e"], "commands": ["workbench.view.explorer"] },
    // <space>w で保存
    { "before": ["<leader>", "w"], "commands": [":w"] },
    // <space>q で閉じる
    { "before": ["<leader>", "q"], "commands": [":q"] },
    // gh で定義をホバー表示
    { "before": ["g", "h"], "commands": ["editor.action.showHover"] },
    // gd で定義へジャンプ
    { "before": ["g", "d"], "commands": ["editor.action.revealDefinition"] },
    // gr で参照検索
    { "before": ["g", "r"], "commands": ["editor.action.goToReferences"] }
  ],
  "vim.visualModeKeyBindingsNonRecursive": [
    // > でインデント（ビジュアルモード維持）
    { "before": [">"], "commands": ["editor.action.indentLines"] },
    { "before": ["<"], "commands": ["editor.action.outdentLines"] }
  ]
}

// .vscode/project.code-snippets
{
  // ===================================
  // React コンポーネント
  // ===================================
  "React Functional Component": {
    "prefix": "rfc",
    "scope": "typescriptreact",
    "body": [
      "type ${1:Component}Props = {",
      "  $2",
      "};",
      "",
      "export function ${1:Component}({ $3 }: ${1:Component}Props) {",
      "  return (",
      "    <div>",
      "      $0",
      "    </div>",
      "  );",
      "}"
    ],
    "description": "React Functional Component with TypeScript"
  },
  "React Component with useState": {
    "prefix": "rfcs",
    "scope": "typescriptreact",
    "body": [
      "import { useState } from 'react';",
      "",
      "type ${1:Component}Props = {",
      "  $2",
      "};",
      "",
      "export function ${1:Component}({ $3 }: ${1:Component}Props) {",
      "  const [${4:state}, set${4/(.*)/${1:/capitalize}/}] = useState<${5:string}>($6);",
      "",
      "  return (",
      "    <div>",
      "      $0",
      "    </div>",
      "  );",
      "}"
    ],
    "description": "React Component with useState hook"
  },
  "React Custom Hook": {
    "prefix": "rhook",
    "scope": "typescript,typescriptreact",
    "body": [
      "import { useState, useEffect } from 'react';",
      "",
      "export function use${1:Hook}(${2:params}: ${3:ParamType}) {",
      "  const [${4:data}, set${4/(.*)/${1:/capitalize}/}] = useState<${5:DataType}>();",
      "  const [isLoading, setIsLoading] = useState(false);",
      "  const [error, setError] = useState<Error | null>(null);",
      "",
      "  useEffect(() => {",
      "    $0",
      "  }, [${2:params}]);",
      "",
      "  return { ${4:data}, isLoading, error };",
      "}"
    ],
    "description": "React Custom Hook"
  },
 
  // ===================================
  // テスト
  // ===================================
  "Describe Block": {
    "prefix": "desc",
    "scope": "typescript,typescriptreact,javascript",
    "body": [
      "describe('${1:subject}', () => {",
      "  $0",
      "});"
    ],
    "description": "Jest/Vitest describe block"
  },
  "Test Case": {
    "prefix": "it",
    "scope": "typescript,typescriptreact,javascript",
    "body": [
      "it('should ${1:description}', () => {",
      "  // Arrange",
      "  $2",
      "",
      "  // Act",
      "  $3",
      "",
      "  // Assert",
      "  expect($4).${5:toBe}($6);",
      "});"
    ],
    "description": "Test case with AAA pattern"
  },
  "Async Test Case": {
    "prefix": "ita",
    "scope": "typescript,typescriptreact,javascript",
    "body": [
      "it('should ${1:description}', async () => {",
      "  // Arrange",
      "  $2",
      "",
      "  // Act",
      "  const result = await ${3:asyncFunction}();",
      "",
      "  // Assert",
      "  expect(result).${4:toBe}($5);",
      "});"
    ],
    "description": "Async test case"
  },
 
  // ===================================
  // 一般的なパターン
  // ===================================
  "Console Log Variable": {
    "prefix": "clv",
    "scope": "javascript,typescript,typescriptreact,javascriptreact",
    "body": [
      "console.log('${1:variable}:', ${1:variable});"
    ],
    "description": "Console log with variable name"
  },
  "Console Log JSON": {
    "prefix": "clj",
    "scope": "javascript,typescript,typescriptreact,javascriptreact",
    "body": [
      "console.log('${1:variable}:', JSON.stringify(${1:variable}, null, 2));"
    ],
    "description": "Console log with JSON stringify"
  },
  "Try-Catch Block": {
    "prefix": "trycatch",
    "scope": "typescript,javascript",
    "body": [
      "try {",
      "  $1",
      "} catch (error) {",
      "  if (error instanceof Error) {",
      "    console.error(error.message);",
      "  }",
      "  throw error;",
      "}"
    ],
    "description": "Try-catch with type guard"
  },
  "Async Arrow Function": {
    "prefix": "aaf",
    "scope": "typescript,javascript,typescriptreact",
    "body": [
      "const ${1:functionName} = async (${2:params}: ${3:ParamType}): Promise<${4:ReturnType}> => {",
      "  $0",
      "};"
    ],
    "description": "Async arrow function with types"
  },
  "Zod Schema": {
    "prefix": "zod",
    "scope": "typescript,typescriptreact",
    "body": [
      "import { z } from 'zod';",
      "",
      "export const ${1:name}Schema = z.object({",
      "  ${2:field}: z.${3:string}(),",
      "  $0",
      "});",
      "",
      "export type ${1:name} = z.infer<typeof ${1:name}Schema>;"
    ],
    "description": "Zod schema definition"
  },
 
  // ===================================
  // Next.js
  // ===================================
  "Next.js Page Component": {
    "prefix": "npage",
    "scope": "typescriptreact",
    "body": [
      "export default function ${1:Page}() {",
      "  return (",
      "    <main>",
      "      <h1>${2:Title}</h1>",
      "      $0",
      "    </main>",
      "  );",
      "}"
    ],
    "description": "Next.js App Router page component"
  },
  "Next.js Server Action": {
    "prefix": "naction",
    "scope": "typescript,typescriptreact",
    "body": [
      "'use server';",
      "",
      "export async function ${1:actionName}(formData: FormData) {",
      "  const ${2:field} = formData.get('${2:field}') as string;",
      "",
      "  $0",
      "}"
    ],
    "description": "Next.js Server Action"
  },
 
  // ===================================
  // ドキュメントコメント
  // ===================================
  "JSDoc Function": {
    "prefix": "jsdoc",
    "scope": "typescript,javascript,typescriptreact",
    "body": [
      "/**",
      " * ${1:Description}",
      " *",
      " * @param ${2:param} - ${3:description}",
      " * @returns ${4:description}",
      " * @throws {${5:Error}} ${6:description}",
      " *",
      " * @example",
      " * ```typescript",
      " * ${7:example}",
      " * ```",
      " */"
    ],
    "description": "JSDoc function documentation"
  }
}

// .vscode/launch.json
{
  "version": "0.2.0",
  "configurations": [
    // ===================================
    // Node.js アプリケーション
    // ===================================
    {
      "name": "Node.js: Current File",
      "type": "node",
      "request": "launch",
      "program": "${file}",
      "console": "integratedTerminal",
      "skipFiles": ["<node_internals>/**"]
    },
    {
      "name": "Node.js: ts-node",
      "type": "node",
      "request": "launch",
      "runtimeArgs": ["-r", "ts-node/register"],
      "args": ["${file}"],
      "console": "integratedTerminal",
      "skipFiles": ["<node_internals>/**"],
      "env": {
        "TS_NODE_PROJECT": "${workspaceFolder}/tsconfig.json"
      }
    },
 
    // ===================================
    // Next.js
    // ===================================
    {
      "name": "Next.js: Dev Server",
      "type": "node",
      "request": "launch",
      "cwd": "${workspaceFolder}",
      "runtimeExecutable": "npx",
      "runtimeArgs": ["next", "dev"],
      "console": "integratedTerminal",
      "serverReadyAction": {
        "pattern": "- Local:.+(https?://.+)",
        "uriFormat": "%s",
        "action": "debugWithChrome"
      }
    },
    {
      "name": "Next.js: Server-side",
      "type": "node",
      "request": "launch",
      "cwd": "${workspaceFolder}",
      "runtimeExecutable": "npx",
      "runtimeArgs": ["next", "dev"],
      "skipFiles": ["<node_internals>/**"],
      "console": "integratedTerminal",
      "env": {
        "NODE_OPTIONS": "--inspect"
      }
    },
 
    // ===================================
    // テスト
    // ===================================
    {
      "name": "Jest: Current File",
      "type": "node",
      "request": "launch",
      "runtimeExecutable": "npx",
      "runtimeArgs": [
        "jest",
        "--runInBand",
        "--no-coverage",
        "${relativeFile}"
      ],
      "console": "integratedTerminal",
      "cwd": "${workspaceFolder}"
    },
    {
      "name": "Vitest: Current File",
      "type": "node",
      "request": "launch",
      "runtimeExecutable": "npx",
      "runtimeArgs": [
        "vitest",
        "run",
        "${relativeFile}"
      ],
      "console": "integratedTerminal",
      "cwd": "${workspaceFolder}"
    },
 
    // ===================================
    // Python
    // ===================================
    {
      "name": "Python: Current File",
      "type": "debugpy",
      "request": "launch",
      "program": "${file}",
      "console": "integratedTerminal",
      "justMyCode": true
    },
    {
      "name": "Python: FastAPI",
      "type": "debugpy",
      "request": "launch",
      "module": "uvicorn",
      "args": ["main:app", "--reload", "--host", "0.0.0.0", "--port", "8000"],
      "console": "integratedTerminal",
      "cwd": "${workspaceFolder}",
      "env": {
        "PYTHONPATH": "${workspaceFolder}"
      }
    },
    {
      "name": "Python: Django",
      "type": "debugpy",
      "request": "launch",
      "program": "${workspaceFolder}/manage.py",
      "args": ["runserver", "0.0.0.0:8000"],
      "django": true,
      "console": "integratedTerminal"
    },
    {
      "name": "Python: pytest",
      "type": "debugpy",
      "request": "launch",
      "module": "pytest",
      "args": ["-xvs", "${file}"],
      "console": "integratedTerminal",
      "cwd": "${workspaceFolder}"
    },
 
    // ===================================
    // Go
    // ===================================
    {
      "name": "Go: Launch Package",
      "type": "go",
      "request": "launch",
      "mode": "auto",
      "program": "${workspaceFolder}/cmd/server",
      "env": {
        "GO_ENV": "development"
      }
    },
    {
      "name": "Go: Test Current File",
      "type": "go",
      "request": "launch",
      "mode": "test",
      "program": "${file}"
    },
 
    // ===================================
    // ブラウザ
    // ===================================
    {
      "name": "Chrome: Open URL",
      "type": "chrome",
      "request": "launch",
      "url": "http://localhost:3000",
      "webRoot": "${workspaceFolder}/src",
      "sourceMapPathOverrides": {
        "webpack:///./src/*": "${webRoot}/*"
      }
    },
 
    // ===================================
    // Docker（リモートアタッチ）
    // ===================================
    {
      "name": "Docker: Attach to Node",
      "type": "node",
      "request": "attach",
      "port": 9229,
      "address": "localhost",
      "localRoot": "${workspaceFolder}",
      "remoteRoot": "/app",
      "restart": true,
      "skipFiles": ["<node_internals>/**"]
    }
  ],
 
  // ===================================
  // 複合実行（Compound）
  // ===================================
  "compounds": [
    {
      "name": "Full Stack: Frontend + Backend",
      "configurations": [
        "Next.js: Dev Server",
        "Python: FastAPI"
      ],
      "stopAll": true
    }
  ]
}

// .vscode/tasks.json
{
  "version": "2.0.0",
  "tasks": [
    // ===================================
    // ビルドタスク
    // ===================================
    {
      "label": "Build: TypeScript",
      "type": "shell",
      "command": "npx tsc --build",
      "group": {
        "kind": "build",
        "isDefault": true
      },
      "problemMatcher": ["$tsc"],
      "presentation": {
        "reveal": "silent",
        "panel": "shared"
      }
    },
    {
      "label": "Build: Next.js",
      "type": "shell",
      "command": "npx next build",
      "group": "build",
      "problemMatcher": [],
      "presentation": {
        "reveal": "always",
        "panel": "dedicated"
      }
    },
 
    // ===================================
    // 開発サーバー
    // ===================================
    {
      "label": "Dev: Frontend",
      "type": "shell",
      "command": "npm run dev",
      "isBackground": true,
      "problemMatcher": {
        "pattern": {
          "regexp": ".",
          "file": 1,
          "location": 2,
          "message": 3
        },
        "background": {
          "activeOnStart": true,
          "beginsPattern": ".",
          "endsPattern": "ready"
        }
      },
      "presentation": {
        "reveal": "always",
        "panel": "dedicated",
        "group": "dev"
      }
    },
    {
      "label": "Dev: Backend",
      "type": "shell",
      "command": "python -m uvicorn main:app --reload",
      "isBackground": true,
      "presentation": {
        "reveal": "always",
        "panel": "dedicated",
        "group": "dev"
      }
    },
    {
      "label": "Dev: Full Stack",
      "dependsOn": ["Dev: Frontend", "Dev: Backend"],
      "dependsOrder": "parallel",
      "problemMatcher": []
    },
 
    // ===================================
    // テスト
    // ===================================
    {
      "label": "Test: Unit",
      "type": "shell",
      "command": "npx vitest run",
      "group": {
        "kind": "test",
        "isDefault": true
      },
      "presentation": {
        "reveal": "always",
        "panel": "shared"
      }
    },
    {
      "label": "Test: Watch",
      "type": "shell",
      "command": "npx vitest watch",
      "isBackground": true,
      "presentation": {
        "reveal": "always",
        "panel": "dedicated"
      }
    },
    {
      "label": "Test: E2E",
      "type": "shell",
      "command": "npx playwright test",
      "presentation": {
        "reveal": "always",
        "panel": "dedicated"
      }
    },
 
    // ===================================
    // Lint & Format
    // ===================================
    {
      "label": "Lint: ESLint Fix",
      "type": "shell",
      "command": "npx eslint . --fix",
      "problemMatcher": ["$eslint-stylish"]
    },
    {
      "label": "Format: Prettier",
      "type": "shell",
      "command": "npx prettier --write .",
      "presentation": {
        "reveal": "silent"
      }
    },
    {
      "label": "Lint: Type Check",
      "type": "shell",
      "command": "npx tsc --noEmit",
      "problemMatcher": ["$tsc"]
    },
 
    // ===================================
    // Docker
    // ===================================
    {
      "label": "Docker: Up",
      "type": "shell",
      "command": "docker compose up -d",
      "presentation": {
        "reveal": "always"
      }
    },
    {
      "label": "Docker: Down",
      "type": "shell",
      "command": "docker compose down",
      "presentation": {
        "reveal": "always"
      }
    },
    {
      "label": "Docker: Rebuild",
      "type": "shell",
      "command": "docker compose up -d --build",
      "presentation": {
        "reveal": "always"
      }
    },
 
    // ===================================
    // データベース
    // ===================================
    {
      "label": "DB: Migrate",
      "type": "shell",
      "command": "npx prisma migrate dev",
      "presentation": {
        "reveal": "always"
      }
    },
    {
      "label": "DB: Seed",
      "type": "shell",
      "command": "npx prisma db seed",
      "presentation": {
        "reveal": "always"
      }
    },
    {
      "label": "DB: Studio",
      "type": "shell",
      "command": "npx prisma studio",
      "isBackground": true,
      "presentation": {
        "reveal": "always",
        "panel": "dedicated"
      }
    }
  ]
}

# プロファイルの切替で用途別の環境を管理
#
# 例: "Frontend" プロファイル
#   - ESLint, Prettier, Tailwind CSS IntelliSense
#   - React/Vue 拡張
#   - フロントエンド向けテーマ
#
# 例: "Backend" プロファイル
#   - Python, Go, Rust 言語サポート
#   - REST Client, Database Client
#   - シンプルなテーマ
#
# 例: "Python Data Science" プロファイル
#   - Python, Jupyter, Pylance
#   - データ可視化拡張
#   - 分析向け設定
#
# 例: "DevOps" プロファイル
#   - Docker, Kubernetes, Terraform
#   - YAML, Helm
#   - SSH Remote
#
# 例: "Writing" プロファイル
#   - Markdown All in One
#   - Spell Checker
#   - Zen Mode 設定
 
# CLI でプロファイル指定して起動
code --profile "Frontend" .
 
# プロファイルの管理
# コマンドパレット → "Profiles: Create Profile"
# コマンドパレット → "Profiles: Switch Profile"
# コマンドパレット → "Profiles: Delete Profile"
# コマンドパレット → "Profiles: Export Profile"
# コマンドパレット → "Profiles: Import Profile"
 
# プロファイルの共有
# エクスポートしたプロファイルは URL として共有可能
# チームメンバーが URL をクリックするだけで同一環境を構築

// SSH 設定（~/.ssh/config）
// Host dev-server
//   HostName 192.168.1.100
//   User developer
//   Port 22
//   IdentityFile ~/.ssh/id_ed25519
//   ForwardAgent yes
 
// VS Code 設定（settings.json）
{
  "remote.SSH.remotePlatform": {
    "dev-server": "linux"
  },
  "remote.SSH.useLocalServer": true,
  "remote.SSH.connectTimeout": 30,
  "remote.SSH.defaultExtensions": [
    "dbaeumer.vscode-eslint",
    "esbenp.prettier-vscode"
  ]
}

// WSL 環境での設定
{
  "remote.WSL.useShellEnvironment": true,
  "terminal.integrated.defaultProfile.linux": "zsh",
  // Windows 側のパスを WSL パスに変換
  "remote.WSL.fileWatcher.polling": false
}

# WSL から VS Code を開く
wsl
cd /home/user/project
code .
 
# 特定のディストリビューションを指定
code --remote wsl+Ubuntu-22.04 /home/user/project

# リモートマシンで VS Code Server を起動
# ブラウザや別の VS Code からアクセス可能
 
# サーバー側でトンネル作成
code tunnel
 
# 名前付きトンネル
code tunnel --name my-dev-server
 
# サービスとして登録（Linux）
code tunnel service install
 
# クライアント側から接続
# vscode.dev にアクセス → リモートマシンを選択
# または VS Code デスクトップ版からリモート接続

// 大規模モノレポでの設定例
{
  // ファイル監視の最適化
  "files.watcherExclude": {
    "**/node_modules/**": true,
    "**/.git/objects/**": true,
    "**/.git/subtree-cache/**": true,
    "**/dist/**": true,
    "**/.next/**": true,
    "**/coverage/**": true,
    "**/.turbo/**": true,
    "**/build/**": true,
    "**/.cache/**": true,
    "**/tmp/**": true
  },
 
  // 検索除外
  "search.exclude": {
    "**/node_modules": true,
    "**/dist": true,
    "**/.next": true,
    "**/coverage": true,
    "**/package-lock.json": true,
    "**/yarn.lock": true,
    "**/pnpm-lock.yaml": true,
    "**/*.min.js": true,
    "**/*.map": true,
    "**/.turbo": true
  },
 
  // TypeScript の最適化
  "typescript.tsserver.maxTsServerMemory": 4096,
  "typescript.tsserver.watchOptions": {
    "watchFile": "useFsEventsOnParentDirectory",
    "watchDirectory": "useFsEvents"
  },
 
  // ESLint の最適化
  "eslint.workingDirectories": [
    { "mode": "auto" }
  ],
 
  // Git の最適化
  "git.repositoryScanMaxDepth": 1
}

# VS Code の起動パフォーマンスレポート
code --status
 
# 拡張機能の起動時間を確認
# コマンドパレット → "Developer: Startup Performance"
# 各フェーズの所要時間が表示される:
#   - Electron Main → Window Load
#   - Window Load → Require Main
#   - Require Main → Workbench Ready
#   - Extensions Activated
 
# Extension Bisect（問題拡張機能の特定）
# コマンドパレット → "Help: Start Extension Bisect"
# 二分探索で問題のある拡張機能を自動特定
 
# verbose ログで起動
code --verbose --log trace

# Process Explorer で確認
# コマンドパレット → "Developer: Open Process Explorer"
 
# 対策:
# 1. 拡張機能の見直し（Running Extensions で起動時間確認）
# 2. TypeScript サーバーのメモリ制限
"typescript.tsserver.maxTsServerMemory": 2048
 
# 3. ファイル監視の最適化
"files.watcherExclude": { ... }
 
# 4. 大きなファイルの自動折りたたみ
"editor.foldingMaximumRegions": 5000
 
# 5. ミニマップの無効化
"editor.minimap.enabled": false

# ポータブルモード
code \
  --user-data-dir /path/to/portable/data \
  --extensions-dir /path/to/portable/extensions \
  /path/to/project

{
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[python]": {
    "editor.defaultFormatter": "ms-python.black-formatter"
  },
  "[go]": {
    "editor.defaultFormatter": "golang.go"
  },
  "[rust]": {
    "editor.defaultFormatter": "rust-lang.rust-analyzer"
  }
}

{
  // 大きなファイルの処理
  "editor.largeFileOptimizations": true,
  // トークン化の上限（行数）
  "editor.maxTokenizationLineLength": 20000,
  // ミニマップを無効化
  "editor.minimap.enabled": false,
  // 折りたたみを無効化
  "editor.folding": false,
  // ワードラップを無効化
  "editor.wordWrap": "off"
}