AI支援制作・運用AI-ASSISTED DELIVERY
CASE 03
AI支援を制作工程に組み込み、サイトを継続改善
判断をAIへ丸投げせず、企画と最終確認は人が担当。実装、調査、品質確認の工程にAI支援を組み込み、公開後も速度と品質を検証しています。
- 配信
- 静的プリレンダ
- 確認
- 型・ビルド・実ブラウザ
- 公開判断
- 人が担当
OVERVIEW
どんな仕組みか
本サイトの調査、実装、画像・動画素材、品質確認にAI支援を組み込んだ制作・運用工程です。AIが自動公開するのではなく、企画と最終判断は人が担当しています。
CONTEXT / CHALLENGE
解決したかったこと
AI支援や生成素材を制作工程へ取り入れながら、静的プリレンダ、SEO情報、画像・動画の代替表示といった公開品質を維持する必要がありました。
生成の速さだけを優先せず、採用する素材や実装を人が判断し、公開後も修正を続けられる工程にすることがテーマでした。
IMPLEMENTATION
どのように実装したか
AIを調査、実装補助、画像・動画素材の制作支援、品質確認の補助に使用しています。生成素材はそのまま公開せず、軽量化と代替表示を組み込みました。
TypeScriptのtypecheck、production build、PC・スマートフォンの実ブラウザ表示を確認し、人のレビューを経て公開しています。
使用技術・基盤
- React Router v7
- React 19
- TypeScript
- Vite
- Tailwind CSS
- AI画像・動画制作
ROLE DESIGN
AIに任せること、人が判断すること
- AI
- 調査、実装、素材制作、品質確認を支援
- HUMAN
- 企画・採否・公開判断を担当
EVIDENCE
確認できること
- 静的プリレンダとSEO情報を維持
- AI生成素材と人のレビューを組み合わせる
- 公開後の改善まで同じ基盤で管理
- 運用状況
- 本サイトの企画・実装・品質確認・公開後の改善で継続利用
- 対象範囲
- 調査、実装補助、画像・動画素材の制作支援、品質確認の補助
- 確認方法
- TypeScriptのtypecheck、production build、実ブラウザ表示を確認し、公開前に人がレビュー
- 制約・人の判断
- AIが自動公開することはなく、企画・採否・公開判断は人が担当する
DISCLOSURE
公開情報の範囲
この制作工程は当社自身の実践例です。特定の顧客成果、検索順位の向上、制作期間の短縮を保証する事例としては表現していません。
RELATED CASES
