導入ガイド

プロバイダー導入ガイド

ツール別の設定手順やトラブルシューティングを見る。

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の入力方法適した用途・場面
ClaudeAnthropic / ClaudeAnthropicのKeyを入力します。中継プロバイダーを利用する場合は、案内に従ってOpenAI Compatibleまたはカスタム項目を選択します。コード理解、コード修正、長文コンテキストの質疑応答に適しています。
GPT / OpenAIOpenAIOpenAIの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 CopilotGitHub / Copilotログイン通常、KeyやBase URLを入力する必要はなく、GitHubアカウントにログインして権限を有効化します。VS Code公式エコシステム内で手軽にコーディングアシスタントを使いたい方に適しています。

設定の手順とポイント

  1. まずVS Codeをインストールし、左側の拡張機能マーケットプレイス(Extensions)を開きます。
  2. AI拡張機能を選択します。初心者にはClineがおすすめです。すでにContinueをお使いの場合は本サイトのContinue個別ページをご覧ください。Roo Codeは上級者向けのため、初心者の最初の導入としてはおすすめしません。
  3. 拡張機能の設定を開き、まずProvider、Model Provider、API Providerといった項目を探します。
  4. Claudeを使いたい場合はAnthropic / Claudeを、GPTを使いたい場合はOpenAIを、中継プロバイダーを使う場合はOpenAI CompatibleまたはCustom Providerを選択します。
  5. Keyを入力します。公式プラットフォームを使う場合は通常公式Keyのみで済みますが、中継プロバイダーを利用する場合は管理画面からKeyとBase URLの両方をコピーして設定します。
  6. モデルを選択するか、モデル名を手動で入力します。モデル名は勝手に書き換え直さず、プロバイダー管理画面に表示されている名称を正確に入力してください。
  7. コマンドの自動実行、ファイルの自動変更、変更の自動適用などは「オフ」または「都度確認」に設定しておきます。

初回動作確認の安全なテスト

最初のテストではこのように指示するのがおすすめです
Read only the currently open file. Do not modify files or run commands. Explain what this code does in beginner-friendly language.
コマンドの実行やファイルの変更を伴う操作では、まず何を行おうとしているのかを確認してください。初心者は完全自動モードを有効にしないことを推奨します。