VSCode Chat設定 完全ガイド - Copilot Chatを最適化するカスタマイズ方法

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

{
  // インライン提案の有効化（言語別設定可能）
  "github.copilot.enable": {
    "*": true,
    "yaml": false,
    "plaintext": false,
    "markdown": true,
    "javascript": true,
    "python": true
  },

  // インライン提案のフォントファミリー
  "editor.inlineSuggest.fontFamily": "Consolas",

  // インライン提案のツールバー表示
  "editor.inlineSuggest.showToolbar": "onHover",

  // シンタックスハイライトの有効化
  "editor.inlineSuggest.syntaxHighlightingEnabled": true,

  // 提案表示までの遅延時間（ミリ秒）
  "editor.inlineSuggest.minShowDelay": 0
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16

{
  // NESの有効化
  "github.copilot.nextEditSuggestions.enabled": true,

  // 診断情報に基づく修正提案の有効化
  "github.copilot.nextEditSuggestions.fixes": true,

  // 提案表示時にコードをシフトするか
  "editor.inlineSuggest.edits.allowCodeShifting": true,

  // 大きな提案のサイドバイサイド表示
  "editor.inlineSuggest.edits.renderSideBySide": "auto",

  // 提案を折りたたんで表示するか
  "editor.inlineSuggest.edits.showCollapsed": false
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18

{
  // copilot-instructions.mdファイルの使用
  "github.copilot.chat.codeGeneration.useInstructionFiles": true,

  // インストラクションファイルの検索場所
  "chat.instructionsFilesLocations": [
    ".github/instructions"
  ],

  // AGENTS.mdファイルの使用
  "chat.useAgentsMdFile": true,

  // ネストされたAGENTS.mdファイルの使用（実験的）
  "chat.useNestedAgentsMdFiles": false,

  // Agent Skillsの使用
  "chat.useAgentSkills": true
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17

{
  // コードレビュー時の指示
  "github.copilot.chat.reviewSelection.instructions": [
    { "text": "セキュリティの脆弱性を優先的にチェックしてください。" },
    { "file": ".github/review-guidelines.md" }
  ],

  // コミットメッセージ生成の指示
  "github.copilot.chat.commitMessageGeneration.instructions": [
    { "text": "Conventional Commits形式で記述してください。" }
  ],

  // プルリクエスト説明文生成の指示
  "github.copilot.chat.pullRequestDescriptionGeneration.instructions": [
    { "text": "変更点のリストを必ず含めてください。" }
  ]
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

{
  // MCPサーバーギャラリーの有効化
  "chat.mcp.gallery.enabled": true,

  // MCPサーバーの自動起動（実験的）
  "chat.mcp.autostart": true,

  // 仮想ツールのしきい値設定
  "github.copilot.chat.virtualTools.threshold": 128
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

{
  "servers": {
    "github": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-github"],
      "env": {
        "GITHUB_TOKEN": "${input:github-token}"
      }
    },
    "filesystem": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-filesystem", "${workspaceFolder}"]
    }
  },
  "inputs": [
    {
      "type": "promptString",
      "id": "github-token",
      "description": "GitHub Personal Access Token",
      "password": true
    }
  ]
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

{
  // Chatビューのフォントサイズ
  "chat.editor.fontSize": 14,

  // Chatビューのフォントファミリー
  "chat.editor.fontFamily": "Consolas, 'Courier New', monospace",

  // 行の高さ
  "chat.editor.lineHeight": 1.5,

  // ワードラップ
  "chat.editor.wordWrap": "on"
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

{
  // フォローアップ質問の自動表示
  "github.copilot.chat.followUps.enabled": true,

  // 編集リクエストのリトライ確認
  "chat.editing.confirmEditRequestRetry": true,

  // デフォルトのコンテキスト
  "chat.defaultContext": "selection"
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21

{
  // インライン提案の言語別設定
  "github.copilot.enable": {
    "*": true,
    "json": false,
    "yaml": false
  },

  // カスタムインストラクションの有効化
  "github.copilot.chat.codeGeneration.useInstructionFiles": true,

  // インストラクションファイルの場所
  "chat.instructionsFilesLocations": [
    ".github/instructions",
    ".copilot/instructions"
  ],

  // NESの有効化
  "github.copilot.nextEditSuggestions.enabled": true,
  "github.copilot.nextEditSuggestions.fixes": true
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

# プロジェクトコーディング規約

## 言語とフレームワーク
- TypeScript 5.x + React 19 + Next.js 15を使用
- スタイリングはTailwind CSS v4を採用

## コーディングスタイル
- 関数コンポーネントとReact Hooksを使用する
- 型定義は明示的に記述し、anyの使用を避ける
- エラーハンドリングは必ずtry-catchで行う

## 命名規則
- コンポーネント: PascalCase（例: UserProfile）
- 関数・変数: camelCase（例: getUserData）
- 定数: UPPER_SNAKE_CASE（例: MAX_RETRY_COUNT）

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

---
applyTo: "**/*.tsx"
name: "React Component Guidelines"
description: "Reactコンポーネント作成時のガイドライン"
---

# Reactコンポーネントガイドライン

- propsには必ずTypeScript interfaceを定義する
- useEffectの依存配列は省略しない
- カスタムフックは`use`プレフィックスを付ける
- メモ化が必要な場合はuseMemo/useCallbackを使用する