本プロジェクトでは、AI活用に関する情報発信を目的とした新規メディアサイトの構築を担当しました。フロントエンドにはNext.js、CMSにはmicroCMSを採用し、既存メディアで培ったコンポーネント資産を活用しながら、拡張性と保守性を考慮した設計・実装を行いました。特に、ユーザーの回答内容に応じて最適なコンテンツを表示する診断コンテンツ(個人診断・組織診断・セキュリティ診断)の設計では、質問項目や診断結果、関連記事の出し分けをmicroCMS上で管理できる構成を実現。運用担当者が開発を介さずにコンテンツを更新できる柔軟な運用基盤を構築しました。また、コンテンツ管理だけでなく、診断コンテンツに必要なデータ設計やAPI設計についてもクライアントと連携しながら検討を進め、将来的な拡張にも対応できるヘッドレスCMS環境を実現しています。microCMSの高い柔軟性を活かすことで、情報発信メディアとしての運用性と、インタラクティブな診断コンテンツによるユーザー体験を両立したサイト構築を行うことができました。
※技術判定には主に Wappalyzer を使用しています。
microCMSは無料ではじめられます。 ご不明な点はお気軽にお問い合わせください。
microCMSの公式X(旧Twitter)をフォローして最新情報を受け取ることができます
microCMSのコミュニティに参加してさまざまな情報交換をすることができます
microCMSの公式GitHubで各種SDKや実装例を確認することができます
コメント:
本プロジェクトでは、AI活用に関する情報発信を目的とした新規メディアサイトの構築を担当しました。
フロントエンドにはNext.js、CMSにはmicroCMSを採用し、既存メディアで培ったコンポーネント資産を活用しながら、拡張性と保守性を考慮した設計・実装を行いました。
特に、ユーザーの回答内容に応じて最適なコンテンツを表示する診断コンテンツ(個人診断・組織診断・セキュリティ診断)の設計では、質問項目や診断結果、関連記事の出し分けをmicroCMS上で管理できる構成を実現。運用担当者が開発を介さずにコンテンツを更新できる柔軟な運用基盤を構築しました。
また、コンテンツ管理だけでなく、診断コンテンツに必要なデータ設計やAPI設計についてもクライアントと連携しながら検討を進め、将来的な拡張にも対応できるヘッドレスCMS環境を実現しています。
microCMSの高い柔軟性を活かすことで、情報発信メディアとしての運用性と、インタラクティブな診断コンテンツによるユーザー体験を両立したサイト構築を行うことができました。