VS Codeの設定
VS Codeはコードエディタであり、モデルプロバイダーではありません。VS CodeでClaude、GPT、Gemini、または中継プロバイダーのモデルを利用する場合、通常はCline、Continue、GitHub Copilotなどの拡張機能を経由します。API Key、Base URL、モデル名を入力する実際の場所は、各拡張機能の設定内になります。
公式情報 ダウンロードやドキュメントは公式サイトをご確認ください。
まず3つの概念を整理しましょう
VS Codeコードを書くためのエディタ本体です。プロジェクトの展開、ファイルの編集、拡張機能の管理を担当します。
AI拡張機能Cline、Continue、Copilotなどの拡張機能です。質問やコードのコンテキストをモデルに送信し、返答をVS Code上に表示する役割を担います。
モデル提供元Claude、GPT、Gemini、OpenAI互換のAI中継プロバイダー、ローカルモデルなどが該当します。利用できるかどうかは、選択した拡張機能が対応しているかによります。
つまり、本ページの内容は「Cline / Roo Codeだけでしか設定できない」わけではありません。より正確には「VS Code内でAI拡張機能を選択し、その拡張機能の中でClaude、GPT、Gemini、またはOpenAI互換サービスを選択する」という構造になっています。
モデル提供元(プロバイダー)の選び方
| 使いたいモデル | プロバイダーの選択肢 | Key / Base URLの入力方法 | 適した用途・場面 |
|---|---|---|---|
| Claude | Anthropic / Claude | AnthropicのKeyを入力します。中継プロバイダーを利用する場合は、案内に従ってOpenAI Compatibleまたはカスタム項目を選択します。 | コード理解、コード修正、長文コンテキストの質疑応答に適しています。 |
| GPT / OpenAI | OpenAI | OpenAIのKeyを入力します。公式直連の場合は通常Base URLの変更は不要ですが、中継プロバイダーを利用する場合は指定されたAPI URLを入力します。 | 一般的な質疑応答、コードの解説、細かな修正などに適しています。 |
| AI中継プロバイダー / 統合サービス | OpenAI Compatible / Custom Provider | プロバイダーの管理画面に表示されているKey、Base URL、Model IDをそのままコピーして入力します。Base URLに /v1 を含むかどうかは管理画面の指示に従ってください。 | 複数のモデルを一元的に利用したい初心者に適しています。 |
| Gemini / その他のモデル | Google Gemini または該当するProvider | 各プラットフォームのKeyを入力します。Base URLは拡張機能側でカスタムURL設定が用意されている場合のみ入力します。 | 複数モデルの比較に適しています。利用可否は拡張機能のバージョンに依存します。 |
| GitHub Copilot | GitHub / Copilotログイン | 通常、KeyやBase URLを入力する必要はなく、GitHubアカウントにログインして権限を有効化します。 | VS Code公式エコシステム内で手軽にコーディングアシスタントを使いたい方に適しています。 |
設定の手順とポイント
- まずVS Codeをインストールし、左側の拡張機能マーケットプレイス(Extensions)を開きます。
- AI拡張機能を選択します。初心者にはClineがおすすめです。すでにContinueをお使いの場合は本サイトのContinue個別ページをご覧ください。Roo Codeは上級者向けのため、初心者の最初の導入としてはおすすめしません。
- 拡張機能の設定を開き、まずProvider、Model Provider、API Providerといった項目を探します。
- Claudeを使いたい場合はAnthropic / Claudeを、GPTを使いたい場合はOpenAIを、中継プロバイダーを使う場合はOpenAI CompatibleまたはCustom Providerを選択します。
- Keyを入力します。公式プラットフォームを使う場合は通常公式Keyのみで済みますが、中継プロバイダーを利用する場合は管理画面からKeyとBase URLの両方をコピーして設定します。
- モデルを選択するか、モデル名を手動で入力します。モデル名は勝手に書き換え直さず、プロバイダー管理画面に表示されている名称を正確に入力してください。
- コマンドの自動実行、ファイルの自動変更、変更の自動適用などは「オフ」または「都度確認」に設定しておきます。
初回動作確認の安全なテスト
最初のテストではこのように指示するのがおすすめです
Read only the currently open file. Do not modify files or run commands. Explain what this code does in beginner-friendly language. コマンドの実行やファイルの変更を伴う操作では、まず何を行おうとしているのかを確認してください。初心者は完全自動モードを有効にしないことを推奨します。
