デザイン制作会社様の入稿データ（Illustrator）をもとに、複数施設が参加する周遊型キャンペーンの告知LPを制作しました。装飾性が高く、かつ開催日が動かせない案件でしたが、制作工程の大半をAIで自動化することで、設計方針の全面転換から公開まで数日で対応しています。

■ デザインデータからの画像書き出しを自動化
装飾要素が多く、通常のコーディングでは意匠の再現度が落ちる構成だったため、デザインを画像として忠実に再現する方式を採用しました。通常は人が1枚ずつ手作業で切り出す工程ですが、本件ではAIエージェントをIllustratorに直接接続し、指定領域の書き出しを自動化。数十枚のスライス画像と、その上に重ねる装飾要素を、座標計算まで含めて機械的に生成しました。表示用のwebpとフォールバック用のpng、高解像度／標準解像度の2サイズも同時に書き出しています。

■ 実装はAIコーディングエージェントで
HTML・CSS・JavaScriptの実装は、Claude Code等のAIコーディングエージェントを前提に進めました（いわゆるバイブコーディング）。人が担当したのは、要件を定義することと、出力されたものを最後まで確認することです。参加施設のマップ連携、画像モーダル、スマートフォン閲覧を前提としたレスポンシブ対応まで、この体制で実装しています。

■ 検品も機械化
画像を貼り合わせる方式は、継ぎ目のズレや切り出し漏れがそのまま致命的な欠陥になります。そこで目視確認に頼らず、全スライスを機械的に検査する仕組みを組みました。実際に、画像の切断9枚・領域指定の不良4枚を公開前に検出し、修正しています。「速く作る」だけでなく「速く検品する」ところまで自動化しているため、短納期でも品質を落としません。

キャンペーンLPは、開催に間に合うことが絶対条件です。デザインは決まっているが工期がない、途中で方針が変わった、といった案件にこそ対応できます。制作会社様・代理店様からのご依頼、貴社名義での納品（黒子対応）も承ります。