Claude CodeとCodex、2つのAIに役割分担させてブログを運営してみた｜ファイルで引き継ぐ連携のしかた

はじめに

このブログは、2つのAIに役割を分けて運営しています。

「AIを2つも使う必要があるの？」と思われるかもしれません。実際にやってみると、得意な作業を分けることで、それぞれの仕事がはっきりしました。

この記事では、2つのAIをどうつないでいるか、実際の流れに沿って紹介します。

連携の前提として、まずここを押さえる必要がありました。Claude CodeとCodexは別々のツールで、お互いに直接メッセージを送ることはできません。

そこで、同じパソコンの同じフォルダーを「受け渡し場所」にすることにしました。

郵便受けを1つ決めて、手紙でやり取りしているイメージです。

最初にCodexから届いた納品フォルダーには、次のものが入っていました。

見本のHTMLは、あくまで「見た目の参考」です。実際のブログにそのまま置き換えるものではない、と依頼書に明記されていました。この一文があったおかげで、Claude Code側が既存の仕組みを壊さずに作業できました。

Claude Codeは、依頼書を読んでから作業を始めました。

組み込んだあとは、スマホ幅とパソコン幅、ライトとダークの4パターンで画面を撮影して確認しました。

組み込んでみると、見本どおりにいかない部分もありました。たとえば、トップページのキャッチフレーズが、見出しと同じ大きさで表示されて重く見えました。

Claude Codeはこれを本文寄りの大きさに調整し、「なぜ変えたか」を依頼書に書いてCodexに返しました。デザイン担当が知らないところで、黙って変えないためです。

記事が増えると、アイキャッチ画像が必要になります。Claude Codeは、Codexへの依頼書に次のことを書きました。

切り抜きの情報は、実際にサイトを組んでいる側でないと分かりません。これを伝えることで、大事な部分が切れない画像を作ってもらえます。

2つのAIは直接会話できませんが、「受け渡し用のフォルダー」と「依頼書・納品書のファイル」を決めるだけで、十分に連携できました。

人がやることは、方針を決めることと、AI同士の橋渡しをすることです。AIを増やすほど、この「決めごと」が大事になると感じています。

次に読む：ブログ以外の自動化の実例として、FX自動売買の仕組みづくりを3回に分けて紹介しています → 【FX自動化①】全体の流れ