教育現場のDXを支える教師向け総合情報プラットフォームの機能拡張
プロジェクト概要
従業員3,000名以上の大手教育サービス企業が運営する教師向け情報プラットフォームにおいて、コンテンツ増加と更新頻度の高まりに既存CMSが追いつかない状況が生じていた。情報発信のスピードと柔軟性を抜本的に改善する必要があった。
VIETISはヘッドレスCMS（Contentful）への移行とNext.jsによるフロントエンドのモダン化を担当。コンテンツ編集者が直感的に操作できる環境を構築しながら、高速なページ表示とSEO対応を同時に実現した。
課題と解決策
CHALLENGE
従来のCMSではコンテンツ公開に技術担当者の関与が必要で、教育現場のタイムリーな情報発信が妨げられていた。ページ表示速度の低下もユーザー離脱の原因となっていた。
SOLUTION
Contentfulをヘッドレスとして採用し、Next.jsのSSG/ISRによる高速配信を実現。コンテンツ編集者が開発者なしで公開操作できる環境を整備し、情報発信サイクルを大幅に短縮した。
成果
- コンテンツ公開リードタイムが大幅短縮。教育現場のリアルタイムな情報発信が可能に。
- Core Web Vitals スコアが改善し、ページ表示速度が向上。ユーザー離脱率が低下。
- 編集者が技術担当者不在でもコンテンツを自律的に管理できる体制を確立。
- API連携による外部データとの統合が容易になり、機能拡張の自由度が大幅に向上。
進め方
01
現状調査・移行方針の策定
既存CMSのコンテンツ構造を分析し、Contentfulへの移行方針と優先順位を整理。並行稼働期間も含めた移行計画を策定した。
02
Contentfulコンテンツモデル設計
編集者の操作性を重視したコンテンツモデルを設計。ブロック型のコンポーネント構造により柔軟なページ制作を可能にした。
03
Next.jsフロントエンド実装
SSG/ISRを活用した高速フロントエンドを実装。TypeScriptによる型安全な開発とVercelへの自動デプロイを構成した。
04
コンテンツ移行・編集者トレーニング・本番切り替え
既存コンテンツの一括移行スクリプトを整備。編集者向けトレーニングを実施したうえで本番切り替えを完了した。
関連する実績
すべての実績を見る →
