Claude Code × HP制作会社つくってみた 【現在のAI社員一覧】 ・ディレクターAI…要件整理・サイト構成・進行管理 ・デザイナーAI…ワイヤーフレーム・デザイン案の作成 ・コーダーAI…HTML/CSS・レスポンシブ対応・機能実装 ・ライターAI…キャッチコピー・サービス紹介文の作成 ・レビュアーAI…品質管理・修正指示 ・経理AI…利用トークン数の計算・円表記でExcel帳簿 ・インフラAI…公開環境の準備・公開作業 企画から制作、納品後の運用まで、AI社員だけで回せるHP制作会社が完成。 こうしたClaude Codeの使い方と、今注目のFable5活用事例50個をまとめましたので、欲しい方はリプ欄をチェック！

YouTube20万人突破記念の感謝企画、いよいよ最終日です！ 4日間連続でお届けしてきた特典企画も、本日が最後となります。 『【図解解説】Claude Code超入門』 『Fable5活用事例50選』 の受け取りは、上記の元投稿に ①いいね ②リポスト をしてから、下記の公式LINEよりお受け取りください！

動画解説は下記。 【凄い！】Claude CodeでHP制作会社を作って”AI社員”を完全自律で働かせてみた

すごい！！

ディレクターAIが要件整理からサイト構成、進行管理まで持つ構成、実際の制作会社の分業そのままで面白いですね！ デザイナーAIのワイヤーフレームをコーダーAIにどう受け渡してるのか、連携の部分がめっちゃ気になります🤔

@ryu_grove_ai そこの連携はわりとAI同士のやり取りのみです。社長の出番じゃないですね笑

KEITOです！ このアカウントでは、最新の生成AIツールを"実際に触った”うえで感想や「すぐに使える活用アイデア」をお届けしています。新しいテクノロジーに興味がある方は、フォロー→ @keitowebai

分業させて4体で回すのは自分もやったことがあって、コーダーAIとライターAIを分けると出力の粒度が揃いやすいのは実感あります。個人的には進行管理AIの「間の判断」精度が一番効いてくる気がしました。

進行管理は必須ですよ！かなり良くなります。

進行管理、たしかに効くところですよね。僕は議事録の構造化を自動化してから、決定事項と担当が漏れなく残るようになって、進行管理そのものが楽になりました。

これは面白い！！ やってみよう！

いやいやいや、凄すぎますて😂

凄いですよね！

これを見ると、AI活用の本質は「良いプロンプトを書くこと」より「良い組織を作ること」なのかもしれませんね🤖

「AI 社員チーム」で HP 制作会社、最高。 複数役割を並列実行させるなら、Fable 5 の推論力が活躍する。 つまり、単一の Claude Code じゃなく「役割別エージェント」の組織設計が勝負。 個人開発（Withmate ）でも同じ構造で回してます！

良いですよね！

見えるのがホントいいですね！

こういう使い方を見ると、「AIを使う」から「AIと役割分担する」に変わってきてる感じがします😊 少し先の話だと思っていましたが、意外と近い未来なのかもしれませんね。

うわぁ・・・すごい！

役割を分けると「どのAIがどこで間違えたか」を追えるのが地味に効きますよね。うちはX運用を丸ごとAIに任せてますが、1人に全部やらせるより分業の方が失敗の特定が早い。会社ごっこに見えて実はデバッグしやすい構造だと思ってます

@u3arigato4 定時あきら🤣

@u3arigato4 諦めが悪い凡人社員ですw

@u3arigato4 ブラックな環境にひとり抗ってますねー🤣

動いてるの可愛い

役割分担の発想は、ひとりで全部抱え込まない進め方にもそのまま使えそうです。まず切り分けるだけでも、進め方が整理しやすくなりますね。

経理AIにトークン使用量を円建ての台帳で管理させているのが特に効いていますね。そこまで役割を用意する人はなかなかいません。いい作りです。Maestro Cue なら、ディレクターからデザイナー、コーダー、レビュアーへと続くこの受け渡しの連鎖を、YAMLベースのビジュアルなパイプラインとしてそのまま自動化できます。グループチャットとモデレーターAIを使えば、7つの独立したセッションではなく、各役割が実際に会話しながら進められます。よかったら覗いてみてください。

AI社員を役割ごとに分ける設計、とても参考になります✨ 私もちょうど「AI社員育成ログ」という形で企画担当AIの育成をいま進めているので、こうした役割分担はかなり勉強になります🙇‍♂️

AI社員を役割分担させる発想が面白いですね。コーダーAIとライターAIの精度って結構バラつきありませんか？自分はClaude Codeでコーディングまでは任せられても、ライティングは毎回手直しが必要で悩んでます。

レビュアーAI挟んでるの、地味だけどここが一番効きますよね。AI社員で納品まで回すと、結局「最後の品質を誰が担保するか」でスケールできるか決まる気がしてます。

Infra AI doing the heavy lifting. Nice.

Claude Code × AI社員の発想、HR/GTM目線でも刺激的。人を採るより役割を設計する、という転換が組織論の前提を変えている。

役割分担いいですね。実際に回すと、ディレクターAIの要件整理の精度がボトルネックになりませんか。デザインもコーディングも、最初の要件がブレると全部やり直しになるので。 分業するほど、上流の一人目の質が全体を決める気がする。

役割ごとにAIを分けて運用する発想、実務での使い分けの工夫が伝わってきます。地道な検証の積み重ねがありそうですね。

Multi-role Claude setups like this always die at the Director-to-Coder handoff when context gets truncated mid-structure

AI社員での制作会社、私も分業で回しています。効いたのは各AIの成果物に受け入れ条件を先に渡すこと。構成をそのまま流さずNG例と優先順位を握ってから次工程に渡すと、手戻りが激減しました。役割を分けるより間の合格基準を決める方が精度を左右しますね

見た目もかわいいし 素晴らしいです🥰

私はデザイナーAIで画像を自動生成しようとした際、文字化けにぶつかりテンプレート枠＋テキストに切り替えました。 丸投げするより、枠は人が用意して中身だけ任せる方が実務では崩れません。

神へのお伺いってのが面白い🤣

@grok これAIだけで本当にサイト作れるの？

Claude CodeでHP制作会社、面白い構成ですね。ディレクターAIとデザイナーAIで役割分担して回すの、実際の業務フローに近くて実践的だなと思いました。

非エンジニアですが、私も同じAI分業で実務を回しています。いちばん効いたのは、人間が最後に確認する前提を崩さないことでした。AIが優秀になるほど、そこを飛ばしたくなります。事例、身銭を切る側の目で見てみます。

この方向性、すごく共感します。 最近は「AIを1つ使う」より、「役割ごとにAIを分けてチームとして動かす」ほうが成果が安定するんですよね。 実務でも、誰に何を任せるかを設計できる人ほど、AIを使う側の生産性は一気に上がると感じています。

動きがわかるのがいいですね。 社員の名前が・・・。わかりやすいです！