Visual Studio CodeでCodexを利用する方法【Windows】【初心者向け】

この記事で扱う内容

この記事では、Visual Studio CodeでCodexを利用する方法についてご紹介します。

前提

前提知識・前提スキル

• Windows OS の基本操作ができる人

• ブラウザの基本操作ができる人

前提環境

• 使用PC
  • OS が Windows 11であること
  • Visual Studio Codeがインストールされていること
  • Visual Studio CodeでCodex拡張機能をインストールしても良いこと

参考記事Visual Studio Codeのダウンロード・インストール方法【日本語化も】【Windows】【初心者向け】→

• その他
  • ChatGPTアカウントを作成済みであること
  • ChatGPTアカウントのサブスクリプションプランがCodexを利用可能であること

参考記事ChatGPT（OpenAI）アカウント作成方法【初心者向け】【無料】→ 参考記事ChatGPT（OpenAI）アカウントで二段階認証を設定する方法【初心者向け】→ 参考記事ChatGPTで自分のチャット内容を学習させないようにする方法【初心者向け】【AI学習】【AIトレーニング】【オプトアウト】→

Visual Studio CodeでCodexを利用する方法

この例では、ブラウザは「Google Chrome」を使用しています。

Visual Studio Codeで「Codex」拡張機能をインストールする

Visual Studio Codeを起動する

スタートメニューで「visual studio code」を検索後、「Visual Studio Code」を選択し起動する

Visual Studio Codeが起動するため、左サイドメニューの「Extensions（拡張機能）」のボタンを押す

「拡張機能」の画面が表示されるため、上部にある検索テキストボックスに「codex」と入力し、表示された「Codex - OpenAI’s coding agent」という拡張機能の「インストール」ボタンを押す

「Codex - OpenAI’s coding agent」の画面が表示され、すぐにインストールが完了し、右上辺り「Codexのアイコン」ボタンが表示されるため、そのボタンを押す

右側にCodexのサイドバーが表示されるため、「ChatGPT を使用してサインイン」ボタンを押す

ブラウザが起動しChatGPTの認証画面が表示されるため、Codex利用可能なChatGPTのアカウントでログインする

今回は、メールアドレスで登録しているアカウントで認証します。

「メールアドレス」テキストボックスにメールアドレスを入力し、「続行」ボタンを押す

「パスワード」テキストボックスにパスワードを入力し、「続行」ボタンを押す

「ワンタイム コード」テキストボックスに認証コードを入力し、「続行」ボタンを押す

多要素認証（MFA）を設定している場合に表示されます。

ChatGPTを使用してCodexにサインインするか確認されるため、「続行」ボタンを押す

Codexにサインインした旨のメッセージが表示されるため、ブラウザの当該ウィンドウを閉じる

Codexのサイドバーの下部にCodexの説明が表示されるため、説明が終わるまで「Next」ボタンを押し続ける

Visual Studio CodeのCodexのチャットに指示（プロンプト）を試し打ちする

左サイドメニューの「エクスプローラー」のボタンを押す

「エクスプローラー」のサイドバーが表示されるため、「フォルダーを開く」ボタンを押す

「フォルダーを開く」ダイアログが表示されるため、任意の作業フォルダを選択し、「フォルダーの選択」ボタンを押す

「エクスプローラー」の画面に選択した作業フォルダの中身が表示され、「このフォルダー内のファイルの作成者を信頼しますか?」という確認メッセージが表示されるため、「はい、作成者を信頼します」ボタンを押す

チャットのサイドバーが表示される

チャットサイドバーの左上辺りの「…」ボタンを押す

メニューの「Codex」を選択する

Codexのサイドバーが表示される

Codexのサイドバーの下部にあるテキストエリアに任意のプロンプトを入力し、Enterキーを押すか、右下辺りにある「送信する」ボタンを押す

以下は例で、「あなたは何ができますか？」という入力と、その結果です。

おすすめの関連記事

参考記事Visual Studio Codeのダウンロード・インストール方法【日本語化も】【Windows】【初心者向け】→ 参考記事ChatGPT（OpenAI）アカウント作成方法【初心者向け】【無料】→ 参考記事ChatGPT（OpenAI）アカウントで二段階認証を設定する方法【初心者向け】→ 参考記事ChatGPTで自分のチャット内容を学習させないようにする方法【初心者向け】【AI学習】【AIトレーニング】【オプトアウト】→ 参考記事PyCharmのAIアシスタント機能でCodexを利用する方法【Windows】【初心者向け】→ 参考記事Codex CLIのダウンロード・インストール方法【Windows】【初心者向け】→ 参考記事Windows版Codexアプリのダウンロード・インストール方法【初心者向け】→ 参考記事Visual Studio CodeでGitHub Copilotを利用する方法【Windows】【初心者向け】→ 参考記事Visual Studio CodeでClaude Codeを利用する方法【Windows】【初心者向け】→ 参考記事Visual Studio CodeでGemini Code Assistを利用する方法【Windows】【初心者向け】→

参考

• OpenAI Developers（Codex > Using Codex > IDE Extension > Overview）

• Visual Studio Marketplace（Codex – OpenAI’s coding agent）