サブエージェントを使えば、一人でチームを組めます。Claude Codeには「役割を持った分身」を複数つくれる機能があり、それらが並列・順次で動いて、あなたの代わりに開発・ライティング・品質チェックをこなしてくれます。私はこのKODO-AIサイト自体を4つのサブエージェントで構築しました。そこで確信したのは、「サブエージェントなしの個人開発には、もう戻れない」ということです。

サブエージェントとは何か

サブエージェントとは、Claude Code内で「役割を持った専門担当AI」を作れる機能です。わかりやすく言うと、専門家チームをAIで作る感覚です。

たとえば、ふつうの会社で新しいウェブサービスを立ち上げるなら、デザイナー・エンジニア・ライター・品質管理担当がチームを組みます。個人開発ではこのすべてを一人でやらなければなりません。サブエージェントは、その「それぞれの専門家」の役割をAIに持たせることができる仕組みです。

技術的には、各サブエージェントはメインの会話とは独立した記憶領域(コンテキストウィンドウ)を持ちます。つまり、フロントエンド担当AIがHTMLを書いている間、SEO担当AIは別の記憶領域でメタタグを考えられます。お互いが干渉せず、専門領域だけに集中できる設計になっています。

1人でも、チームで動ける。 サブエージェントは「1つのAI」ではなく「役割を持った複数のAIが協力する仕組み」です。あなたはゴールを伝えるだけで、あとはエージェントたちが分担して動きます。

1人で作るとどこで止まるか

非エンジニアが個人でアプリやウェブサイトをつくろうとすると、必ずどこかで手が止まります。私が見てきた「止まりやすいポイント」はこれです。

この問題の本質は、「1人なのに4役こなさなければならない」という構造的な無理です。コーディング・SEO・品質チェック・ライティングが全部自分に集中する結果、「動くものができない」「時間がかかる」「途中で諦める」という負のループに入ります。

サブエージェントは、この問題を正面から解決します。それぞれの役割をエージェントに分担させることで、あなたは「何をつくるか」の決断だけに集中できるようになります。

実際にKODO-AIサイトで試した

このKODO-AIサイト自体を、4つのサブエージェントで構築しました。「実際に自分がつくったものを使って実証する」という考えのもと、1セッションでサイト構築から記事作成・SEO・品質チェックまでを一気通貫で完遂しています。

web-ui-engineer
HTML/CSS/JSの実装担当。デザインシステムに従ってページを構築し、レスポンシブ対応まで一手に引き受ける。
seo-writer
SEO最適化担当。メタタグ・構造化データ・キーワード配置など、検索エンジンに刺さる設計を行う。
research-writer
リサーチ・執筆担当。最新情報を調査し、読者目線で記事を執筆する。この記事もこのエージェントが担っている。
evaluator
品質審査・修正担当。完成物を読み込み、誤字・論理の穴・デザイン崩れを検出して修正指示を出す。

これら4つが並列・順次で動き、私はゴールと方針を伝えるだけでした。web-ui-engineerがトップページを構築している間に、seo-writerがメタタグを検討し、research-writerが記事の構成を練る。その後、evaluatorが全体を審査して修正する。この流れが1セッションで完結しました。

体感として、企画から動くものまでの速度が、通常の5倍以上になりました。これは誇張ではなく、「詰まる時間がゼロに近い」という事実から来ています。

サブエージェントで何が変わるか(3つの変化)

実際に使ってみて感じた変化を、3つに整理しました。

1

詰まらない——専門エージェントが即対応

「ここのCSSが崩れる」「このSEOの設定はどうすればいい」という詰まりが、専門エージェントに投げた瞬間に解消されます。自分で調べ回る時間がなくなり、開発のリズムが途切れません。「詰まったら止まる」という個人開発の最大の敵を、構造的に排除できます。

2

並列で動く——複数作業が同時進行

人間は同時に2つのことはできませんが、サブエージェントは並列で動けます。実装・ライティング・SEOが同時に進む体験は、最初は信じられないほどです。直列(順番にひとつずつ)でやっていた作業が並列(同時に)になるだけで、完成までの時間が劇的に短くなります。

3

評価者がいる——自分では見つけられないミスを修正

自分でつくったものを自分でチェックするのは、構造的に難しいことです。evaluatorエージェントを置くことで、自分の盲点を客観的な目で洗い出してもらえます。「公開してから気づく」という後悔が、格段に減ります。

今すぐ始める方法

サブエージェントの始め方は、思っているよりずっとシンプルです。.claude/agents/ディレクトリにMarkdownファイルを置くだけで、カスタムエージェントが使えるようになります。

たとえば、こんなファイルを1つ置くだけでも、専門エージェントとして機能します。

# .claude/agents/web-ui-engineer.md

---
name: web-ui-engineer
description: HTML/CSS/JSの実装を担当する。デザインシステムに従ってUIを構築する。
---

あなたはフロントエンドエンジニアです。
HTML・CSS・JavaScriptを使って、デザインシステムに忠実なUIを実装してください。
レスポンシブ対応を必ず行い、アクセシビリティにも配慮してください。

Claude Codeのターミナルから/agentsコマンドを使えば、対話形式でエージェントを作成することもできます。まずは「自分が一番詰まる作業」を1つエージェントに任せるところから始めてみてください。

試すなら、こんな順番がおすすめです。

  1. 自分がよく困る作業をひとつ書き出す(「CSS調整」「文章を読みやすくする」など)
  2. .claude/agents/にMarkdownファイルを1つ作る
  3. Claude Codeで「〇〇エージェントに任せて」と指示して動かしてみる
  4. うまく動いたら、もう1つ役割を足す

動くものをつくりたいなら、まずエージェントを1つ作ることから始めよう。 完璧なチームを最初から揃える必要はありません。自分が一番詰まる場所に、1人の専門家を置くことから始めるだけでいい。それだけで、開発のリズムが変わります。