「コードを書きながら、ブラウザのChatGPTにコピーして貼って、また戻す」。この往復に疲れている方は多いはずです。エディタの中でそのままAIに聞ければ、開発の流れは途切れません。
2026年現在、ChatGPTとVS Code（Visual Studio Code）をつなぐ方法は3つあります。OpenAI公式のCodex拡張機能、ChatGPTデスクトップアプリとの連携、そしてAPIキーを使うサードパーティの拡張機能です。それぞれ料金の仕組みと対応環境が違うため、自分に合ったものを選ぶ必要があります。
この記事では、ChatGPTコンサル編集部が、3つの方法の違いと設定手順、うまく表示されないときの対処、そして開発を効率化する使い方を解説します。
⚠️ 本記事は2026年9月10日時点の情報です。拡張機能の名称・画面・対応プランは更新されます。設定前にOpenAI公式ヘルプおよびVS Codeの拡張機能ページでご確認ください。
結論｜3つの方法の使い分け
| 方法 | 認証 | 料金 | 向いている人 |
|---|---|---|---|
| ①公式Codex拡張機能 | ChatGPTアカウント | プラン内（実用はPlus以上） | ほとんどの人。まずこれ |
| ②デスクトップアプリ連携（macOS） | ChatGPTアカウント | プラン内 | Macで、会話しながらコードを見せたい人 |
| ③API経由の拡張機能 | OpenAI APIキー | 従量課金 | モデルを自由に選びたい、社内ルールでAPI利用が定められている人 |
迷ったら①です。APIキーの取得が不要で、ChatGPTのアカウントでサインインするだけで使えます。
💬 さとしさん（編集長）
2026年の本命は公式のCodex拡張だ。APIキーなし、アカウントでログインするだけ。まずここから始めよう！
方法①｜公式のCodex拡張機能（本命）
できること
Codexは、コードを読み、編集し、実行できるOpenAIのコーディングエージェントです。VS Codeの拡張機能を入れると、エディタの横にCodexのパネルが並び、開いているファイルをもとに次のような依頼ができます。
- 選択したコードの説明
- バグの原因調査と修正
- テストコードの作成
- リファクタリング
- コードレビュー
- コメントやドキュメントの追加
「教えてもらう」だけでなく、ファイルを直接編集し、必要ならコマンドを実行するところまで任せられます。
設定手順
- VS Codeを最新版に更新する
- 拡張機能のマーケットプレイスで、OpenAI公式のCodex拡張を検索してインストールする（開発元がOpenAIであることを確認）
- サイドバーに追加されたCodexのアイコンを開き、「ChatGPTでサインイン」を選ぶ
- ブラウザが開くので、ChatGPTのアカウントでログインして承認する
- VS Codeに戻ると、Codexのパネルが使える状態になる
APIキーの発行は不要です。ChatGPTと同じアカウントで、プランに含まれる利用枠の中で使います。
VS Codeの派生エディタ（Cursorなど）にも対応しています。
料金
ChatGPTのプランに含まれる形で提供されます。無料プランにも小さな利用枠がありますが、業務で日常的に使うならPlus以上が現実的です。2026年4月以降、利用枠は処理量に応じたクレジット制で、5時間の枠の中で消費されます。上限に達した場合は、追加クレジットの購入で継続できます。
なお、社内ルールでAPI利用が定められている場合は、Codex拡張をAPIキーで使う設定も選べます。この場合は従量課金になります。
表示されないとき
- VS Codeと拡張機能が最新版か確認する
- サインアウトして、もう一度サインインする
- 契約中のプランでCodexが対象になっているか確認する（法人プランは管理者の設定が必要な場合がある）
- 拡張機能が有効になっているか、無効化されていないかを確認する
多くの場合、更新か再サインインで解決します。
方法②｜ChatGPTデスクトップアプリとの連携（macOS）
Mac向けのChatGPTデスクトップアプリには、他のアプリの内容を読み取る「アプリとの連携」機能があります。VS Codeで開いているコードを、ChatGPTの会話画面から直接参照できます。
手順
- ChatGPTデスクトップアプリ（macOS）を最新版にする
- アプリの設定から「アプリとの連携」を開き、VS Code用の補助拡張機能をインストールする（公式サイトから拡張機能ファイルを入手し、VS Codeの「VSIXからのインストール」で追加）
- VS Codeを開いた状態で、ChatGPTアプリの連携アイコンからVS Codeを選ぶ
- 会話欄にVS Codeが連携されていることが表示されたら、コードについて質問や修正依頼ができる
向いている使い方
こちらは「会話しながらコードを見せる」のに向いています。設計の相談、コードの説明、書き方の比較など、対話中心の作業で便利です。一方、ファイルの直接編集やコマンド実行といったエージェント的な作業は、①のCodex拡張のほうが得意です。
Windowsには同等の機能がないため、Windowsユーザーは①か③を選んでください。
💬 あやさん（副編集長）
Macなら②も便利だけど、「作業を任せる」なら①、「相談しながら見せる」なら②。役割が違うと覚えておこう！
方法③｜APIキーを使うサードパーティの拡張機能
OpenAI APIのキーを登録して使う拡張機能（Genie AIなど）です。公式のCodex拡張が出る前から使われてきた方法です。
特徴
- モデルを自由に選べる。コスト重視なら軽量モデル、精度重視なら上位モデルと使い分けられる
- 従量課金。使った分だけ、APIの前払い残高から引かれる
- ChatGPTの契約とは別会計。APIの登録と前払い（最低5ドル）が必要
注意点
- 拡張機能の開発元を確認する。APIキーを預ける相手になるため、信頼できるものを選ぶ
- 支出上限を設定する。キーの漏えいや設定ミスによる高額請求を防ぐ
- 公式拡張ほどエージェント機能は充実していないことが多い
社内ルールでAPIキーによる利用が定められている場合や、モデルの選択を細かく制御したい場合に向いています。
開発を効率化する使い方
連携できたら、次の順で試すと効果が実感しやすくなります。
1. 既存コードの説明を頼む
引き継いだコードや、久しぶりに触るコードを選択して「何をしているか説明して」。読解の時間が大きく縮みます。
2. エラーの原因を調べさせる
エラーメッセージとコードを見せて「原因と修正案を」。手当たり次第に検索する時間が減ります。
3. テストを書かせる
「この関数のテストコードを書いて」。後回しにしがちなテストが、その場で用意できます。
4. リファクタリングを依頼する
「可読性を上げて。動作は変えないで」。動作を変えない、という条件を明示するのがコツです。
5. レビューを受ける
「このコードの問題点を厳しく指摘して」。自分では気づかない抜けが見つかります。
非エンジニアの場合
GoogleスプレッドシートのGASやExcelのマクロも、VS Codeで書いてAIに直してもらえます。「この処理を自動化するスクリプトを書いて」と頼み、エラーが出たらそのまま見せる。コードを書けなくても、直させることはできます。
GitHub Copilotとの違い
VS CodeのAI補助として、GitHub Copilotを使っている人も多いでしょう。違いを簡単に整理します。
| 観点 | Codex拡張 | GitHub Copilot |
|---|---|---|
| 得意 | まとまった作業を任せる（修正、テスト、実行） | 入力中の補完、その場の提案 |
| 契約 | ChatGPTのプラン | GitHubのサブスクリプション |
| モデル | OpenAIのモデル | 複数社のモデルから選択可 |
補完はCopilot、作業の委任はCodex、と併用している開発者も多く、排他的な関係ではありません。
導入時の注意点
- 機密コードの扱い：法人では、社外に出してよいコードの範囲を先に決める。法人向けプランは学習に使われない設定が標準だが、社内ルールとの整合を確認する
- 直接編集の前に：Codexはファイルを直接書き換える。バージョン管理（Git）でコミットしてから作業を任せる
- 対象範囲を限定する：「このファイルだけ」「この関数だけ」と絞ると、意図しない変更を防げる
- 利用枠：使い放題ではない。重い作業ほど枠を消費するため、上位モデルは必要なときだけ
- 拡張機能の出どころ：「ChatGPT」の名前を使った非公式の拡張が多数ある。開発元を必ず確認する
💬 さとしさん（編集長）
「Gitでコミットしてから任せる」。この習慣だけで、AIの直接編集は怖くなくなる。安全装置を先に用意しよう！
よくある質問（FAQ）
Q. ChatGPTとVSCodeの連携に、APIキーは必要ですか？
A. 公式のCodex拡張機能なら不要です。ChatGPTのアカウントでサインインするだけで使えます。APIキーが必要なのは、サードパーティの拡張機能を使う場合です。
Q. 無料プランでも使えますか？
A. Codex拡張には無料プランにも小さな利用枠があります。ただし業務で日常的に使うならPlus以上が現実的です。
Q. Windowsでも使えますか？
A. 公式のCodex拡張とAPI経由の拡張はWindowsで使えます。デスクトップアプリとの「アプリとの連携」はmacOS限定です。
Q. 拡張機能を入れたのに表示されません。
A. VS Codeと拡張機能の更新、再サインイン、プランの対象確認を試してください。多くは更新か再サインインで解決します。
Q. GitHub Copilotと何が違いますか？
A. Copilotは入力中の補完が得意、Codexはまとまった作業の委任が得意です。併用している開発者も多くいます。
まとめ
ChatGPTとVSCodeの連携について、要点を整理します。
- 方法は3つ。公式Codex拡張、デスクトップアプリ連携（macOS）、API経由の拡張
- 本命は公式Codex拡張。APIキー不要で、ChatGPTのアカウントでサインインするだけ
- Codex拡張はファイルの編集や実行まで任せられる。デスクトップ連携は会話しながら見せる用途
- API経由はモデル選択の自由と従量課金。社内ルールでAPI利用が定められている場合に
- 使い方は、説明、エラー調査、テスト作成、リファクタリング、レビューの順で試す
- 注意点は、機密コードの範囲、Gitでのコミット、対象範囲の限定、拡張の出どころ
まずは公式のCodex拡張を入れて、手元のコードを1つ選び「何をしているか説明して」と頼んでみてください。ブラウザとの往復がなくなる快適さは、1回で分かります。そこから、エラー調査、テスト作成と、任せる範囲を広げていけば十分です。
💬 あやさん（副編集長）
往復の手間がなくなるだけで、開発のリズムが変わるよ。まず1ファイル、説明を頼むところから始めよう！
生成AIの導入・活用でお困りではありませんか
ChatGPTやClaudeをはじめとした生成AIの活用を、研修とコンサルティングで支援しています。「開発チームへのAIツール導入を整理したい」「非エンジニアでも自動化スクリプトを内製できる体制をつくりたい」といったご相談も承っています。まだ情報収集の段階でも構いません。お気軽にお問い合わせください。
