Codex: Codex IDE 拡張

1. VS Code を開く
2. 左側の拡張機能アイコンをクリック（または Ctrl+Shift+X）
3. "Codex" を検索
4. Install をクリック
5. ChatGPT アカウントでログイン

1. Cursor を開く
2. 拡張機能マーケットプレイスで "Codex" を検索
3. インストール
4. アカウントでログイン

// このコードを選択
function formatDate(date) {
  return date.toISOString();
}

// 右クリック → Codex: Edit → "Add localization support, support Japanese date format"

// Codex が修正後
function formatDate(date: Date, locale: string = "ja-JP"): string {
  return new Intl.DateTimeFormat(locale, {
    year: "numeric",
    month: "long",
    day: "numeric",
  }).format(date);
}

Ctrl+Shift+P → "Codex: Generate" → 説明を入力

// Alice が VS Code で Ctrl+Shift+P を押す
// "Codex: Generate" を入力
// 説明："Create a React Hook that manages pagination state, including page number, page size, and total count"

// Codex が生成：
import { useState, useCallback } from "react";

interface PaginationState {
  page: number;
  pageSize: number;
  total: number;
}

export function usePagination(initialPageSize: number = 20) {
  const [state, setState] = useState<PaginationState>({
    page: 1,
    pageSize: initialPageSize,
    total: 0,
  });

  const setPage = useCallback((page: number) => {
    setState((prev) => ({ ...prev, page }));
  }, []);

  const setTotal = useCallback((total: number) => {
    setState((prev) => ({ ...prev, total }));
  }, []);

  const totalPages = Math.ceil(state.total / state.pageSize);

  return { ...state, totalPages, setPage, setTotal };
}

コードを選択 → 右クリック → "Codex: Review"

コードを選択 → 右クリック → "Codex: Explain"

1. サイドバーに "Fix type errors in the current file" と入力
2. Codex がエディタで開いているファイルを自動的に読み取る
3. エディタに直接 diff を表示
4. Apply をクリックして変更を受け入れる

{
  "codex.model": "gpt-5-codex",
  "codex.sandboxMode": "workspace-write",
  "codex.autoApply": false,
  "codex.contextFiles": ["AGENTS.md", "tsconfig.json"],
  "codex.excludePatterns": ["node_modules/", "dist/"]
}