開発環境の準備
本講義中は、GitHub Codespacesを用いてCodex CLIを利用します。 GitHub Codespacesは、クラウド上で開発環境を提供するサービスで、ブラウザーだけで開発環境を利用できます。 これにより、インストールやセットアップの手間を省き、すぐに開発を始めることができます。
GitHub Codespacesとは
GitHubが提供するクラウドの開発環境です。 GitHub Codespaces
-
環境構築不要 通常、プログラミングや開発を行う際は複数のツールをインストールする必要がありますが、Codespaces上のマシンには主要なツールがすでにインストールされています。 自分のPCには何もインストールしなくても、すぐに開発を始められます。
-
どのPCでも同じ環境 クラウド上で開発を行うことができるため、個人のPCの設定などに左右されず、チーム全員が同じ設定で作業できます。
GitHub Codespacesでの作業手順
まずはじめに、GitHubでリポジトリを作成しましょう。
GitHub リポジトリを新規作成
- リポジトリとは、Gitで管理しているフォルダー、ディレクトリのことです。
補足：💡フォルダー、ディレクトリ、リポジトリの違い
フォルダー
- パソコンの中でファイルを入れる「入れ物」
- 物理的なディレクトリ構造の見た目のこと
ディレクトリ
- フォルダーとほぼ同じ意味ですが、コンピューター用語寄り
- ターミナルやコマンドラインで「今いる場所」を指すときに「ディレクトリ」と言う
- 例：
cd my-siteは「my-site」というディレクトリに移動するという意味です。
リポジトリ（Repository）
- Gitで管理されているフォルダー（＋その中の履歴データ）
- 普通のフォルダーとの違いは「中に
.gitという隠しフォルダーがあり、過去の履歴や設定が入っている」こと - GitHubにアップすると、そのままインターネット上のリポジトリにもなります。
- GitHub にログインし、右上の「＋」→ New repository をクリック
- Repository name に任意の名前（例：
my-site）を入力し、Add READMEをオンにして、Create repository をクリックします。
Codespaceを起動
- 作成したリポジトリのトップページがこのようになっていることを確認します。
- 右上の「＋」→ New Codespace をクリックします。
- Codespace作成の設定画面に移行するので、Repositoryから先ほど作成したリポジトリを選択します。その他の設定はデフォルトのままでOKです。Create codespaceをクリックします。
作成から起動までに1〜3分ほどかかる場合があります。ブラウザーは閉じずにそのまま待ちましょう。
Codespacesの料金について
Codespacesは毎月一定量まで無料で使用することができます。 個人用のGitHubアカウントには、月あたり15GBのストレージと、120コア時間の使用時間が付与されます。 コア時間は使用するマシンのスペックによって消費量が異なります。 2コアマシンを1時間使うと2コア時間を消費し、8コアマシンを1時間使うと8コア時間という計算です。 詳しくはGitHub Codespacesの料金についてをご確認ください。
Codespacesの画面構成
GitHub Codespacesは、クラウド上で動作するVS Code（Visual Studio Code）です。 VS Codeは、Microsoftが提供する無料のソースコードエディターで、多くのプログラミング言語をサポートし、拡張機能を通じて機能を追加することができます。
Codespaces/VS Codeの画面構成について簡単に説明します。
-
ファイルエクスプローラー 左側に表示されるファイルエクスプローラーは、プロジェクト内のファイルやフォルダーを表示します。ここからファイルをクリックすることで、エディターで開くことができます。
-
エディター 画面中央に位置するエディターは、コードを編集するための領域です。シンタックスハイライトやコード補完機能が利用でき、効率的にコードを書くことができます。
-
ターミナル 画面下部に表示されるターミナルは、コマンドを実行するためのインターフェースです。ここでGitコマンドやnpmコマンドを実行して、プロジェクトの管理やビルドを行うことができます。
Codex CLIのインストール
それでは実際にCodespaces上でCodex CLIを動かしてみましょう。
まず、Codespacesのターミナルで以下のコマンドを実行し、Codex CLIをインストールします。 実行は、このコマンドをターミナルに入力（コピー＆ペースト）し、Enterキーを押すことでできます。
npm i -g @openai/codex
このコマンドで、Codex CLIがCodespaces上のマシンにグローバルにインストールされます。
Codex CLIの起動
インストールが完了したら、以下のコマンドでCodex CLIを起動します。
codex
実行すると、以下のように回転するロゴが表示されます。
この講義では、APIキーを使ってCodex CLIにサインインします。 APIキーは、AIを使うための合言葉のようなものです。他人に見せたり、GitHubや公開ページに貼ったりしないでください。 講義用APIキーが配布される場合は、先生やTAの案内に従って入力します。
講義では、ChatGPTアカウントでのサインイン手順は扱いません。画面に複数の認証方法が表示された場合は、APIキーを使う選択肢を選んでください。
API key と書いてあるところに、講義中に案内されたAPIキーをペーストします。 講義用APIキーが配布される場合は、下の欄に授業中に共有されたパスワードを入力すると表示できます。
講師向け：講義用APIキーを公開する手順
授業前に、ローカルで次のコマンドを実行します。入力したAPIキーとパスワードは画面に表示されません。
node scripts/encrypt-class-api-key.mjs
作成された assets/data/class-api-key.enc.json をGitHub Pagesに公開すると、このページのフォームから復号できます。授業後はOpenAI Platform側で講義用APIキーを削除してください。
成功すると、上記のような画面になります。 失敗する場合は、APIキーのコピー漏れや入力場所を確認してください。講義用APIキーを使っている場合は、先生やTAに確認しましょう。
重要：モデルの選択
Codexでは、作業に使うAIのモデルを選べます。
2026年8月現在のGPT-5.6系には、次の3つがあります。
gpt-5.6-sol：難しい作業が得意gpt-5.6-terra：性能とコストのバランスを重視gpt-5.6-luna：速さとコストを重視
この講義では gpt-5.6-luna を使います。
Codexを起動している画面で、
/model
と入力してください。
上下の矢印キーで gpt-5.6-luna に移動し、Enterキーを押します。
モデル名や画面は更新されることがあります。
gpt-5.6-lunaが見つからないときは、先生やTAに聞いてください。
次に、Reasoning Levelを選びます。Reasoning Levelは、AIが答える前に「どのくらいじっくり考えるか」の設定です。
どれを選んでも進められますが、この講義では Extra high を選びます。 上下の矢印キーで移動し、Enterキーを押してください。
Reasoning Levelを高くすると難しい問題をじっくり考えられますが、回答までの時間が長くなることがあります。
補足
- Codex CLIを終了するには、CLIを実行しているターミナルで
Ctrl + Cを押します。 - この後は「Codex CLI用ターミナル（対話用）」と「通常のbashターミナル（コマンド実行用）」の2つを並行して使います。画面右上の「＋」から新しいターミナルを開き、
bashと表示されるタブでコマンドを実行してください。 - モデル名やUIは変わりやすいので、迷った場合はCodex CLI公式ドキュメントも確認してください。
前へ → はじめに 次へ → Codex CLI でサイト作成 目次へ → ホーム