Transcript
00:00:00「特定のツールに依存しすぎると、痛い目を見るぞ」
00:00:03まさにそれを象徴する出来事が、数日前に起きたばかりです。
00:00:06Anthropicが次のように発表したのです。
00:00:08「請求方法を変更する」と。
00:00:10「プログラムによるClaude Codeの利用について」
00:00:12特定のベンダーだけに依存していると
00:00:14このような変更がお財布事情に
00:00:19大きな大打撃を与えかねません。
00:00:20ですから、1つのツールの囚人になってしまうのを防ぐために、
00:00:23分散させる方法を学ぶ必要があります。
00:00:27それこそが、今日まさにやることです。
00:00:29皆さんのスタックに「Codex」を導入する方法をお見せします。
00:00:33そしてCodexを使う最大のメリットは、GPT-5.5が非常に強力だとか、
00:00:35デスクトップアプリが極めて直感的だという点
00:00:37だけではありません。
00:00:40Claude CodeとCodexの
00:00:42これら2つのツールのベン図は ほぼ重なっています
00:00:46片方をマスターしてしまえば、
00:00:47もう片方もほぼマスターしたようなものです。
00:00:49つまり、すでにClaude Codeを使いこなしている人なら、
00:00:51すぐにでもCodexを活用できる絶好のポジションにいます。
00:00:54この動画では、知っておくべきことを
00:00:56スピード解説していきますので、
00:00:57最高に効率よく習得できるはずです。
00:01:00さて、Codexには2つのバージョンがあります。
00:01:02Codexデスクトップアプリと、Codex CLIです。
00:01:06ターミナルだけでCodex CLIを
00:01:08使いたいという場合も、セットアップは非常に簡単です。
00:01:10数行のコードを実行するだけですからね。
00:01:12そこからは、冗談抜きで、
00:01:14Claude Codeと全く同じように扱えます。
00:01:16先ほどの「ベン図が重なる円になる」というのは、まさにこのことです。
00:01:19もちろん、細かい違いはあります。
00:01:22完全に同じというわけではありませんが、
00:01:23この動画では、それらの違いを
00:01:25Codexのデスクトップアプリケーションの視点から
00:01:27見ていくことにします。
00:01:30なぜデスクトップアプリなのか？
00:01:32私が気に入っているからです。
00:01:33超直感的で使い勝手がよく、
00:01:34すべての違いを説明するのに
00:01:37都合がいいからです。
00:01:38ちなみに私は普段、Claude Codeを
00:01:41完全にターミナルだけで使っている人間ですが、
00:01:43Codexに関してはデスクトップアプリ版が好きです。
00:01:45気分を変えて使い分けるのが好きなのもあります。
00:01:46後でお見せしますが、Codexのアプリ内でも
00:01:49ターミナルが使えますので、
00:01:51Claude CodeとCodexを併用するには素晴らしい方法です。
00:01:53ですので、デスクトップアプリをベースに話を進めますが、
00:01:55解説内容はすべてCLIにも適用できると理解してください。
00:01:58さて、インストールして動かす前に、
00:02:00Codexの料金体系についてサクッと話しておきましょう。
00:02:01ここはClaude Codeに対して優位に立っている部分です。
00:02:05OpenAIの利用枠に関する方針は、
00:02:08Anthropicほど厳格で過酷ではありません。
00:02:11選ぶなら、PlusプランかProプランになります。
00:02:15違いは、月額20ドルのプランか、
00:02:17月額100ドルのプランかという点です。
00:02:18また、Claude Maxに似た20倍枠のProプランもあります。
00:02:23大きな違いとして、20ドルのPlusではなく
00:02:26100ドルのProプランにすると、「GPT-5.5 Pro」が使えます。
00:02:31つまり、通常のGPT-5.5と、GPT-5.5 Proがあるわけです。
00:02:35当然ながら、5.5 Proの方が優秀です。
00:02:38とはいえ、ベースの5.5も十分に強力です。
00:02:42ですから、すでにAnthropicに月200ドル払っていて、
00:02:44「とりあえずCodexを試してみたい、
00:02:46最初から大金をかけたくない」という方は、
00:02:47まずはPlusにしてみてください。
00:02:49月20ドルで5.5を使うだけでも、十分に満足できるはずです。
00:02:52利用枠がかなり太いですからね。
00:02:53OpenAIの月20ドルのプランで使える利用枠は、
00:02:57Anthropicの20ドルプランよりもずっとお得です。
00:02:59厳密な1対1の比較テストは難しいのですが、
00:03:02一般的に5.5の方が消費トークン数が少なくて済みます。
00:03:05これが私の見解です。
00:03:07より多くの回数使えて、コスパが高いということです。
00:03:09では、始めるには、
00:03:10[openai.com/codex](https://openai.com/codex) にアクセスして
00:03:12ダウンロードし、インストールします。
00:03:14Codexデスクトップアプリを立ち上げると、
00:03:15このような画面が表示されます。
00:03:17ChatGPTにとてもよく似ていますし、
00:03:20Claude Codeのデスクトップアプリとも似ています。
00:03:22ここにプロンプト入力画面があります。
00:03:23画像やファイルを追加したり、
00:03:26プラグイン、プランモードの切り替えが可能です。
00:03:27権限の設定項目もありますね。
00:03:29Claude Codeの中で権限を設定するのとほぼ同じ感覚です。
00:03:32モデル、速度、インテリジェンス（賢さ）を設定すれば、
00:03:36すぐにでも使い始められます。
00:03:37ここから、プロジェクトを保存する場所や、
00:03:41今作業しているものを選択できます。
00:03:42実際に動かすデモの前に、
00:03:43設定をいくつか見ていきましょう。
00:03:44左下の「Settings」をクリックします。
00:03:47最初のタブは「General（全般）」です。
00:03:48より技術的な回答を得るために、
00:03:49「Coding」モードにしておくといいでしょう。
00:03:51次に、権限（Permission）について聞かれます。
00:03:53これはClaude Codeの権限設定と似ていて、
00:03:56何を編集していいか、また確認なしで
00:03:57自動で編集していい範囲はどこかを決めます。
00:03:59私の場合は、これらをすべて有効にしています。
00:04:01常にフルアクセス（全権限）で実行したいからです。
00:04:04その下には、皆さんの環境や、
00:04:06希望する処理速度などに関する
00:04:07設定項目が並んでいます。
00:04:09処理速度について注意点ですが、「Fast」にすると
00:04:12トークン消費量が1.5倍になります。
00:04:15もう一つの興味深い設定は、追加プロンプト時の挙動である
00:04:17「Queue（キュー）」と「Steer（操縦）」の選択です。
00:04:18デフォルトは「Queue」のままにしておいてください。
00:04:21これは、Codexが何かツールを実行して
00:04:23処理をしている最中に、
00:04:25別のプロンプトを追加した場合の動きです。
00:04:27「Queue」モードであれば、
00:04:28現在の処理がすべて終わるのを待ってから
00:04:29次のプロンプトの処理に移ります。
00:04:31もし「Steer」モードになっていると、
00:04:33処理を実行している最中に
00:04:36追加のプロンプトを与えたとき、
00:04:38ツール呼び出しの途中に割り込んで処理を挟みます。
00:04:41例えば20個のツールを実行する予定のとき、
00:04:435個目の段階で別のプロンプトを入れたとします。
00:04:44すると、そこに次の指示が注入されるわけです。
00:04:47そういう動きをしてほしい場面もありますし、
00:04:48あとでお見せするように、追加プロンプトを入れる際に
00:04:52手動で「Steer」を押すこともできますが、
00:04:53デフォルト設定としてはお勧めしません。
00:04:55少なくとも私はそうしています。
00:04:56そういう仕組みです。
00:04:57次は「Appearance（外観）」です。
00:04:59ここはお好みで調整してください。
00:05:00「Pets（ペット）」という機能もあります。
00:05:01私はこのペットが結構気に入っています。
00:05:03自分専用の可愛いカスタムペットを作ってみました。
00:05:04どういうものかというと、Codexのアプリ内で
00:05:07プロンプトを入力したときに、
00:05:09ちょっとしたフック（目印）として機能し、
00:05:12今何を作業しているかを見せてくれるのです。
00:05:14まだ処理の途中であることを
00:05:15視覚的なインジケーターで教えてくれます。
00:05:17これなら、別タブを開いて他の作業をしていても、
00:05:19この小さなペットのキャラクターが
00:05:20処理が終わったタイミングを教えてくれます。
00:05:21実際の動きは後ほどご覧に入れます。
00:05:23興味のない人もいるでしょうが、
00:05:24私はなかなか面白い機能だと思います。
00:05:25続いて「Configuration（設定）」です。
00:05:26「User config」は、先ほど話した
00:05:28権限周りの設定と同じです。
00:05:30どういうアクションに承認が必要か、
00:05:32グローバルな基準値をここで設定します。
00:05:35また、Codexの依存関係（dependencies）も有効にしておきます。
00:05:38そしてユーザー設定ファイル（user config）ですね。
00:05:40`config.toml` を開いてみましょう。
00:05:42ここに表示されているのは、
00:05:42Codexの内部設定ファイルで、
00:05:44インストールされているプラグインなどが
00:05:47記述されています。
00:05:48おそらく追加しておいた方がいい項目は、
00:05:50「Goals（ゴール）」機能です。
00:05:52一番下の部分に
00:05:52新しく行を追加し、手動で `[feature]` と書き、
00:05:54`goals = true` と入力します。
00:05:56これでCodex内のゴール機能が有効になります。
00:05:59これについて丸ごと解説した動画があるので、
00:06:00上にリンクを貼っておきますね。
00:06:01Codexをバックグラウンドで自律動作する
00:06:03エージェントとして活用するのに便利な方法です。
00:06:04次は「Personalization（パーソナライズ）」です。
00:06:05これは `agents.md` や
00:06:07`claude.md` のようなファイルではなく、
00:06:09いわゆる「キャラクター（口調や性格）」を設定するものです。
00:06:11AIにどのようなトーンで話してほしいかを指定します。
00:06:12そして「Memories（記憶）」もあります。
00:06:14Codexにおける記憶機能は、
00:06:15Claude Codeの記憶機能と同じです。
00:06:17例えば「毎週火曜日はジムに行く」と伝えると、
00:06:21「分かりました、メモしておきます」となる機能です。
00:06:22まあ、おまけのようなものですね。
00:06:24私はこういったお遊び的な記憶機能はあまり好きではありませんが、
00:06:27使いたい方は追加してもいいでしょう。
00:06:28それ以外の残りの設定は、
00:06:30フック、Git、環境変数などに関するものです。
00:06:32比較的見ればすぐに分かる内容だと思います。
00:06:34「Computer Use（コンピュータ操作）」などの一部機能や、
00:06:37他にもう一つ、
00:06:40確かアーカイブ関連のような名前の機能は、
00:06:42Mac限定となっています。
00:06:44いくつかの機能については、
00:06:46Mac OSで動かしている場合のみ利用可能です。
00:06:48では、実際の使い方について話しましょう。
00:06:50大きく分けて2つの選択肢があります。
00:06:51「Chat（チャット）」で使うか、「Project（プロジェクト）」で使うかです。
00:06:53「Chat」を選んだ場合は、
00:06:55Claudeのデスクトップアプリを立ち上げて、
00:06:59普通のチャットボット画面で話しているような状態になります。
00:07:01このモードでは、プロジェクト内に成果物が保存されることはありません。
00:07:03例えば、こんな風に
00:07:05「Claude CodeとCodexの違いは何？」と聞いてみます。
00:07:11すると、処理は行われますが、
00:07:13自分で設定した特定のディレクトリ内で
00:07:16動いているわけではありません。
00:07:17ですから、もし
00:07:19実際のコーディングプロジェクトを進める場合は、
00:07:21「プロジェクト」機能を使いたいところです。
00:07:24「プロジェクト」をクリックすると、
00:07:25新規作成するか、既存のフォルダを使用できます。
00:07:27私は大抵、既存のフォルダを使います。
00:07:29その方が、フォルダをどこに置くかを
00:07:32より細かくコントロールできるからです。
00:07:35今回は新しいフォルダを作り、「CC to Codex」と名付けましょう。
00:07:43そのフォルダを選択すると、ここにプロジェクトが作成されます。
00:07:46そして、画面には
00:07:48「設定を移行しますか？」というメッセージが表示されます。
00:07:52ここで「続行」を押すと、
00:07:53Claude Codeのすべての設定が
00:07:55Codexにインポートされます。
00:07:57すべてのスキルやプラグインなどが、
00:07:59あっという間にCodex内に反映されます。とても簡単です。
00:08:02これで準備が整ったので、
00:08:04この「Claude Code to Codex」プロジェクト内で作業を進められます。
00:08:07本格的な開発を行うのであれば、
00:08:09この方法がベストです。
00:08:11プロジェクト内で作業をしましょう。
00:08:13フォルダを指定して、作業場所を設定できます。
00:08:16ローカル環境でも、新しいワークツリーでも、
00:08:18あるいはCodexのWeb版でも可能です。
00:08:20さらにブランチの選択も行えます。
00:08:22では、先へ進みましょう。
00:08:23「Excelファイルを作成して、
00:08:28Claude CodeとCodexの
00:08:32主な違いトップ5をリストアップして」と頼んでみます。
00:08:34このExcelファイルを作成するにあたり、
00:08:36Excelプラグインも使用したいと思います。
00:08:38「@」記号を入力すると、上の方に
00:08:41いくつかのプラグインが表示されます。スプレッドシートもありますね。
00:08:44これを選択すると、処理が開始されます。
00:08:47では、プラグインとは何でしょうか？
00:08:48スプレッドシートとは？
00:08:49これらは一体何なのでしょうか？
00:08:50プラグインは、Claude Code内のプラグインと同じようなものです。
00:08:53左上のほうを見てみると、
00:08:54一連のプラグインが表示されています
00:08:56「プラグイン」と「スキル」の違いについては、
00:08:58境界線が少し曖昧です。
00:08:59プラグインは、より多くの機能を備えた
00:09:04「公式スキル」のような位置づけです。
00:09:05上部に、私がすでに有効にしているものが
00:09:08いくつか見えますね。スプレッドシートや
00:09:10プレゼンテーション、Chromeなどですが、
00:09:12他にも色々と追加できます。
00:09:13私はVercelやSupabaseを追加しました。
00:09:17これらを追加したい場合は、
00:09:18文字通り、プラスボタンを押すだけで
00:09:20インストールが完了します。
00:09:21通常はそのシステムへのログインが必要ですが、
00:09:23非常にシンプルです。
00:09:24また、上部には「スキル」もあります。
00:09:25ここがスキルの一覧です。
00:09:27インストールされているスキルの1つ、
00:09:29例えば「プラグインクリエイター」をクリックすると、
00:09:30その詳細がすぐに表示されます。
00:09:33有効化、無効化、テスト、アンインストールなどが可能です。
00:09:37右上にいくと、スキルやプラグインを簡単に作成でき、
00:09:40スキル作成用のスキルが立ち上がります。
00:09:43ビジュアルな画面でこれらすべてを管理できるので、
00:09:45かなり直感的に操作できます。
00:09:47さて、プロジェクトに目を向けると、
00:09:50先ほど作業していたチャットが
00:09:51こちら側に表示されています。
00:09:53ピン留め、名前の変更、削除などができ、
00:09:56クリックすればいつでも戻れます。
00:09:58「Claude Code to Codex」のチャットに戻ってきました。
00:10:02ここで処理が進んでいるのが分かりますね。
00:10:03この処理を待つ間に、自動化について話しましょう。
00:10:06自動化の設定も、スキルと同様に比較的簡単です。
00:10:10活用できるテンプレートがたくさん用意されていますが、
00:10:13上部にある「新規自動化」を押すこともできます。
00:10:15行いたい自動化の内容を説明し、
00:10:20「auto 1」のようにタイトルを付け、ワークツリーやプロジェクト、
00:10:25そして実行するタイミングを設定します。
00:10:26使用するモデルや、
00:10:28推論の設定も行えます。
00:10:30とても簡単です。
00:10:31先ほど私がやったように、
00:10:33特定のスキルやプラグインを使いたいとき、
00:10:35Codexは指示を賢く理解してくれます。
00:10:38「Excelファイルを作成して、
00:10:40スプレッドシートプラグインを使って」と
00:10:42明示的に呼び出しました。
00:10:44スキルやプラグインを明示的に呼び出すには、
00:10:47「@」記号を使うだけです。
00:10:48これでプラグインがすべて表示されます。
00:10:51また、スラッシュコマンドも使えます。
00:10:52例えば「/front end design」と入力すると、
00:10:57フロントエンドデザインのスキルが表示されます。
00:10:59このように、ターミナルでの
00:11:01Claude Codeの使い方と非常によく似ています。
00:11:03Excelの作成が完了しましたね。
00:11:05作成されたExcelの内容は、
00:11:07Codex内で直接確認できます。
00:11:09実際のフォルダ内でファイルを見たい場合は、
00:11:11ここをクリックして「フォルダで開く」を選べば、
00:11:13このように、実際のExcelファイルがExcel自体で開きます。
00:11:18実に直感的です。
00:11:20次に、こんなことをしてみましょう。
00:11:21「このExcelファイルの内容を正確に伝える
00:11:24Webサイトのランディングページを作って。
00:11:28作成にはフロントエンドデザインツールを
00:11:31使用して」と指示します。
00:11:32すると、このExcelファイルを
00:11:34インスピレーションの元として利用し、Claude Codeと
00:11:36Codexの違いを解説する
00:11:38ランディングページを作成し始めます。
00:11:39また、作成されたページがこのサイドバー内に
00:11:42どのように表示されるか、そしてそこに
00:11:44コメントなどを残す方法もお見せします。
00:11:46これにより、Codexデスクトップアプリから
00:11:49フロントエンドのデザインが非常に簡単に行えるようになります。
00:11:52画面で見えているように、もう1つ
00:11:54コードにどのような変更が加えられたかを素早く確認できます。
00:11:57元に戻すことも、レビューすることも可能です。
00:11:58レビューを選択すると、
00:12:00このようにサイドパネルに表示されます。
00:12:00本当に使い勝手が良いですね。
00:12:02さて、先ほど話した「操舵（Steer）」と「キュー（Queue）」について思い出してください。
00:12:04作業中のモデルに、次のようなプロンプトを出してみます。
00:12:07「ネオ・ブルータリズム様式のスタイルにできる？」
00:12:09現時点では「キュー（待機）」状態になっています。
00:12:12そのため、今の作業が終わるまで待ちます。
00:12:13しかし、ここで「Steer」を押すと、
00:12:14Codexが現在実行している
00:12:16ツールコールの最中に、その指示を割り込ませます。
00:12:19これで、処理に変化が生じます。
00:12:22作業中のモデルの肩を叩いて、
00:12:24「あ、終わる前にこれもやっておいてね」と言うようなものです。
00:12:25あると便利な嬉しい機能ですね。
00:12:29また、コンテキストについても説明しておきましょう。
00:12:31このウィンドウにマウスを合わせると、
00:12:34コンテキストウィンドウが表示されます。
00:12:36Opusの100万トークンに対して、
00:12:385.5 Proでは25万8千トークンしかありません。
00:12:44しかし、「コンテキストの劣化（Context Rot）」を考慮すると、
00:12:47これは必ずしもデメリットではないと私は考えています。
00:12:4925万8千と小さいため、自動圧縮が行われる際にも、
00:12:53要約のブレ（Auto-compacting Drift）が起きにくくなります。
00:12:57もちろん、何度も何度も
00:12:58繰り返し自動圧縮をさせてしまうと、
00:13:00どんなシステムでも同様に、精度が落ち始めます。
00:13:05ですので、私のように
00:13:07頻繁にスラッシュクリア（/clear）を行うタイプの人にとって、
00:13:09ここにはスラッシュクリアの機能がありません。
00:13:11その代わりに、
00:13:13同じプロジェクト内で新しいチャットを開始します。
00:13:17それがスラッシュクリアと同じ役割を果たします。
00:13:19新しいチャットはすべてプロジェクトセクションに
00:13:21表示されるので、管理も非常に簡単です。
00:13:23全体として、コンテキスト管理の面では
00:13:25Claude Codeよりも簡単だと私は思います。
00:13:27さて、構築されたページを見てみましょう。
00:13:30このパネルを展開してみます。
00:13:31Excelドキュメントを取り込んで、
00:13:34それをWebサイトの背景ビジュアルとして
00:13:38そのまま使用しているようです。
00:13:39ネオ・ブルータリズムのスタイルが適用され、
00:13:41両者の主な違いトップ5が
00:13:43順にまとめられています。
00:13:46Claude Code対Codexの比較が並んでいます。
00:13:46ここで、いくつかの部分を
00:13:50変更したいとしましょう。
00:13:52その場合、該当箇所をハイライトして
00:13:54コメントを残すことができます。
00:13:58「フォントの色をすべて黒に変更できる？」
00:13:59といった具合に入力します。
00:14:07すると、こちら側に注釈（アノテーション）として追加されます。
00:14:09この作業は何度でも繰り返すことができます。
00:14:11上にコメントを1つ追加すると、
00:14:14状態が「注釈付け」に切り替わり、
00:14:15このウェブページの任意の要素を選択して、
00:14:20さらに多くのコメントを残していくことができます。
00:14:24Codex CLIやClaude Codeを使い、
00:14:27完全にターミナル内だけで作業する場合と比較すると、
00:14:29こうした作業はターミナルでは少し難しくなります。
00:14:31不可能ではありませんが、別のIDEや
00:14:34追加のスキル、プラグインが必要になります。
00:14:36これが標準機能として最初から備わっています。
00:14:37もう1つ、Codexの優れた標準機能として、
00:14:39OpenAIの エコシステムに組み込まれているため、
00:14:41GPTによる画像生成機能なども利用できる点が挙げられます。
00:14:45画像を自動で作成してくれるのです。
00:14:47Higgsfield CLIのようなものを
00:14:48わざわざ連携させる必要はありません。
00:14:49例えば、次のようなプロンプトを与えます。
00:14:51「主な違いトップ5の内容に沿った
00:14:54画像を作成して、
00:14:55それを背景として配置して」
00:14:57といった要望にも対応できます。
00:14:57非常に柔軟なシステムです。
00:15:00早足での説明となりましたが、
00:15:02これまでカバーした内容が、
00:15:03機能のほぼ99%を占めています。
00:15:06残りの部分は、いわゆる
00:15:08一般的なAIコーディングの知識です。
00:15:12Claude CodeからCodexへの移行を考えている方なら、
00:15:14この動画を見ただけで、
00:15:15およそ95%の使い方は把握できたはずです。
00:15:17細かい点を1つ2つ見落としているかもしれませんが、
00:15:19移行自体は決して難しくありません。
00:15:22最後にもう1点、お伝えし忘れていたのは、
00:15:25ここにターミナルを追加できるという点です。
00:15:26右上の部分でターミナルの表示を切り替えられます。
00:15:29ここでClaude Codeを同時に開いておくことも可能です。
00:15:34大局的な話をすると、
00:15:371つのツールだけに縛られる必要はありません。
00:15:39Codexだけを使う必要もありませんし、
00:15:40Claude Codeだけにこだわる必要もありません。
00:15:41この構成であれば、2つのツールを
00:15:44非常に簡単に併用できます。
00:15:45Codexデスクトップアプリのすべてのメリットと、
00:15:48Claude Code CLIのメリットを同時に享受できます。
00:15:51ですので、ぜひ皆さん試してみてください。
00:15:54まずは月額20ドルのプランで十分です。
00:15:55100ドルのプランを使う必要はありません。
00:15:57一度試してみるだけで大丈夫です。
00:15:58気に入れば使い続ければいいですし、
00:15:59合わなければ、やめても損はありません。
00:16:00ご覧の通り、全く新しいプログラミング言語を
00:16:01イチから学び直すような
00:16:04大変な作業ではありません。
00:16:05基本的には同じものですから。
00:16:06今回の解説はここまでにします。
00:16:10感想などがあればコメント欄で教えてください。
00:16:12固定コメントに「Chase AI+」へのリンクを貼っておきます。
00:16:15そこにはClaude Codeのマスタークラスだけでなく、
00:16:17Codexのマスタークラスも含まれています。
00:16:19この内容についてさらに深く学びたい方向けに、
00:16:22教材を用意しています。
00:16:23ぜひチェックしてみてください。
00:16:25それでは、またお会いしましょう。
Community Posts
No posts yet. Be the first to write about this video!
Write about this video