Claude CodeやCodexを使うのはもうやめましょう

CChase AI
Computing/SoftwareSmall Business/StartupsInternet Technology

Transcript

00:00:00Clod CodeかCodexのどちらかを選ぼうとしているなら
00:00:03自らの足を引っ張っているようなものです。
00:00:05ここ数ヶ月、AI界隈の話題はClod Code一色でした。
00:00:08それはClod Codeと
00:00:102番手との差が非常に大きかったからです。
00:00:14しかし、Codexが静かにその差を縮めてきました。
00:00:17GPT 5.5は素晴らしいモデルであり、
00:00:20Opus 4.7よりも優れているという議論さえあります。
00:00:23利用制限についても、
00:00:26AnthropicのMaxプランよりOpenAIのProプランの方がずっと寛大です。
00:00:29ええ、それは今でも変わりません。
00:00:315時間制限を2倍に増やしたとしてもです。
00:00:34ちなみに、週間の制限は倍になっていませんからね。
00:00:36そしてCodexのデスクトップアプリは、純粋に優れた製品です。
00:00:41CodexがClod Codeより優れていると言いたいのではありません。
00:00:44選択肢が増えた、ということを言いたいのです。
00:00:47そして最善の策は、ここで
00:00:48この2つの優れた選択肢のどちらが良いか悩むことではなく、
00:00:51両方を使うことです。
00:00:54幸運なことに、両方の良いとこ取りをするのは
00:00:57非常に簡単です。
00:00:58Codexデスクトップアプリをセットアップし、
00:01:02その中でClod Codeターミナルを動かすのに数秒もかかりません。
00:01:05両方のツールを使いこなすのも非常に簡単です。
00:01:07なぜならCodexとClod Codeのベン図は、
00:01:11ほぼ円が重なっているようなものだからです。
00:01:1299%が重複しています。
00:01:14ですから、一方の使い方を学べば、
00:01:16もう一方もすぐ簡単に使いこなせるようになります。
00:01:18そこで今日は、
00:01:20あなたが考えるべきことについてお話しします。
00:01:21もしあなたがClod Codeユーザーで、
00:01:22Codexの世界に足を踏み入れようとしているなら。
00:01:25簡単なデモを行います。
00:01:27これら2つのツールを連携させて使う方法をお見せし、
00:01:30さらに深い議論をしましょう。
00:01:31なぜ特定のツールにこだわらない必要があるのか、
00:01:34なぜ一つのコーディングエージェントや、
00:01:38一社のエコシステムに閉じこもるべきではないのかについて。
00:01:40正直に言って、
00:01:42企業に対して忠誠を誓う必要など全くないからです。
00:01:45今日はCodexデスクトップアプリに焦点を当てます。
00:01:47Codex CLIもありますが、私の経験上、
00:01:51両方の良いとこ取りをするには、
00:01:53Codexデスクトップアプリを使い、
00:01:56その中のターミナルでClod Codeを動かすのが一番簡単です。
00:01:59このアプリ内ではターミナルを開くことができるからです。
00:02:02そしてデスクトップアプリには、
00:02:04本当に素晴らしいQOL向上のための機能があります。
00:02:05アプリ内ブラウザなど、
00:02:07後ほどお見せします。
00:02:08使い方は、[openai.com/codex](https://openai.com/codex) にアクセスするだけです。
00:02:12インストーラーは2秒ほどで終わります。
00:02:14さて、料金について手短に話しましょう。
00:02:16概して、Anthropicのものと比較すると、
00:02:18全体的にこちらの方がコスパが良いです。
00:02:21トークンのコストが異なるため、
00:02:24単純に1対1で比較するのは難しいのですが、
00:02:26GPT 5.5の100万トークンあたりのコストを見ると、
00:02:29Opusと同じか、実はわずかに高いのですが、
00:02:32使用するトークン数は少なくて済みます。
00:02:34使用状況は時間帯などによっても左右されますし、
00:02:37多くの要因があります。
00:02:38そのため、1対1の正確な検証や
00:02:41比較を行うことはできませんが、大局的に見れば、
00:02:44OpenAIの方が多くを得られます。
00:02:46ここで注意すべき点があります。
00:02:50GPT 5.5とGPT 5.5 Proの2つがあります。
00:02:54GPT 5.5 Proが利用できるのは、
00:02:57100ドルまたは200ドルのProプランに加入している場合のみです。
00:03:0020ドル以下のプランであれば、
00:03:02通常の5.5をそのまま使うことができます。
00:03:05通常の5.5でも十分に優れています。
00:03:075.5 Proはもちろんそれより一段階上で、
00:03:09いくつかのベンチマークでMythosを
00:03:12上回るほどのモデルです。
00:03:14もしあなたがClod Codeからの乗り換えを考えていて、
00:03:16「既にClod Codeに月200ドル払っているのに、
00:03:18フルパワーを使うためにProプランに100ドル必要なのか?」
00:03:21と思っているなら、
00:03:22まずは月額20ドルのプランから始めて、
00:03:25自分に合うかどうか試してみることをお勧めします。
00:03:27もし本当に気に入れば、
00:03:28後から100ドルプランにアップグレードすればいいだけです。
00:03:30私の場合は、100ドルのProプランと、
00:03:33AnthropicのMaxプランの両方に加入しています。
00:03:36Codexをインストールして開くと、
00:03:37このような画面が表示されます。
00:03:39さて、考えるべきポイントを
00:03:41まとめる前に、
00:03:43本日のスポンサーである「私」から一言。
00:03:46ご存知の通り、先日Clod Codeのマスタークラスを公開しました。
00:03:48非エンジニアの方でも、最短でAI開発者になるための
00:03:51最速の道筋を示した講座です。
00:03:54そして昨日、それに加えて
00:03:56Codexのマスタークラスも新しく公開しました。
00:03:59これは2つのタイプの人に向けたものです。
00:04:01一つは、全くの未経験者で、
00:04:02コーディングに触れたことはないけれど、
00:04:04Codexを始めてみたいという方。
00:04:05そして、このマスタークラスは
00:04:07少し経験のある方にも最適です
00:04:09すでにクラウド・コーディングを始めていて
00:04:10「どう移行すればいいのか?」と
00:04:122つのツールをどう併用すべきか悩んでいる方向けです
00:04:15今日お話しする内容を10倍濃くしたような内容です
00:04:19もし興味があれば
00:04:20私の「Agentic OS」システムなどの特典と一緒に
00:04:23「Chase AI Plus」の中で見つけることができます
00:04:27リンクは固定コメントにあります
00:04:29さて、ここからはCodecsの
00:04:305分間のクイック・チュートリアルです
00:04:32考えるべきポイントや
00:04:33いくつかの違いについて説明します
00:04:35UIに関しては、正直とても直感的です
00:04:37ChatGPTに近い構成になっていますね
00:04:40ここにプロンプト・ウィンドウがあります
00:04:42写真やファイルを追加できます
00:04:43ここでプラン・モードの切り替えも可能です
00:04:46権限の設定もあります
00:04:47クラウド・コード内の権限設定と非常によく似ていて
00:04:50バイパス権限や自動設定など
00:04:52そういった項目があります
00:04:53インテリジェンス、つまり「労力」の度合いや
00:04:55使用するモデルをここで選択できます
00:04:57また、現在どのフォルダーで
00:04:59作業しているかもすぐに確認できます
00:05:01これらは「プロジェクト」と呼ばれます
00:05:02ローカルでもクラウド上でも作業でき
00:05:05異なるワークツリーなども作成可能です
00:05:07操作はかなり簡単です
00:05:09次に設定タブを素早く見ていきましょう
00:05:11全般設定の中にワーク・モードがあります
00:05:13「コーディング用」にしておいてください
00:05:15これにより、より技術的な詳細が得られます
00:05:17権限設定が再び表示されます
00:05:19これは「これらの項目をオプションとして
00:05:20表示させたいか?」という設定です
00:05:22答えは「YES」です
00:05:23「フルアクセス」の状態にしておきたいからです
00:05:25そして全般設定のこちらですが
00:05:26そのほとんどは
00:05:27環境のセットアップ自体に関するものです
00:05:30一つ気づくかもしれないのが、ここにある
00:05:31フォローアップの挙動「Queue vs Steer」です
00:05:34これについては後で詳しく説明します
00:05:36今は「Queue」のままにしておいてください
00:05:38外観設定は想像通りですが
00:05:40下の方に「ペット」という項目があります
00:05:42最初はくだらなく聞こえるかもしれませんが
00:05:44実はかなり便利なんです
00:05:46というのも、視覚的なフックの役割を果たし
00:05:48Codecsがバックグラウンドで動作中なのか
00:05:51次の作業の準備ができたのかを知らせてくれます
00:05:53こんな感じの小さなキャラクターです
00:05:56PC画面上のどこにでも置けますし
00:05:58使用中のプログラムの最前面に表示されます
00:06:00Codecsのウィンドウを閉じても
00:06:03このキャラクターは見えたままです
00:06:06後で実際にタスクを実行する際にお見せしますが
00:06:08小さなテキストストリームが表示され
00:06:09何を作業中か確認できます
00:06:10そして作業が終わると
00:06:12このように平らになります
00:06:13正直、私はこういう通知機能が大好きです
00:06:17例えばClaude Codeでは
00:06:19タスク終了時にオーディオ通知が鳴るようにしています
00:06:23自律型AIでのコーディングで最も時間をロスするのは
00:06:27指示を出した後に
00:06:29作業が終わっていることに気づかず
00:06:30別タブを見たり離席したりしている時だからです
00:06:32まあ、使うかどうかはお好みで構いません
00:06:35次にコンフィギュレーション(構成)です
00:06:37フックに関する設定などがあります
00:06:38アップデートが必要なようですね
00:06:39こちらには承認ポリシーや
00:06:41サンドボックスの設定があります
00:06:42これは先ほどの権限設定をグローバル化したものです
00:06:45そしてこちらのワークスペースの依存関係では
00:06:48Codecsの依存関係をオンにする必要があります
00:06:51デフォルトでオンになっているはずです
00:06:52次にパーソナライゼーション(個人設定)です
00:06:53AIの性格などを選ぶことができます
00:06:54これは「agents.md」(claud.md)ではありません
00:06:59Codecsにも「claud.md」に相当するものがあり
00:07:02「agents.md」と呼ばれています
00:07:03これについても後ほど詳しく説明します
00:07:06パーソナライゼーションも似ていますが、少し違います
00:07:09「常にこの名前で呼んでほしい」といった
00:07:11より個人的な設定のことです
00:07:13また、メモリー機能もあります
00:07:14これはClaude Codeのメモリー機能に似ていて
00:07:17これもデフォルトでオンになっています
00:07:18私はこの機能をオフにしています
00:07:19例えばCodecsに
00:07:22「毎週火曜日はジムに行く」と教えたとします
00:07:24そして火曜日に「今日は何をしようかな」と言うと
00:07:26「今日はジムに行く日ですよ」
00:07:27と返してくるような機能です
00:07:30私はあまり必要性を感じませんが、お好みで
00:07:33ですが お好みでどうぞ
00:07:34残りは MCPサーバーや
00:07:37Git、環境、ワークツリーなどです
00:07:39この辺りは
00:07:40どれだけ技術に精通しているか
00:07:42どこまで深掘りしたいかによります
00:07:43それから「browser use」と「computer use」もあります
00:07:46「computer use」には Macが必要です
00:07:50「browser use」は その名の通りの機能です
00:07:54アーカイブしたチャットや使用状況もあります
00:07:56ここでいじる部分は あまり多くありません
00:07:59主に使うのは「General」と
00:08:01「Appearance」、そして「Configuration」でしょう
00:08:03上部にはプラグインがあります
00:08:04Codexには Claude codeと同様にプラグインとスキルがあります
00:08:08この2つの境界線はかなり曖昧です
00:08:11プラグインは 概ねスキルパックのようなもので
00:08:14プロバイダー自身が提供するMCPのようなもので
00:08:16簡単にインストールできます
00:08:17例えば Supabaseをインストールすると Supabase MCPと
00:08:21必要なスキルがインストールされます
00:08:22これでチャットを開いて
00:08:24「Supabase内にデータベースを作成して」と言えば
00:08:27すぐに実行してくれます
00:08:28これらすべて同様で Chromeや
00:08:31スプレッドシート、プレゼン資料なども含まれます
00:08:33ワンクリックでインストール可能です
00:08:35スキルについても Claude codeとほぼ同じ仕組みです
00:08:38Codexを初めて開くと
00:08:40おそらくポップアップが表示され
00:08:42「他のコーディングエージェントの
00:08:45スキルがあるようです」と通知されます
00:08:46「インポートしますか?」と聞かれるので
00:08:48ボタンをワンクリックするだけで
00:08:51Claude codeや open codeから
00:08:53ほぼすべてのスキルをインポートできます
00:08:55PC上のスキルを認識できるのです
00:08:56これも ツール間の移行を
00:08:59非常に容易にしている要因です
00:09:00「あぁ Claude codeで
00:09:01スキルの軍団を構築したから
00:09:03離れられない」と思うかもしれませんが
00:09:04実際にはそんなことはありません
00:09:06自動的にこちらへ取り込めます
00:09:08使い方は クリックするだけです
00:09:11アンインストールも可能ですし
00:09:12オン・オフも切り替えられます
00:09:13非常に直感的です
00:09:15上部で管理したり
00:09:17スキルを簡単に作成したりもできます
00:09:19スキル作成用の専用スキルも備わっています
00:09:22オートメーションタブもあります
00:09:23Claude codeのルーチンに似ていますね
00:09:25デフォルトのものがいくつか入っています
00:09:27ここから新しいオートメーションを自動作成できます
00:09:30ワークツリーかローカルかを選択し
00:09:32特定のプロジェクトや時間などを設定できます
00:09:36また 次のようなことも可能です
00:09:37Claude codeのターミナルと同じように
00:09:39「X, Y, Zを使ってオートメーションを作って」と言うだけで
00:09:42自動的に追加されます 非常にシンプルで
00:09:45UIを視覚的に操作するのも直感的です
00:09:47さて ファイル構造のナビゲーションや
00:09:50PC内のスペースについては
00:09:52プロジェクトとチャットに分けられています
00:09:54「audit flow」というプロジェクトに入れます
00:09:58これは今日使っていたものですが
00:10:00新しいプロジェクトの追加もできますし
00:10:02ここをクリックすれば新しいチャットが始まります
00:10:04新しいチャットは 特定のフォルダーに紐付いていません
00:10:07これは Claude code デスクトップの
00:10:09チャットウィンドウにいるのと同じ状態です
00:10:11ChatGPTと話しているような感覚ですね
00:10:14特定のフォルダーで作業したい場合や
00:10:16新しいプロジェクトを始めたい場合は
00:10:17プロジェクトへ移動します
00:10:19やり方は簡単で ここをクリックします
00:10:22ゼロから開始すると デフォルト設定の場所に
00:10:24新しいフォルダーが作成されます
00:10:26私は通常「既存のフォルダーを使用」を選びます
00:10:28そうすることで 移動先を
00:10:31より細かく指定できるからです
00:10:33ここで新規フォルダーを作成し
00:10:36「YouTube demo codex」と名付けましょう
00:10:40「設定をインポートしますか?」と出るので
00:10:43はい 実行しましょう
00:10:44Claude codeで行った最近の設定変更をインポートしています
00:10:47これで「YouTube demo codex」の中に入りました
00:10:52ローカルの mainブランチで作業中です
00:10:54プロジェクト欄でも確認できますね
00:10:56「調子はどう?」と送ってみます
00:10:59すると そのチャットがここに表示されます
00:11:05このチャットは ターミナルウィンドウを
00:11:07開いているのとほぼ同じです
00:11:08同じプロジェクトに留まれるからです
00:11:10ここで「新しいチャットを開始」して「またね」と送れば
00:11:152つのチャットウィンドウが開いた状態になります
00:11:18これは実質的に
00:11:20ターミナルを2つ開いているのと同じことですよね?
00:11:24同じプロセスで 同じフォルダーを開き
00:11:27それぞれが独立して動きつつも
00:11:28同じプロジェクトに取り組んでいる状態です
00:11:29お互いの内容はすべて把握できますが
00:11:31このUIなら 状況を把握するのも
00:11:34非常に簡単です
00:11:35各チャットをクリックすれば
00:11:36コピーや ローカル・新規ワークツリーへのフォーク
00:11:38名前変更、ピン留めなど 自由自在です
00:11:40何でも好きなことができます
00:11:41プロジェクト横の3つの点から
00:11:43エクスプローラーで開くのも簡単です
00:11:46つまり チャットの管理や
00:11:49ファイルシステムの移動、そしてPC内の
00:11:51どこに何があるかのメンタルモデルを構築するのも
00:11:53極めて容易です
00:11:54率直に言って これがCodexデスクトップアプリのほぼ全容です
00:11:58他にも色々と素晴らしい機能がありますよね?
00:12:00ブランチの詳細も確認できますし
00:12:01Gitアクションなども簡単に行えますが
00:12:03今お話ししたことが主要な部分です
00:12:05これだけの知識があれば
00:12:08何でも好きなものを構築できます
00:12:09先ほど ターミナルも使えるという
00:12:11話を少ししましたが
00:12:13右上のここですね
00:12:14ターミナルの切り替えを押せば 表示されます
00:12:17「YT demo codecs」プロジェクト内にいます
00:12:20ここで「claude」と打てば
00:12:25Claude codeとCodexを同じプロジェクトで同時に開けます
00:12:28この2つを連携させる方法ですが
00:12:30いくつかやり方があります
00:12:31一つは 今からやりますが
00:12:33小さなウェブアプリを作成させることです
00:12:36Codexに計画を立てさせ その計画を
00:12:38Claude codeにコピーして反応を見たり
00:12:40コピペでやり取りを繰り返したりできます
00:12:43あるいは Codexに何かを作らせて
00:12:44Claude codeにそのコードをチェックさせることもできます
00:12:46同じディレクトリ内にいるので
00:12:48内容を把握できるのです
00:12:50もっと洗練されたシンプルな方法も
00:12:51きっとあるはずです
00:12:53何かを自動的にセットアップするような方法がね
00:12:55まだそこまでは使い込んでいませんが
00:12:56要はインフラは整っており 非常に簡単だということです
00:13:01両方のツールの良いとこ取りができます
00:13:03では 実力を試すために
00:13:05簡単なデモをやってみましょう
00:13:07コンテンツ制作やリサーチ
00:13:12アイデア出し用のウェブアプリを作らせてみます
00:13:161つ目の機能は 多くのソースから
00:13:18情報を収集し アイデアの候補を出す機能です
00:13:212つ目は 収集した全情報を統合して
00:13:24コンテンツのアイデアを生成する機能です
00:13:27そして3つ目は
00:13:29下部に簡易的なスケジューラーか
00:13:30ミニ看板ボードのようなものを作成し
00:13:32アイデアを管理できるようにします
00:13:34リサーチ、企画、そして
00:13:36データ整理ができる必要があります
00:13:38どうなるか見てみましょう
00:13:39まずはCodexから始めます
00:13:40プランモードにします
00:13:42スキルなどを呼び出す手順も
00:13:47ほぼ同じです
00:13:48スラッシュを入力して
00:13:50特定のスキルを呼び出せます
00:13:53例えば「front end design skill」と打てば
00:13:55ほら 出てきました
00:13:56アットマークを使うこともできます
00:13:58「@spreadsheets」とすれば
00:14:00スプレッドシートのプラグインを使えます
00:14:03自然言語で指示してもいいです
00:14:05Claude codeと同様に理解してくれるはずですが
00:14:07スラッシュやアットマークのコマンドは
00:14:10特定の機能を指し示すための方法です
00:14:11特定のファイルやフォルダーを指定する場合も
00:14:15同様のやり方で機能します
00:14:17もう一点 コンテキストについて補足ですが
00:14:20Gemini 1.5 Proのコンテキスト窓は25.8万トークンで
00:14:25Claude codeの100万トークンとは差があります
00:14:28私個人の意見では 悪いことではありません
00:14:31なぜなら ほとんどの人は
00:14:33コンテキストの管理方法を知らないからです
00:14:35彼らはコンテキストが肥大化した地獄にいます
00:14:3725.8万あれば その状態が
00:14:40長く続くことはまずありません
00:14:4125.8万に達すると自動圧縮機能が働きますが
00:14:44自動圧縮には特有の問題が山積みです
00:14:47特に同じ会話を何度も何度も
00:14:49圧縮し続ける場合にはね
00:14:50ですが 先ほどお見せしたように
00:14:52「/clear」コマンドを打つのと
00:14:54新しいチャットを始めるのは同じことです
00:14:59単に新しいセッションを開いただけですから
00:15:01コンテキストに関しては その程度の違いです
00:15:04では 課題を与えて反応を見てみましょう
00:15:073つの機能を持つウェブアプリを
00:15:10作成したいと考えています
00:15:13理想はすべて1つのページで完結することです
00:15:15まず一つ目は、AIに関するニュースを
00:15:18過去24時間にわたって主要なウェブソースや
00:15:22YouTube、Twitterなどからチェックできるようにしたいんです。
00:15:25そして、それらをレポートにまとめます。
00:15:29二つ目は、その情報をすべて取り入れて、
00:15:31私に向けたコンテンツのアイデアを提案してほしいんです。
00:15:33例えば、どんなタイトルにするか?
00:15:34大まかなアウトラインはどうするか?
00:15:36箇条書きのような形式でもいいですし、
00:15:38視聴者を惹きつける「フック」なども含めて。
00:15:39そして最後は、スケジューラーのような機能ですね。
00:15:42ミニ・カンバンボードのようなもので、
00:15:44そこでこんな風に操作できたらいいなと。
00:15:46「よし、提案してくれたこのアイデアを
00:15:48今日やってみよう」とか、
00:15:49「次のアイデアは明日」といった感じです。
00:15:52では、その流れを見ていきながら計画を立てましょう。
00:15:54ここから「プラン・モード」に入ります。
00:15:55プラン・モードは、基本的にClaude Codeと同じです。
00:15:57AIが思考を開始します。
00:15:58そして、一連の質問を投げかけてきます。
00:16:015.5 Proを「Extra High」設定で使っていると、
00:16:05かなり多くの質問をしてくる傾向がありますが、
00:16:08それは私が取り組んでいたプロジェクトのせいかもしれません。
00:16:10スピードに関しては、
00:16:13少し、
00:16:15おそらくOpusよりも少し遅い気がします。
00:16:18正確な数値データがあるわけではなく、
00:16:21あくまで使ってみた「感覚」の話ですが。
00:16:22一方で、
00:16:23単なるやり取りのチャットとして使うなら、
00:16:255.5の方がOpusよりずっとキビキビ動く感じがします。
00:16:28ツール呼び出しを多用する場合は少し遅くなりますが、
00:16:31ただのチャットならかなり速いです。
00:16:33さて、Codexが提案してきたプランがこちらです。
00:16:35Next.js、TypeScript、SQLiteを使用した、
00:16:38新規のシングルユーザー向けローカルWebアプリを構築します。
00:16:40アプリは3つのフローを管理するメインダッシュボードを持ち、
00:16:43直近24時間のAIシグナルを収集し、
00:16:45簡潔なレポートとYouTube動画のアイデアを生成し、
00:16:48選んだアイデアをミニ・カンバンボードにスケジュールします。
00:16:50有料APIは使わず、厳選されたRSSフィードと
00:16:54ローカルのOllamaによる生成を使用します。
00:16:55Claude Codeから返答がありました。
00:16:58プランは堅実だが、いくつか欠けている点があるとのことです。
00:17:00他にアイデアや見落としがないか確認することです。
00:17:04「Codexがアプリのためにこのプランを考えたんだけど、
00:17:06どう思う?何が足りないかな?」と聞きました。
00:17:08すると、Claude Codeから返答がありました。
00:17:09「プランは堅実ですが、いくつかギャップがあります。
00:17:12懸念点や、細かい指摘もいくつかありますね」と。
00:17:14そこで、再びCodexに戻り、
00:17:17それを貼り付けて、
00:17:18「これについてどう思う?」と聞きます。
00:17:22送信します。
00:17:25さて、このやり取りを永遠に続けることもできますが、
00:17:30時間の都合上、ここでは止めておきましょう。
00:17:32重要なのは、AIが考え出したプランに対して、
00:17:35「第2の目」でチェックを入れたということです。
00:17:38これは非常に重要だと思います。
00:17:40特に、あなたが
00:17:41技術的なバックグラウンドを持っていない場合はね。
00:17:43AIにアイデアをぶつけるとプランを出してくれますが、
00:17:47問題は、
00:17:48何が「正解」なのか全く分からない状態で、
00:17:51「いいじゃん、やってくれ」と任せてしまうことです。
00:17:55それでは多くのことを見逃している可能性があります。
00:17:57今は、
00:17:58より多くの質問を投げ、徹底的に確認することで回避しようとしています。
00:18:01「私が見落としていることは何?
00:18:03専門家ならどんな質問をする?」といった具合に。
00:18:05「よし、これなら筋が通っている」と思えるような
00:18:10複数のAIエキスパートが太鼓判を押してくれる安心感を
00:18:11得られるはずです。さらにCodecsも言うには―
00:18:13少なくとも、これで
00:18:16「よし、これは理にかなっている」という
00:18:17安心感を得ることができますよね。
00:18:20複数のAIエキスパートが「いいプランだ」と言っているわけですから。
00:18:24Codexもこう言っています。
00:18:25「指摘の主な診断内容に同意します。
00:18:26元のプランでも起きたことの要約は確実にできますが、
00:18:29あなたが実際に説明した製品には、
00:18:30『今日、動画にする価値があるのは何か』という視点が必要です。
00:18:33それには、単なる取り込みだけでなく、
00:18:35トレンド信号、ランキング、競合の飽和度チェックが必要です」と。
00:18:38つまり、Claude Codeのフィードバックを受けて
00:18:40この最初のパスの後に 実行していくことにします
00:18:42このようなデュアルモデル・アプローチは、
00:18:44プロジェクトのあらゆる部分に応用できます。
00:18:47そして、こちらがアップデートされた新しいプランです。
00:18:49先ほど言ったように、時間の関係で、
00:18:50この最初のパスの後に実行に移ります。
00:18:5323分21秒。
00:18:54ローカルAIトレンドプランナーの実装が完了したようです。
00:18:58何が配置されたか、主要ファイル、
00:19:00検証済み、READMEも作成されています。
00:19:04READMEをクリックすると、こんな風に、
00:19:06アプリ内の画面で見ることができます。
00:19:08実際に何が書かれたかを確認でき、
00:19:10すべてのファイルが表示されます。
00:19:12「すべてのファイル」をクリックすると、
00:19:15作成されたものが素早く表示されます。
00:19:18最初のパスなので、
00:19:19まだ削除されたものはありませんが、あればそれも表示されます。
00:19:22これらのファイルのいずれかをクリックすれば、
00:19:24レビュー画面を表示することもできます。
00:19:26レビュー画面では「diffビューアー」が使えます。
00:19:29ここでGitの操作もいくつか行えますし、
00:19:33実際に何が実行されたのかが非常に分かりやすいです。
00:19:36繰り返しになりますが、私はターミナルが大好きです。
00:19:37おそらく皆さんもそうでしょうが、
00:19:38ターミナルには、
00:19:40すべてを1か所で確認するという
00:19:42利便性の面で限界があります。
00:19:44では、Claude Codeにチェックさせる前に、
00:19:45「開発サーバーを起動して、
00:19:49サイドバーのブラウザで開いて」と頼んでみましょう。
00:19:54AIを使いすぎて、
00:19:57タイピングが本当に下手になった気がします。
00:20:00この1年、音声入力ばかり使っていましたから。
00:20:02実際、1つの文章もミスなしで打てないほど、
00:20:04タイピング能力が完全に失われてしまいました。
00:20:07さて、AIが開発サーバーを立ち上げて、
00:20:11実際のウェブページをここに表示してくれます。
00:20:14アプリ内ブラウザで確認できるのはいいですね。
00:20:16ページが表示されました。
00:20:18見えやすいように、こちらへ移動しますね。
00:20:21作成されたのがこれです。
00:20:23「AIトレンドプランナー」ですね。
00:20:26スキャンを実行できます。
00:20:27情報の取り込みや、レポートのアイデアも。
00:20:29全体的に、最初のパスとしては、
00:20:32このような、何というか、
00:20:35ブルータリズム的なアプローチですね。
00:20:37なかなか良いと思います。
00:20:39個人的には結構好きですよ。
00:20:40最近は何でもかんでも「AI製の手抜き」って言われますけどね。
00:20:43ミニ・カンバン、これはドラッグできるかな?
00:20:46いいえ、ドラッグはできませんね。
00:20:48できるようになると嬉しいですが。
00:20:50シグナルフィード、ソース、なるほど。
00:20:55表面上、これらが実際に機能するかは分かりませんが、
00:20:58最初はまともに見えます。
00:21:02では「フルスキャン実行」を試してみましょう。
00:21:05ソースを取得しています。
00:21:08これを待っている間に、何をしましょうか?
00:21:11そうですね、Claude Codeに
00:21:12この成果をチェックさせましょう。
00:21:13「ねえ、Codexが最初のパスで作ったアプリを
00:21:17見てくれるかな?」
00:21:21「明らかな弱点や、変更すべき点はある?
00:21:25私の理解では、すべてが適切に繋がっていて
00:21:28動いているはずなんだけど、
00:21:31何か見落としている問題はあるかな?」
00:21:34おっと、Ollamaが動いていないと言っていますね。
00:21:36Ollama側で何か解決策を見つける必要がありそうですが、
00:21:38それはさておき。
00:21:42全体的にはかなりクールに見えます。
00:21:42もちろん、これを
00:21:44ローカルのブラウザで開くこともできます。
00:21:46ここでできることの一つに、
00:21:48v0のデザインのように、注釈をつけたり
00:21:52コメントを残したりすることができます。
00:21:53ここをハイライトして、コメントを残しましょう。
00:21:58「ここをイタリック体にできる?」と言ってみます。
00:22:03すると、ここに注釈として
00:22:10追加されます。
00:22:13さらなる変更を追加することも、今すぐ送信することもできます。
00:22:15このように、
00:22:17好きなところに注釈をつけることができます。
00:22:20スクリーンショットもすぐに撮れます。
00:22:22それを撮って、そこに貼り付けることも可能です。
00:22:24これならフロントエンドのデザインレビューや
00:22:28反復作業がずっと楽になりますね。
00:22:30ほら、イタリック体になりました。
00:22:33あ、Codexが最初に教えてくれていたのに、
00:22:35面倒くさがって読んでいませんでした。
00:22:36「ローカルAI生成を使うには、Ollamaをプルするか、
00:22:40Ollamaモデルを既存のものに設定してください」と。
00:22:43私のPCにはいくつかのモデルが入っています。
00:22:45なので、「それを探して」と頼んでみましょう。
00:22:47「いくつかOllamaモデルが
00:22:51すでに入っているはずなんだ。
00:22:52どれがあるか調べて、
00:22:55適切に繋いでくれるかな?」
00:22:57あと、これらのリンクが実際に機能するかチェックしましょう。
00:23:00「AIの粗製乱造がオンラインコミュニティを殺している」
00:23:03Y Combinatorの記事ですね。
00:23:05コピーしてみます。
00:23:06ええ、本物の記事ですね。
00:23:08素晴らしい。
00:23:09さて、下にClaudeのレビューが返ってきました。
00:23:12「本物のバグをいくつか発見した」と言っています。
00:23:1520個の新しいバグが見つかったようです。
00:23:19「結論として、接続は正しい。
00:23:22パイプラインは端から端まで流れているが、すぐに表面化するバグがある」と。
00:23:27タイムスタンプの問題や、
00:23:30競合への自己警告など、いくつかの点を挙げています。
00:23:32まあ、上出来ですね。
00:23:3420個も指摘されるとは。
00:23:36また Claude Codeに「Codexがこれを書いた」と伝えたら
00:23:39少しばかり対抗意識を燃やしてくれないかとも思います。
00:23:42そうなれば最高ですね。
00:23:43実際、それを「スキル」にすることもできるでしょう。
00:23:45Claude Code内のCodexプラグインには
00:23:48実際にスキルが存在していて、文字通り
00:23:50「敵対的レビュー(Adversarial Review)」と呼ばれています。
00:23:51Codexは、私のマシンに GLM 4.7 Flashが
00:23:55入っていることを認識しました。
00:23:56そしてそれを接続し、トレンドレポートを再実行したのです。
00:23:59それがここで確認できます。
00:24:00これは、収集したすべての情報に基づいた
00:24:02正真正銘のレポートです。
00:24:04これらの動画案を見てみましょう。
00:24:05「なぜAIの粗製濫造がオンラインコミュニティを壊滅させるのか」を
00:24:07明日(Tomorrow)に設定してみます。
00:24:09実際にそこに配置されるか見てみましょう。
00:24:15うまくいっていないようですね。動作が不安定です。
00:24:18では、Claude Codeにこれを修正させましょう。
00:24:21「動画案の一つをクリックした時、
00:24:24例えば『AIの粗製濫造...』の案ですが、
00:24:28『明日(Tomorrow)』をクリックしても、ローディングバーが出るだけで
00:24:32実際には何も起こりません。
00:24:33これを修正できますか?」
00:24:35「それと2つ目に、現在カンバンボード上で
00:24:37アイテムを自由に動かすことができません。
00:24:41一度特定の枠、例えば『Inbox』に入ると、
00:24:43それを『今日』や『明日』に移動させる機能がないんです。」
00:24:45という感じです。
00:24:46このようにして、やり取りを進めていくのだと
00:24:48思います。
00:24:50ご覧の通り、
00:24:50両方のツールに同時に一つのプロジェクトを
00:24:52進めさせることができます。
00:24:53Codexでは力不足だと感じれば、
00:24:55Claude Codeに任せることも可能です。
00:24:57お互いの弱点を補い合わせることも
00:24:59できるでしょう。
00:25:01正直なところ、通常であれば Claude Codeの方が
00:25:03フロントエンドのデザインや
00:25:05全体的な設計において、Codexより優れている傾向にあります。
00:25:08ですが、最初の試作段階の
00:25:11出来栄えも結構気に入っています。
00:25:12「Claude、フロントエンドのデザインをやってくれ」といった
00:25:15デモをお見せすることもできますし、
00:25:17確かに改善の余地はまだありますが、
00:25:19これでも十分によくできていると思います。
00:25:21このデモで本当に皆さんに見てほしかったのは、
00:25:23セットアップがいかに簡単かということです。
00:25:26そして、Claude Codeが
00:25:29Codexが初回のパスで見逃していた
00:25:3420個もの潜在的なバグを見つけ出したという事実です。
00:25:35プロジェクトを通じて何度も繰り返し
00:25:38相互にチェックさせることによる「複利効果」は、
00:25:41長期的には十分な見返りがあるはずです。
00:25:45最初はこれを行うために
00:25:47多くのトークンを消費しますが、長期的には、
00:25:49これらのバグを早期に発見し、
00:25:52弱点をすぐに見抜くことができれば、
00:25:54トータルではむしろトークンの節約になると考えています。
00:25:57もちろん、これを通常のブラウザで
00:25:59開くこともいつでも可能です。
00:26:01カンバンボード上のナビゲーションも
00:26:06修正できたようですね。
00:26:07最後に、手短に話したいのは
00:26:09「ツールに依存しない(ツール・アグノスティック)」という大きな考え方についてです。
00:26:12多くの人は、
00:26:14自分はツールに依存していないと思っています。
00:26:16「Opusより優れたものが出れば明日には乗り換える」とか、
00:26:18「GPT 5.5より優れたツールが出れば
00:26:19そちらに切り替える」と言います。
00:26:21皆そう思っていますが、
00:26:23実際にはそうしません。
00:26:25現実に起こるのは、一つのツールに慣れてしまい、
00:26:26それを使う習慣が染み付いてしまうということです。
00:26:29そして多くの人は、
00:26:31妙に「派閥」のような意識を持ち始めます。
00:26:33「俺はAnthropic派だ、
00:26:35Claude Code派だ、OpenAIは嫌いだ、
00:26:37サム・アルトマンは嫌いだ」あるいはその逆といった具合に、
00:26:40まるでスポーツチームを
00:26:43応援しているかのような状態です。
00:26:46そんなことは気にするべきではありません。
00:26:48本当にどうでもいいことです。
00:26:49常に乗り換える準備をしておくべきです。
00:26:51そして、日頃からすべてのツールを併用していれば、
00:26:52乗り換えるのは非常に簡単です。
00:26:56私たちは今、
00:26:58どのモデルが最適なのかが判然としない段階に来ていますし、
00:27:00今後その傾向はさらに強まるでしょう。
00:27:03なぜなら、ベンチマークの結果を
00:27:06鵜呑みにしている人は半分もいませんし、
00:27:08すべてのモデルが非常に高いレベルで
00:27:09収束しつつあるからです。
00:27:11モデルが進化すればするほど、
00:27:13平均的なユーザーが求めている水準を
00:27:15はるかに超えていきます。
00:27:1799%の人が行っている平均的なプロジェクトは、
00:27:19すでに存在する今日のモデルで十分にこなせます。
00:27:21そうなると、
00:27:225年後のモデルで私たちは何をするのでしょうか?
00:27:25ですから、「私は Claude Code派だ」とか
00:27:29「俺は Codex派だ」と固執するよりも、
00:27:31それらを競わせる方が、長期的には
00:27:33より先へ進める気がしています。
00:27:34幸運なことに、開発側は
00:27:36「囲い込み」のような壁を作っていません。
00:27:37両方を同時に使うことができます。
00:27:39むしろ、連携は非常に容易になっています。
00:27:40Codexが Claude Codeのプラグインを作ったり、
00:27:42スキルファイルをインポートできたり
00:27:44するようにね。
00:27:46私たちはAIにとって素晴らしい時代に
00:27:47いると思います。
00:27:51悲観的な見方をして「価格が上がっている」と
00:27:53言う人もいますが、
00:27:54実際には私たちは素晴らしい状況にあり、
00:27:56事態は良くなる一方です。
00:27:57利用可能なすべてのツールを駆使すれば、
00:27:59さらに状況を好転させることができます。
00:28:02今日はこのあたりで終わりにしようと思います。
00:28:03何か得られるものがあったなら幸いです。
00:28:05いつものように、感想を聞かせてください。
00:28:07私の Claude Codeと Codexの
00:28:08マスタークラスに興味がある方は、
00:28:10Chase AI+ をぜひチェックしてみてください。
00:28:12それでは、またお会いしましょう。

Key Takeaway

特定のAIエコシステムに固執せず、CodexのデスクトップUIとClaude Codeのターミナル操作を1つのプロジェクト内で併用することで、バグの早期発見と開発効率の最大化を同時に実現できる。

Highlights

  • Codexデスクトップアプリ内のターミナルでClaude Codeを直接実行することで、両ツールの環境設定を数秒で共有できる。

  • OpenAIのProプランは月額100ドルまたは200ドルで、ベンチマークでMythosを上回る性能を持つGPT 5.5 Proへのアクセスを提供する。

  • Codexのインポート機能により、ボタンをワンクリックするだけで既存のClaude CodeやOpen Codeのスキルセットを自動的に同期できる。

  • Gemini 1.5 Proのコンテキスト窓は25.8万トークンであり、上限に達すると自動圧縮機能が作動してリソースを最適化する。

  • プロジェクトの初期設計段階でCodexが作成したプランに対し、Claude Codeが20個の潜在的バグを指摘するなど、デュアルモデルによる相互レビューがバグ早期発見に寄与する。

Timeline

特定ツールへの忠誠を捨てるべき理由

  • CodexとClaude Codeの機能は99%重複しており、一方を習熟すればもう一方への移行は極めて容易である。
  • AnthropicのMaxプランよりもOpenAIのProプランの方が、利用制限の面で寛大な条件を提示している。
  • Codexのデスクトップアプリはターミナル機能を内蔵しており、その中でClaude Codeを動作させるのが両者の長所を活かす最短経路である。

AIツールの進化速度は速く、特定の企業やエコシステムに閉じこもることは自己の成長を妨げる要因となる。GPT 5.5の登場により、Claude 3.5 Opusとの性能差は議論の余地があるほど縮まっている。複数のツールを同時に使いこなす環境を構築することが、最も合理的な戦略となる。

Codexの料金体系とモデル性能の比較

  • GPT 5.5は100万トークンあたりのコストがOpusと同等か僅かに高いが、総トークン消費量は少なく済む傾向にある。
  • 月額20ドルの基本プランでも標準のGPT 5.5は利用可能であり、必要に応じて100ドルのProプランへアップグレードすればよい。
  • OpenAIのエコシステムは全体的なコストパフォーマンスにおいてAnthropicを上回る実利を提供する。

単純な1対1のコスト比較は困難だが、モデルが提供する価値と利用制限の緩和を考慮するとOpenAIの方が得られるメリットが多い。初めてのユーザーはまず低価格プランで適性を確認し、フルパワーが必要になった段階で上位プランを検討すべきである。

Codexデスクトップアプリの基本設定と主要機能

  • 視覚的な通知キャラクターである「ペット」機能が、バックグラウンドでの作業完了を即座に知らせる役割を果たす。
  • 設定内の「ワーク・モード」をコーディング用に指定することで、より技術的な詳細に特化した回答が得られる。
  • AIのメモリ機能をオフに設定することで、不要な個人情報の保持を避け、プロジェクトごとのコンテキストを制御できる。

直感的なUIはChatGPTに近く、プラン・モードの切り替えや権限設定も容易に行える。自律型AIでの開発において最大の時間ロスは作業完了に気づかないことだが、デスクトップアプリ特有の視覚的フックがこの問題を解消する。MacユーザーであればComputer Use機能も利用可能である。

プラグイン・スキル管理とツール間移行の自動化

  • Supabaseなどのプラグインを導入することで、自然言語によるデータベース構築などの特定タスクが即座に実行可能になる。
  • PC内に既存のコーディングエージェントのスキルがある場合、Codexがそれを自動検出しワンクリックでインポートを完了させる。
  • 複数の独立したチャットウィンドウを同時に開くことで、1つのプロジェクトに対して並列的なアプローチを試みることができる。

スキルの移行が自動化されているため、特定のツールで構築したアセットを失う心配はない。プロジェクト管理機能はローカルとクラウドの両方に対応しており、ファイルシステムとの同期も極めてスムーズである。各チャットは独立して動作するため、複数のターミナルを立ち上げているのと同じ柔軟性を持つ。

デュアルモデルによるWebアプリ開発のデモと相互レビュー

  • CodexがNext.jsとTypeScriptで構築した初期案に対し、Claude Codeが20個のバグや設計の欠落を指摘し改善を促す。
  • アプリ内ブラウザと注釈機能により、生成されたフロントエンド画面を直接ハイライトしてデザイン修正を指示できる。
  • ローカルに導入済みのOllamaモデルをCodexが自動認識し、外部APIに頼らないAIトレンドレポート機能を実装する。

リサーチ、企画、タスク管理を備えたAIトレンドプランナーの作成プロセスを通じて、両ツールの連携がいかに強力かが証明される。特に技術的背景を持たないユーザーにとって、1つのAIが立てたプランを別のAIに「第2の目」としてチェックさせる手法は、致命的な設計ミスを防ぐための強力な防護策となる。この複利効果が、長期的にはトークンの節約と品質向上に繋がる。

ツール・アグノスティックな姿勢の重要性

  • 特定のツールに慣れ親しむことで生じる心理的な派閥意識は、最適な技術選択を妨げる障壁となる。
  • 現在のAIモデルは高いレベルで性能が収束しており、ベンチマークの結果よりも現場での実用性を重視すべきである。
  • 開発各社がスキルの互換性を高めている現状は、ユーザーにとって乗り換えや併用が容易な「黄金時代」を意味する。

将来のモデル進化を見据えると、ツールへの固執は意味をなさない。常に最新かつ最適な選択肢を競わせる姿勢を持つことで、開発者はエコシステムの恩恵を最大限に享受できる。囲い込みのない開かれた環境を活かし、全ツールを駆使することが成功への鍵となる。

Community Posts

View all posts