【VSCode】Copilot サブスクを契約せずに API 従量課金制で AI / MCP を利用する

## 概要
- Cursor などの AI エディタは、サブスク契約をしなくても、APIキーを利用した従量課金の AI 利用が可能
  - API キーの利用ができる故に、Cursor が用意していない AI モデルも個別に追加・利用が可能だった
- VS Code は API キーを利用した従量課金の利用ができず、サブスク契約のみだった
  - サブスクしかないため、Copilot 側が用意した固定のモデル一覧から選ぶことしかできなかった
- VS Code（Visual Studio Code）は v1.99 のリリースで、**Bring Your Own Key (BYOK)** 対応によって、「APIキーの登録・従量課金制による利用」と「AI モデルの指定追加」が可能となった

https://code.visualstudio.com/updates/v1_99

### 結論
執筆現在は、**Copilot** の従量課金利用の方が、Cursor の従量課金よりも出来ることが多いです（後述）

### 前提
- 筆者は、本記事の記載時点では Copilot の **無料プラン** を利用しています
- OpenAI や Anthropic 等 の API キーは事前に発行しておくこと（ここでは説明しません）

## 手順

### Copilot サインイン
Copilot が無料プランの場合でも、AI を使うならサインインをしておく必要がある。
VS Code の右下の Copilot アイコンから、サインイン（ログイン）をしておく。

![vscode_set_01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/787582/3970c26b-fc73-4fee-bdba-6a5533221a46.png)

### APIキー設定・AI モデル選択
右側の AI チャットウィンドウを展開し、会話欄のモデル選択プルダウンをクリック

![vscode_set_02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/787582/0a7f77df-7c00-45c1-beae-ccc836c416a6.png)

**「Manage Models...」**（AI モデル管理）を選択する

![vscode_set_03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/787582/1e05966a-a13c-44d3-8416-802254990ef9.png)

表示されたプロバイダの中から、APIキーを使用する対象を選択（クリック）する。
※ 今回は Anthropic を選択

![vscode_set_04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/787582/db4c3ed0-5756-4a3b-9877-daefe70f11d5.png)

事前に準備した **API キー** を入力し、Enter キーを押す

![vscode_set_05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/787582/c64ee9b0-0179-444d-a5ee-eea7eb67e882.png)

自動で表示されるものから導入するモデルを選択し、**「OK」** をクリックすると確定。
※ 最新モデルなどを自分で指定する場合は **「+ Add custom model...」** を選ぶ

![vscode_set_06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/787582/d44c5272-69b0-4d85-b989-f4de16efeff1.png)

成功すると、右下に下図のような通知が表示される（表示されたら消してもよい）

![vscode_set_07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/787582/b21e3747-33cf-454e-8cc8-21f329ac248d.png)

右下の AI モデル一覧を確認して、選択したモデルが追加されていれば利用可能となる。
※ 今回は `claude-3-7-sonnet-20250219` を追加した

![vscode_set_08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/787582/db4719d8-af54-4ec4-a353-dd0511595900.png)

### 動作確認
チャットに「質問する」で導入したモデルが動いた！

![vscode_set_09_1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/787582/04878f6b-a9e5-48d9-a1f1-2c19296da84f.png)

これで、Copilot 無料プランのままでも、サブスクなしで VS Code で AI コーディングできる👏✨

### おすすめの使い方
そもそも、AI チャットに質問する時に、音声で話しかけて質問できるのが大変便利。
デフォルトは英語設定なので、日本語にする必要がある。

![vscode_set_09_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/787582/4939e62c-9304-47b1-b6a8-f3bb74479468.png)


API 従量課金のおかげで、会話しながらコーディングが捗る。

## 登録内容や導入モデルを変える場合は？
上記の API キー登録・モデル選択を上から再度やり直すと、API キーを変更したり、一覧に表示する AI モデルを選び直したりすることができる。

## Copilot は、従量課金で AI エージェントも Edits も動かせる
最初の「結論」にもあるように、執筆現在では、Cursor よりも出来ることの幅広さ・柔軟性は VS Code の方が広くなった印象。
VS Code の方が、実質デフォルトで AI チャット入力の **音声入力** にも対応しており（使用時に拡張機能 `VS Code Speech` を自動で入れてくれる）、**MCP サーバの追加等** も扱いやすい。

### Agent mode が動く！
まず、Cursor はサブスク契約をせずに API 従量課金だと、**エージェントモード** や **ファイルへの編集適用機能** が使えない（Ask/質問 しか使えない）

👇 API キーの利用ではダメだと明確に怒られる
![vscode_set_10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/787582/7002d0a7-6d5f-4a62-98f1-19de9a32d4c8.png)

しかし、VS Code では、**API 従量課金でもエージェントが使用できる！**

![vscode_set_11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/787582/5b8e54cb-8dde-40b4-8056-77848a3ae747.png)

👇 実際に作られた簡単な LP（しかも、画像は素材サイト "Unsplash" から勝手に用意してくれた）

![vscode_set_12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/787582/b6cdc6b2-e3d2-467d-a9e9-8299e0e8c38b.png)

Cursor でたま〜にエージェントとか編集適用を使いたいシーンがあって、それができなかったので微妙に不満だったが、VS Codeができるなら大満足🐷

### Edits (Edit files) も動く！
エージェントモードだけでなく、編集機能も動く。
これも Cursor では API キー利用だと動かなかった。

![vscode_set_13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/787582/602e416c-dfa7-47f6-a0ef-9bfda6db94ef.png)


### 使い過ぎに注意
ただし、従量課金制（＝どんどんクレジット消費する）なので、エージェントモードの様な使い方をする場合は、使い過ぎに要注意
※ Cline みたいなものを動かしたら **課金死** するかもしれません🥶

## まとめ
VS Code でも API キー利用による従量課金制の AI コーディングが可能となり、サブスクで利用しない時もお金を垂れ流すのが嫌な場合は、API キーでピンポイントに利用して費用を抑えることができる様になった。

たくさん API を叩いてクレジットを消化するのが不安ならば、一時的にサブスクを利用することも有用で、この Copilot はサブスク費用も安い。