OpenAIのCodexのVS Code拡張機能がリリースされたので試す 特徴から使い方まで解説
OpenAIは、人間の指示に従ってパソコン上のファイルを自動的に編集するコーディングエージェント「Codex」を提供しています。
そんなCodexはこれまでCLIとして使うか、GitHubリポジトリーと接続してWebから使うかの2通りの使い方がありましたが、今回新たにVS Code用の拡張機能がリリースされたので試してみました。
目次
CodexのVS Code拡張機能の特徴
Codexは、コードを読み取り、変更し、実行できるOpenAIのコーディングエージェントです。
VS CodeにCodexの拡張機能をインストールしてパネルに追加すると、Codexとチャットしたり、ファイルの編集を指示したり、Codexによる変更を確認したりできます。
開いているファイルや選択したコードをコンテキストとして追加できます。
CodexのVS Code拡張機能にはいくつかの承認モードがあり、デフォルトではAgentモードが選択されています。
Agentモードでは、Codexは作業ディレクトリー内でファイルを読み取ったり、編集したり、コマンドを実行したりできますが、作業ディレクトリー外で動作したりネットワークにアクセスしたりするには、ユーザーの承認が必要です。
ファイルを編集せずにチャットだけしたい場合や、作業前に計画を立てたい場合には、Agentモードの代わりにChatモードを利用できます。
また、Agent (Full Access)モードでは、ユーザーの承認なしでネットワークにアクセスしたり、ファイルを読み取ったり、編集したり、コマンドを実行したりできます。
さらに、作業内容をWebで利用できるクラウドのCodexにオフロードできます。
クラウドのCodexを利用するには、Codexが動作するクラウド環境をWebで設定し、Codex拡張機能から環境を選んでRun in the cloudを選択します。
ローカルの会話からクラウドタスクを開始すると、ローカルでの変更や会話履歴が引き継がれます。
逆に、クラウドのCodexの作業内容をローカルで確認し、作業内容や会話履歴をローカルに引き継ぐこともできます。
CodexのVS Code拡張機能は、macOSとLinuxで利用できます。
Windowsでも利用できますが実験的という扱いなので、Windows Subsystem for Linux（WSL）でCodexを使うことが推奨されています。
ちなみに、ほぼ同じタイミングでコードエディターのZedにGemini CLIが統合されています。
CodexのVS Code拡張機能の使い方
Codex拡張機能はVisual Studio Code Marketplaceからインストールできます。
https://marketplace.visualstudio.com/items?itemName=openai.chatgpt
また、コードエディター向けにも提供されています。
拡張機能をインストールすると、ほかの拡張機能と同様にサイドバーに表示されます。
サイドバーに表示されているOpenAIのロゴをドラッグアンドドロップすることで、GitHub Copilotのようにエディターの右側に移動できます。
エディターの右側に移動することで、ファイルの一覧とCodexを同時に表示できるようになるため、オススメです。
Codexを使うには、［Sign in with ChatGPT］というボタンをクリックし、ChatGPTのアカウントにログインします。
Codexを使うにはChatGPTの有料プランに加入している必要があります。
ただし、Codex CLIでログイン済みの場合は［Sign in with ChatGPT］ボタンが表示されなかったため、Codex CLIでAPIキーを設定すれば有料プランに加入していなくても使えると思われます（未検証）。
アカウントでログインすると、Codexとのチャット画面が表示されます。
テキストボックスに表示されている［Auto］ボタンがオンになっていると、最近のファイルなどのコンテキストを自動的に含めます。
基本的にはオンのままで大丈夫です。
特定のファイルや画像をコンテキストとして追加したい場合は、チャット画面のプラスマークをクリックします。
クリップボードの画像をCtrl + Vで貼り付けることもできます。
テキストボックスの下に表示されている［Local］をクリックすると、クラウドのCodexに切り替えられます。
ローカルで作業をしたい場合は［Local］、バックグラウンドで作業をしておいてほしい場合は［Run in the cloud］を選択すると良いでしょう。
ただし、クラウドのCodexを使うにはWeb版のCodexからクラウド環境を設定しておく必要があるほか、自分が所有しているGiHubリポジトリーでないと利用できないようなので注意が必要です。
［Agent］と書かれたボタンは、Codexの承認モードを切り替えます。
会話だけをしたい場合は［Chat］、ファイルを編集させたい場合は［Agent］、承認なしで自動的にインターネットにアクセスしたりファイルを編集したりしてほしい場合は［Agent (full access)］を選択します。
消すべきでないファイルを消してしまったりする可能性を防ぐため、基本的には［Chat］か［Agent］をオススメしますが、Codexを信頼する場合は［Agent (full access)］にすることで承認の手間を省けます。
テキストボックスの下に並んでいるボタンのうち、もっとも右側に配置されている［Medium］ボタンは、モデルのreasoning effort（推論努力）の設定です。
［High］に設定すると時間がかかる代わりに性能が向上し、［Minimal］や［Low］に設定すると高速で動作する代わりに性能が低下します。
記事の執筆にあたって探しても見つけられなかったのですが、［Minimal］だとWeb検索が使えないという情報も見かけた気がするので、注意が必要かもしれません。
使ってみた感想
これまでCodex CLIをたまに使っていたユーザーとして、Codexの拡張機能はCLIよりも差分が見やすかったりと、全体的に使いやすくなった印象を受けました。
また、Codexの最近のアップデートでサポートされたToDoリスト機能や画像ファイルの入力もサポートしていました。
一方で、［Agent (full access)］でもファイルの編集にはユーザーの承認が必要なようで、ClineやRoo Codeと比較してすこし煩わしく感じました。
ClineやRoo Codeのように承認の要・不要をもう少し細かく調整できるとさらに便利になりそうです。
参考リンク
記事をシェア
フォローして最新情報を入手
Googleの優先ソースに追加すると、このサイトの記事をGoogleで見つけやすくなります。また、ぜひXやRSSフィードもフォローしてください。
おすすめ記事
-1.png&w=1080&q=75)
生まれた時から、母国語よりも先にJavaScriptを使っていました。ネットの海のどこにもいなくてどこにでもいます。
Webフロントエンドプログラマーとして、TypeScriptを用いたWebアプリやブラウザー拡張機能を制作。Xのシャドウバン検知ツール「Shadowban Scanner」やリンクカード復活ツール「Restore Link Card」を公開し、国内外のメディアで紹介されました。iGEM 2023ではJapan-UnitedチームのWikiを制作してGrand Prizeの獲得に貢献。ブログではXやSNSの最新ニュース、不具合の検証と対処法、フロントエンド開発の知見を発信しています。
