VS Code × AI Code With
VS Code で AI Code With を使用: サードパーティ API / リレー設定
VS CodeでAI Code WithのAnthropic互換APIを使用する場合、推奨される方法はClineプラグインです。拡張機能をインストールし、APIキーとカスタムBase URLを入力するだけで、設定ファイルを編集することなく、VS Code内で直接AI Code Withモデルを使用できます。このページでは、セットアップ手順、よくあるエラー、FAQを説明します。
VS Codeは公式ページからダウンロードし、Cline拡張機能をインストールしてください。APIキーはClineの設定パネルにのみ入力し、このページでは絶対に入力しないでください。
- API Provider
- Anthropic
- Base URL
- https://api.aicodewith.ai
- API Key
- 你的 AI Code With API Key
- Model
- claude-sonnet-4-6（示例）
クイックセットアップ
後でターミナルで使用するためにこのキーを保存
このツールはキーを独自の設定に保存します。サインイン後、キーをコピーして、以下の手順のAPIキーフィールドに貼り付けてください。
sk-***サインアウトした訪問者にはプレースホルダーのみが表示されます。サインインすると、あなたのキーが入力されます。 Sign in · コンソールでキーを取得
コピーすると、コマンドがクリップボードに置かれるだけです。まだターミナルで実行するか、ツールの設定にキーを貼り付ける必要があります。 APIキーの取得方法
Cline プラグインをインストールし、設定パネルで API キーとカスタム Base URL を入力すると、約 3 分で VS Code 内で AI Code With モデルを利用できます。
Cline は、VS Code でサードパーティ API を使用するための推奨プラグインで、Anthropic のカスタム Base URL をネイティブにサポートしています。インストール後は、Cline 設定パネル内で設定をすべて完了できます — 設定ファイルを編集する必要はありません。
Cline 拡張機能をインストール
VS Code Marketplace で Cline を検索し（拡張機能 ID saoudrizwan.claude-dev）、発行元を確認して Install をクリックします。インストールが完了するとアクティビティバーに Cline アイコンが表示されます。拡張機能が完全に読み込まれるよう、ウィンドウを一度再読み込みすることをおすすめします。
Search for Cline in the Marketplace, open its details page, and click Install. A Cline icon then appears in the activity bar. Cline 設定で接続を構成
アクティビティバーの Cline アイコンをクリックし、右上の歯車アイコンをクリックして設定を開きます。3 つのフィールドを入力します: ① API Provider ドロップダウンで Anthropic を選択（Cline は公式 Anthropic SDK を使用するため、プロトコル互換性が保証されています）; ② Anthropic API Key フィールドに AI Code With API キーを貼り付け（キーはローカルの安全なストレージに保持され、平文の設定ファイルには保存されません — 実際のキーをスクリーンショットやチャットで共有しないでください）; ③ Use custom base URL をチェックし、https://api.aicodewith.ai を入力（/v1 サフィックスは不要 — Cline が自動的に /v1/messages を追加します）。
In the settings panel: pick Anthropic as the API Provider, paste your AI Code With API key, check Use custom base URL, and enter https://api.aicodewith.ai. モデルを選択して確認
Model ドロップダウンでモデルを選択し（例: claude-sonnet-4-6）、Cline パネルでテストメッセージを送信します。正常な返信が返ればセットアップは成功です。最後に AI Code With の利用記録を開き、時刻とモデル名でリクエストを照合して、実際に AI Code With エンドポイント経由で処理されたことを確認します。
Pick a model and send a test message. A normal reply confirms the connection; match the call by time and model in AI Code With usage records.
ClineはどのようにAI Code Withに接続しますか？
Clineは、VS Codeエコシステムで人気のあるサードパーティのエージェント型プラグインで、カスタムのAnthropic互換エンドポイントをサポートしています。AI Code Withへの接続には、Clineのパネルで3つの設定だけが必要です：
- APIプロバイダー
- Clineの設定でAPIプロバイダーのドロップダウンからAnthropicを選択します。ClineはAnthropic公式SDKを使用してカスタムエンドポイントに接続します。
- APIキー
- AI Code With APIキーをAnthropic APIキーフィールドに貼り付けます。キーはClineの安全なローカルストレージに保存され、設定ファイルに書き込まれることはありません。
- Base URL
- 「カスタムBase URLを使用する」にチェックを入れ、https://api.aicodewith.ai を入力します（/v1の接尾辞は不要です。Clineが自動的に /v1/messages を追加します）。
フロー：VS Code + Clineプラグイン → Anthropicプロバイダー + カスタムBase URL → AI Code With互換API。すべてClineの設定パネルで設定でき、ファイルを編集する必要はありません。
よくある質問
VS CodeでAI Code Withを使用するにはどのプラグインが必要ですか？
Clineプラグイン（拡張機能ID: saoudrizwan.claude-dev）を使用してください。これはVS Code内でAI Code WithのサードパーティAPIに接続するための唯一のサポート方法です。Clineの設定でAnthropicを選択し、カスタムBase URLを設定してAI Code With互換APIに接続します。
AI Code WithのAPIキーはどこに入力しますか？
Clineの設定にあるAnthropic APIキーフィールドに貼り付けます。ClineはキーをVS Codeの安全なストレージに保存します。settings.jsonやその他のプレーンテキスト設定ファイルには書き込まれません。
Base URLには何を入力すればよいですか？
https://api.aicodewith.ai を /v1 の接尾辞なしで入力してください。ClineのAnthropicプロバイダーは自動的に /v1/messages を追加します。/v1 を入力すると、Clineが /v1/v1/messages という重複したパスを構築し、正しいエンドポイントに到達できません。
401エラーが発生するのはなぜですか？
通常、APIキーが無効であるか、入力ミスがあるか、余分なスペースが含まれてコピーされています。Clineの設定でキーを貼り直して、もう一度お試しください。
セットアップが機能していることを確認するにはどうすればよいですか？
Clineのパネルで設定したモデルを選択し、メッセージを送信してください。通常の返信が返ってくれば接続は成功です。AI Code Withの利用記録でリクエストの時刻とモデルを照合してください。
VS Codeをインストールしていませんか？
公式ページからVS Codeをダウンロードしてインストールし、Cline拡張機能をインストールして設定を開始してください。
VS Code公式ダウンロード
code.visualstudio.comからお使いのプラットフォーム用のインストーラーをダウンロードし、インストールしてエディターを開いてください。
公式ページからダウンロード完全なインストール手順はVS Code公式ドキュメントに従います。このサイトはインストーラーをホストしたり変更したりしません。
よくあるエラーのトラブルシューティング
最も頻繁に発生する問題は4つのカテゴリに分類されます。
401 / 無効なAPIキー
症状: リクエストが401、Unauthorized、またはInvalid API Keyを返します。
原因: 通常、APIキーが無効であるか、入力ミスがあるか、余分な文字が含まれた状態でコピーされています。
- Clineの設定でAPIキーを貼り直してください（余分なスペースなしで）
- キーが有効なAI Code With APIキーであることを確認してください
- メッセージの送信を再試行してください
モデルが見つからない / モデルIDの誤り
症状: リクエストがModel Not Foundまたは不明なモデルを報告します。
原因: モデルIDがチャネルと一致していないか、モデルが利用できません。
- ClineのモデルドロップダウンでAI Code Withが提供するモデルを選択してください
- キーがそのモデルにアクセスできることを確認してください
- AI Code Withの利用記録でモデルを確認してください
Base URLパスエラー
症状: メッセージ送信後にリクエストが失敗するか、誤ったエンドポイントパスが報告されます。
原因: Base URLに /v1 の接尾辞が含まれているため、Clineが /v1/v1/messages という重複したパスを構築し、正しいエンドポイントに到達しません。
- 値が https://api.aicodewith.ai であることを確認してください（/v1なし）
- 末尾の /v1、/v1/messages、または推測したパスを削除してください
- 設定を保存して再試行してください
設定が反映されない / デフォルトのAPIに接続してしまう
症状: メッセージがAI Code Withを経由しないか、Clineがデフォルトのエンドポイントの失敗を報告します。
原因: 「カスタムBase URLを使用する」にチェックが入っていないか、Base URLが誤った場所にあります。
- 「カスタムBase URLを使用する」にチェックが入っていることを確認してください
- アドレスが https://api.aicodewith.ai で始まることを確認してください
- 保存してメッセージの送信を再試行してください