Codex: Codex App インターフェースガイド
最終更新：2026-08-31
Codex App はクラシックな3ペインレイアウトを採用し、最も完全な機能セットを提供しています。このレッスンでは各エリアの詳細を説明します。
📋 前提条件: Codex App がインストール済み（レッスン2を参照）
1. 学ぶ内容
- 3ペインレイアウトの構造
- 左パネル：タスクリストの機能
- 中央パネル：会話ウィンドウの操作
- 右パネル：マルチ機能エリアの使用
2. 全体レイアウト
Codex App は3ペインレイアウトを使用しています：
| エリア | 位置 | 機能 |
|---|---|---|
| タスクリスト | 左 | 複数の並列タスクを管理 |
| 会話ウィンドウ | 中央 | Codex との主要なインタラクションエリア |
| マルチ機能エリア | 右 | ファイルブラウザ、ターミナル、コードビューア |
3. 左パネル：タスクリスト
(1) 機能
- 新しいタスクの作成
- タスク間の切り替え
- タスクステータスの表示（進行中 / 完了 / 失敗）
- タスクの削除
(2) タスクステータス
| ステータス | アイコン | 説明 |
|---|---|---|
| 実行中 | 🔄 | Codex がタスクを実行中 |
| 完了 | ✅ | タスクが正常に完了 |
| 確認待ち | ⏸ | Approve アクションが必要 |
| 失敗 | ❌ | 実行エラー |
| キャンセル済み | ⏹ | ユーザーが手動でキャンセル |
▶ 例1：Alice の並列タスク管理
TEXT
📖 参照専用
Alice は3つのタスクを同時に処理：
🔄 タスク1：認証モジュールをリファクタリング
⏸ タスク2：支払いバグの修正（ファイル削除の確認待ち）
✅ タスク3：ログ追加（完了）
タスク2をクリック → 会話ウィンドウで操作をレビュー → Approve をクリック
4. 中央パネル：会話ウィンドウ
(1) 入力エリア
- テキスト入力ボックス：タスクの説明や追加指示を入力
- 添付ボタン：ファイルや画像をコンテキストとして添付
- 送信ボタン：タスクを提出
(2) メッセージタイプ
| タイプ | 説明 |
|---|---|
| ユーザーメッセージ | タスクの説明入力 |
| Codex の返信 | Codex の操作説明と結果 |
| ファイル変更 | コード diff を表示 |
| コマンド実行 | シェルコマンドと出力を表示 |
| 確認要求 | Approve/Reject が必要な操作 |
(3) アクションボタン
| ボタン | 説明 |
|---|---|
| Approve | Codex の操作を承認 |
| Reject | 操作を拒否 |
| Edit | Codex が提案したコードを修正 |
| Retry | Codex に再試行させる |
▶ 例2：コード変更のレビュー
DIFF
--- a/src/auth/login.ts
+++ b/src/auth/login.ts
@@ -15,3 +15,8 @@
return jwt.sign(payload, secret);
+}
+
+export function verifyToken(token: string): JwtPayload {
+ return jwt.verify(token, secret) as JwtPayload;
}
[Approve] [Reject] [Edit]
5. 右パネル：マルチ機能エリア
(1) ファイルブラウザ
- プロジェクトのファイルツリーを閲覧
- Codex が変更したファイルを確認
- ファイルをクリックして内容を表示
(2) ターミナルパネル
- Codex が実行したコマンドを表示
- コマンド出力を表示
- 手動でコマンドを入力
(3) コードビューア
- ファイルの全内容を表示
- diff 比較を表示
- シンタックスハイライト
(4) コンテキストパネル
- 現在使用中のコンテキストファイルを表示
- 手動でコンテキストを追加/削除
- コンテキストウィンドウの使用量を表示
6. 上部ツールバー
| 機能 | 説明 |
|---|---|
| モデル選択 | 使用中の AI モデルを切り替え |
| サンドボックスモード | Suggest / Auto Edit / Full Auto を切り替え |
| プロジェクト選択 | 現在の作業プロジェクトを切り替え |
| 設定 | 設定パネルを開く |
7. キーボードショートカット
| ショートカット | 機能 |
|---|---|
Cmd/Ctrl+N |
新しいタスク |
Cmd/Ctrl+Enter |
メッセージ送信 |
Cmd/Ctrl+Shift+A |
すべて承認 |
Cmd/Ctrl+Shift+R |
すべて拒否 |
Cmd/Ctrl+1/2/3 |
右パネルの切り替え |
Cmd/Ctrl+. |
現在のタスクを中断 |
8. 設定パネル
| 設定項目 | 説明 | デフォルト |
|---|---|---|
| サンドボックスモード | Suggest / Auto Edit / Full Auto | Suggest |
| デフォルトモデル | AI モデル選択 | gpt-5-codex |
| 自動保存 | Codex の変更を自動保存 | オン |
| テーマ | ダーク / ライト | システムに従う |
| フォントサイズ | コードフォントサイズ | 14px |
❓ よくある質問
Q 複数のタスクを同時に実行できますか？
A はい。Codex App はマルチタスク並列をサポートしています — 各タスクは独立したサンドボックスで実行され、干渉しません。
Q 会話ウィンドウのサイズを変更できますか？
A はい — パネルの境界線をドラッグしてエリアのサイズを調整できます。左または右のパネルを折りたたむこともできます。
Q Codex が変更したファイルはどこで確認できますか？
A 右側のファイルブラウザが変更されたファイルをマークします — クリックして diff を表示できます。会話ウィンドウにも各変更がリアルタイムで表示されます。
Q App と CLI の機能は同じですか？
A コア機能は同じです。App はより豊富な GUI 体験（ファイルブラウザ、マルチタスク管理）を提供し、CLI はターミナルユーザーと自動化シナリオに向いています。
Q 実行中のタスクを停止するにはどうすればよいですか？
A タスクリストのタスクを右クリックしてキャンセルを選択するか、ショートカット Cmd/Ctrl+. を使用します。
📖 まとめ
- 3ペインレイアウト：タスクリスト + 会話ウィンドウ + マルチ機能エリア
- 左パネルは並列タスクを管理、中央パネルは Codex とインタラクション
- 右パネルはファイル、ターミナル、コード変更を表示
- キーボードショートカットをマスターして効率を向上
- 設定パネルでサンドボックスモード、モデルなどを制御
📝 練習問題
- 基本 (⭐)：Codex App でシンプルなタスクを作成して完了する。各エリアのスクリーンショットを撮る。
- 中級 (⭐⭐)：2つのタスクを同時に実行し、並列実行を観察する。タスクステータスの変化を記録する。
- 上級 (⭐⭐⭐)：Codex App の設定をカスタマイズし、最適な設定を見つけて選択理由を説明する。
