11/24


2025

自社CMSとAIで構築する、Web開発

By Product Team

私たちは、自社開発 CMS と AI を組み合わせた Web 開発手法 により、設計から公開・運用までを最短距離で実現する開発を行っています。

従来の Web 制作では、

デザインツールでのモック作成 → 実装 → CMS 組み込み → SEO 調整

といった分断された工程が一般的でした。

一方で、プロジェクト規模によっては専門のデザイナーをアサインできなかったり、 よりクイックに公開して、まずはユーザーや顧客の反応を見たいという場面も増えています。 また、デザインと開発を分業することによる工数やコミュニケーションコストも課題でした。

AI の普及により、UI デザインと開発はこれまで以上にシームレスにつながりつつあります。 この変化を前提に、デザインから実装までを一体で進める開発手法として、本アプローチを採用しています。

特徴

  • HTML で直接モックアップを生成

    Coding Agent を用い、プロンプトベースで HTML・CSS の静的ページを生成します。これをモックアップとし、デザインツールを介さずに開発を進めます。

  • Next.js 構成への変換

    モックアップを Next.js ベースの構成に変換し、保守性やパフォーマンスを強化します。

  • 自社 CMS による運用・SEO 最適化

    コンテンツ管理の効率化と、検索エンジン最適化を両立します。

  • 少人数・短期間での開発

    AI を活用することで、最小限の体制でも高い生産性を実現しています。

技術スタック

Next.js / TypeScript / Python / HTML / CSS

Google Cloud Run / Docker / Terraform

デザインと開発の境界をなくし、 「作るまで」だけでなく「育てる」ことまで見据えた Web 開発 を、 自社 CMS と AI で実現しています。