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