[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$f5GzK1K_S5_vDzXSWTudImuexemgK0BG3z_1FjIUl0Jo":3,"$fdZfcOaZIilKSIgGx3dBYcWOdYiIPSdllVzWyJU5rrEw":5,"tutorials-index-ja":7},{"user":4},null,{"google":6,"github":6},true,[8,110,190],{"id":9,"title":10,"body":11,"category":84,"description":85,"difficulty":86,"draft":87,"extension":88,"intent":89,"keywords":90,"locale":94,"meta":95,"navigation":6,"path":96,"priority":97,"related":98,"seo":101,"sources":102,"stem":106,"tool":107,"updatedAt":108,"__hash__":109},"tutorials_ja\u002Fja\u002Ftutorials\u002Fcodex\u002Fwhat-is-codex.md","Codex とは？どんな人に向いている？",{"type":12,"value":13,"toc":76},"minimark",[14,18,22,25,28,31,50,53,64,67,70,73],[15,16,17],"h2",{"id":17},"短く言うと",[19,20,21],"p",{},"Codex は、実際の開発作業を助ける OpenAI のコーディング支援システムです。プロジェクトを読み、コードを変更し、コマンドを実行し、失敗の原因を説明し、レビューも手伝えます。",[19,23,24],{},"単なる補完ツールではなく、開発ワークフローの中で使う coding agent と考えると理解しやすいです。",[15,26,27],{"id":27},"できること",[19,29,30],{},"Codex は次のような作業に向いています。",[32,33,34,38,41,44,47],"ul",{},[35,36,37],"li",{},"既存プロジェクトの構造を理解する。",[35,39,40],{},"小さく範囲を決めたコード変更を行う。",[35,42,43],{},"テスト、型チェック、ビルドを実行する。",[35,45,46],{},"エラーや失敗したテストを説明する。",[35,48,49],{},"diff を確認し、リスクや不足しているテストを探す。",[15,51,52],{"id":52},"入口の選び方",[32,54,55,58,61],{},[35,56,57],{},"Codex app は、まとまったタスクスレッドに向いています。",[35,59,60],{},"Codex CLI は、ターミナル中心の作業に向いています。",[35,62,63],{},"Codex IDE extension は、エディタ内での作業に向いています。",[19,65,66],{},"初心者は app か IDE extension から始めると扱いやすいです。",[15,68,69],{"id":69},"よくある誤解",[19,71,72],{},"Codex が出した結果は、そのまま本番反映されるものではありません。diff を確認し、検証コマンドを実行し、いつ commit、push、deploy するかを分けて判断する必要があります。",[19,74,75],{},"インストールや入口は公式ページを確認し、不明な第三者サイトのインストーラは避けてください。",{"title":77,"searchDepth":78,"depth":78,"links":79},"",2,[80,81,82,83],{"id":17,"depth":78,"text":17},{"id":27,"depth":78,"text":27},{"id":52,"depth":78,"text":52},{"id":69,"depth":78,"text":69},"ai-coding","OpenAI Codex の役割、主な入口、向いている用途、よくある誤解を初心者向けに整理します。","beginner",false,"md","explainer",[91,92,93],"codex とは","openai codex","codex 使い方","ja",{},"\u002Ftutorials\u002Fcodex\u002Fwhat-is-codex",10,[99,100],"\u002Ftutorials\u002Fcodex\u002Fcodex-download","\u002Ftutorials\u002Fcodex\u002Fcodex-tutorial",{"title":10,"description":85},[103,104,105],"https:\u002F\u002Fdevelopers.openai.com\u002Fcodex\u002F","https:\u002F\u002Fdevelopers.openai.com\u002Fcodex\u002Fapp","https:\u002F\u002Fdevelopers.openai.com\u002Fcodex\u002Fcli","ja\u002Ftutorials\u002Fcodex\u002Fwhat-is-codex","codex","2026-07-09","M08gIj66NAYCqRjfnxz7Tut3e3ZJZwXYNk8oNh7GGBQ",{"id":111,"title":112,"body":113,"category":84,"description":176,"difficulty":86,"draft":87,"extension":88,"intent":177,"keywords":178,"locale":94,"meta":182,"navigation":6,"path":99,"priority":183,"related":184,"seo":185,"sources":186,"stem":188,"tool":107,"updatedAt":108,"__hash__":189},"tutorials_ja\u002Fja\u002Ftutorials\u002Fcodex\u002Fcodex-download.md","Codex のダウンロードとセットアップ：公式入口の選び方",{"type":12,"value":114,"toc":171},[115,118,121,132,135,138,152,155,158,168],[15,116,117],{"id":117},"まず入口を選ぶ",[19,119,120],{},"Codex を探すときは、先にどの入口が必要かを決めます。",[32,122,123,126,129],{},[35,124,125],{},"まとまった agent タスクを扱うなら Codex app。",[35,127,128],{},"ターミナルで作業するなら Codex CLI。",[35,130,131],{},"エディタ内でコードを扱うなら Codex IDE extension。",[19,133,134],{},"入口、バージョン、利用条件は公式ページを確認してください。",[15,136,137],{"id":137},"セットアップ前の確認",[32,139,140,143,146,149],{},[35,141,142],{},"操作したいリポジトリにいるか。",[35,144,145],{},"Git の未保存・未 commit 状態を把握しているか。",[35,147,148],{},"パッケージマネージャとテストコマンドが動くか。",[35,150,151],{},"変更がローカルだけなのか、commit 済みなのか、deploy 済みなのかを分けて考えられるか。",[15,153,154],{"id":154},"最初のプロンプト",[19,156,157],{},"最初は次のように頼むと安全です。",[159,160,165],"pre",{"className":161,"code":163,"language":164,"meta":77},[162],"language-text","まずこのプロジェクトを読んでください。起動方法、テスト方法、主要モジュール、注意すべきデプロイ境界を教えてください。まだコードは変更しないでください。\n","text",[166,167,163],"code",{"__ignoreMap":77},[19,169,170],{},"変更を依頼する前に、Codex が正しい文脈を見ているか確認できます。",{"title":77,"searchDepth":78,"depth":78,"links":172},[173,174,175],{"id":117,"depth":78,"text":117},{"id":137,"depth":78,"text":137},{"id":154,"depth":78,"text":154},"Codex app、CLI、IDE extension の公式入口、向いている場面、セットアップ前の確認事項を整理します。","setup",[179,180,181],"codex ダウンロード","codex インストール","openai codex ダウンロード",{},20,[96,100],{"title":112,"description":176},[104,105,187],"https:\u002F\u002Fdevelopers.openai.com\u002Fcodex\u002Fide","ja\u002Ftutorials\u002Fcodex\u002Fcodex-download","8Kd7cqwiJRIQPFDIEVPWh8377SqcZKN5GxBV_G3vA4U",{"id":191,"title":192,"body":193,"category":84,"description":289,"difficulty":86,"draft":87,"extension":88,"intent":290,"keywords":291,"locale":94,"meta":294,"navigation":6,"path":100,"priority":295,"related":296,"seo":297,"sources":298,"stem":299,"tool":107,"updatedAt":108,"__hash__":300},"tutorials_ja\u002Fja\u002Ftutorials\u002Fcodex\u002Fcodex-tutorial.md","Codex 使い方チュートリアル：最初の開発タスク",{"type":12,"value":194,"toc":284},[195,198,201,215,218,221,224,230,233,236,239,242,277,280],[15,196,197],{"id":197},"小さなタスクから始める",[19,199,200],{},"最初の Codex タスクは、検証しやすいものにします。",[32,202,203,206,209,212],{},[35,204,205],{},"既存ページに SEO メタ情報を追加する。",[35,207,208],{},"明確なエラーを修正する。",[35,210,211],{},"純粋関数にテストを追加する。",[35,213,214],{},"短い README を整理する。",[19,216,217],{},"範囲が小さいほど、結果を判断しやすくなります。",[15,219,220],{"id":220},"先に読ませる",[19,222,223],{},"最初に次のように依頼します。",[159,225,228],{"className":226,"code":227,"language":164,"meta":77},[162],"プロジェクト構成と README を先に読んでください。まだコードは変更しないでください。起動方法、テスト方法、関連モジュールを教えてください。\n",[166,229,227],{"__ignoreMap":77},[19,231,232],{},"理解を確認してから実装に進みます。",[15,234,235],{"id":235},"境界を明確にする",[19,237,238],{},"依頼には、欲しい結果、関連ファイル、触ってほしくない範囲、検証コマンドを入れます。",[19,240,241],{},"よく使う検証コマンドは次のようなものです。",[159,243,247],{"className":244,"code":245,"language":246,"meta":77,"style":77},"language-bash shiki shiki-themes github-light github-dark","pnpm typecheck\npnpm test\npnpm build\n","bash",[166,248,249,262,269],{"__ignoreMap":77},[250,251,254,258],"span",{"class":252,"line":253},"line",1,[250,255,257],{"class":256},"sScJk","pnpm",[250,259,261],{"class":260},"sZZnC"," typecheck\n",[250,263,264,266],{"class":252,"line":78},[250,265,257],{"class":256},[250,267,268],{"class":260}," test\n",[250,270,272,274],{"class":252,"line":271},3,[250,273,257],{"class":256},[250,275,276],{"class":260}," build\n",[19,278,279],{},"テストが通っても本番反映とは別です。local、commit、push、deploy は分けて確認しましょう。",[281,282,283],"style",{},"html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":77,"searchDepth":78,"depth":78,"links":285},[286,287,288],{"id":197,"depth":78,"text":197},{"id":220,"depth":78,"text":220},{"id":235,"depth":78,"text":235},"Codex でプロジェクトを読み、小さな変更を計画し、コードを編集し、検証して結果を確認する基本手順を説明します。","tutorial",[93,292,293],"codex チュートリアル","codex 入門",{},30,[96,99],{"title":192,"description":289},[103,104,105],"ja\u002Ftutorials\u002Fcodex\u002Fcodex-tutorial","Eul_FbAUViJ2nO_PbMaeT4OPcvl4IJwq3axika6wpl0"]