当初、「gaipack」公式サイトをノーコードツールを用いてスピーディーにローンチすることを実現したものの、主に以下の技術的・プロセス的な課題に直面していました。
当初検討していたノーコードツールは SPA（シングルページアプリケーション）構成であり、全ページでタイトルタグや OGP 画像が同一になってしまうという弊害がありました。これにより、検索エンジンのインデックスや SNS シェア時の表示が最適化できず、マーケティング上の機会損失が懸念されました
従来のプロセスでは Git 連携が弱く、ブランチを切った並行開発（複数人での同時作業）が困難でした。シリアルに作業を進めるしかなく、開発スピードが上がらない要因となっていました
外部 API キーなどを安全に管理する仕組み（環境変数）が不足しており、セキュリティリスクを抱えたまま外部システム連携を行わざるを得ない状況でした
コンテンツの更新作業がエンジニアに依存しており、マーケティング担当者が即座に情報を発信できないというボトルネックが発生していました
アイレットは、AI 統合ソリューション群「gaipack」内の「AI CMS」を活用することで、従来のボトルネック（デザイン・実装工数と運用の属人化）を根本的に排除し、品質と速度を両立するプロセスの再定義と確立を実現しました。
当社のソリューションは、生成 AI「v0」とヘッドレス CMS「Contentful」を基点とし、従来の「フルスクラッチでの手動コーディング」を原則不要とする新しいスキームを確立しました
開発者が、生成 AI ツール「v0」にプロンプトを入力し、React / Next.js の UI コンポーネントを瞬時に自動生成します
生成されたコードを GitHub で管理し、Vercel へ自動デプロイするフローを構築。これにより、複数人による安全な並行開発が可能になりました
Next.js の SSR（サーバーサイドレンダリング）や ISR（インクリメンタル静的再生成）を採用し、クローラーに正しいメタデータを提供する基盤を構築しました
ニュースやブログ記事は「Contentful」から非エンジニアが入稿・公開。Webhook により Vercel 上で自動的にビルド・デプロイが走る仕組みを実現しました
「AI CMS」の導入は、自社サービス「gaipack」公式サイトのリリースにおいて、開発スピードの向上と運用の自律化という目標を達成しました
スクラッチ開発 + 手動運用
開発・運用負荷を軽減
従来のスクラッチ開発や手動運用と比較し、AI によるコード生成と CI / CD 自動化により、デザイン・マークアップ工数および更新作業の工数を大幅に圧縮しました
AI によるコード生成と CI / CD 自動化により、デザイン・マークアップ工数および更新作業の工数を大幅に圧縮した
SPA 特有の SEO 課題を解消し、サイトマップ XML の自動出力やメタデータの動的生成が可能になった
Contentful での更新が自動的に本番サイトへ反映されるフローにより、属人性を排除した
この新しい開発スタイルへの転換は、従来の開発スタイルと比較して大きな変革をもたらしました
従来使用していたノーコードツールでは不可能だった「並行開発」が、v0 と GitHub の連携によりスムーズに実現できました。このスピード感はまさに AI 駆動開発です。
プロジェクト担当者
SPA の弊害だった SEO や OGP の問題が、SSR への移行で完全に解決しました。マーケティングツールとして安心して運用できます。
プロジェクト担当者
「gaipack」の認知拡大を見据え、今回の成果で得られたスピード感を活かし、コンテンツの拡充とマーケティング施策を加速させます。特に「AI CMS」自体を顧客向けのソリューションとして展開し、企業の DX 推進を支援していきます
アイレットは、確立した「AI CMS」プロセスを実運用に定着させ、継続的な改善を推進します。v0 のプロンプトエンジニアリングや Contentful の活用モデルをさらに洗練させ、さらなる開発効率化と品質向上を目指します
gaipack の最新情報を SNS で発信中！
