AIが制作オペレーションの中核
判断材料の整理、下書き生成、実装補助、日報化までを AI 側に持たせ、人は品質判断に集中します。
← お知らせ・コラム一覧
コラム2026年5月28日
AI operating system for webpeerAIをCEOに据えた
HP制作会社の
実運用を公開
webpeer では、AI を単なる補助ではなく制作の司令塔として扱い、Notion と Claude Code を中心に案件管理から実装までを一つの流れで回しています。
AIが制作判断の前段を処理
整理、要約、初稿、実装候補の生成を先回りして進めます。
Notionで全工程を一元管理
記録と進行を分断せず、案件数が増えても再現性を維持します。
Notion が司令塔
案件情報、ステータス、メモ、公開待ちを一箇所に集約し、制作の流れを止めません。
Claude Code が実装を前に進める
既存コードを読んだうえで、対象ファイルを更新し、ローカル確認まで進められる制作エージェントとして使います。
7-step workflow
Notionで固定した
7工程で回しています
思いつきで動くと抜け漏れが出るので、webpeer では案件の流れを 7 工程に固定しています。依頼ごとの差分だけを見ればよい設計です。
1
事前準備
クライアント情報、URL、更新対象、参考情報をまとめる。
2
依頼受付
LINE や Gmail の更新依頼を受け取り、内容を構造化する。
3
素材回収
メイン画像、補足素材、デザイン案を回収して欠けをなくす。
4
構成案作成
AI がページ構成やデザイン案の初稿を作り、方向性を素早く固める。
5
実装
Claude Code が既存コードを読み、必要なページやデータファイルを更新する。
6
承認・公開待ち
公開待ちの更新依頼を集約し、漏れなく反映できる状態を保つ。
7
振り返り
日報と記録を残し、次の作業にそのまま引き継げるようにする。
NotionとClaude Codeを分断しない
AIに投げる指示文、案件の現況、公開待ち、日報の記録を別々に置かず、一つの運用線でつなげています。これが属人的な制作から抜け出すための前提です。
案件情報と更新ルールを蓄積
Claude Code が既存コードを読んで実装
日々の進行を可視化して判断を早くする
Why it works
少人数でも回る理由
Before
更新依頼の整理、記事作成、ファイル特定、進行管理が人の頭の中に寄りやすい。
After
AI が下地を作り、人間は品質判断と対外コミュニケーションに集中できる。
AIをCEOに据えた少人数のHP制作会社が、Claude CodeとNotionで制作から運用までの全工程をどう自動化しているかを実例ベースで公開します。