株式会社QUICK 営業員の実践力を高める「相続アドバイスコンテンツ」の構築

検索状態の保持や保存機能でパーソナライズされた操作性を実現

営業員が顧客の状況に合わせた事例をすぐに探し出せるよう、各記事に「職業」「財産状況」「家族構成」などの詳細な情報を付与し、複雑な条件の掛け合わせが可能な検索機能を実装しました。

フロントエンドのUIはVue.jsで開発しており、バックエンドのAPIから取得した検索結果を瞬時かつシームレスに描画することで、ストレスを感じさせないレスポンスを実現しています。

さらに、JavaScriptのBroadcast Channel APIを利用し、複数開いた別ウィンドウ間でのリアルタイムなデータ同期にも対応しました。

また、Amazon API Gateway（プライベートAPI）とAWS Lambdaで構成したサーバーレスAPIおよびCookieを利用し、閲覧ユーザーごとに気になった事例をストックできる保存記事機能や、履歴機能を実装しました。

一度絞り込んだ検索状態を保持する仕組みとあわせ、直感的で回遊性の高い情報収集を強力にサポートしています。

入力ミスを防ぎ、運用を効率化する徹底したカスタマイズ

複数の執筆者が記事を入稿・投稿する運用を想定し、CMSの管理画面を「MTAppjQuery」を用いてカスタマイズしました。

ユーザーの権限ごとに不要な項目を非表示にするなどのUI調整を行ったほか、必須フィールドにオリジナルのバリデーションを追加し、入力漏れやミスを未然に防ぐ仕組みを構築しています。

また、リッチテキストエディタ「TinyMCE」のカスタマイズを行い、執筆者がなるべく簡単に投稿できるような配慮をしました。

セキュアなインフラ設計

CMSにはMovable Typeを採用し、「Movable Type SmartSync Pack」を導入して、セキュアかつ効率的な運用環境を構築しました。

 AWS（Amazon Web Services）環境上でCMSサーバーと公開用Webサーバーを分離し、AWS PrivateLinkを利用したセキュアな閉域通信網を確立することで、外部からの攻撃に備えた対策を講じています。 

また、システム全体のセキュリティを担保するため、APIレイヤーではAmazon API Gateway（プライベートAPI）とVPCエンドポイントポリシーによって接続元を限定し、処理を担うAWS LambdaはVPC内で実行しています。DB接続情報はAWS KMS（Key Management Service）で暗号化して実行時のみ復号するほか、認証コンテキストは、適切なセキュア属性を付与したCookieを用いて安全に保持しています。

さらにインフラ構築においては、AWS SAMによるIaC（Infrastructure as Code）管理を導入しました。これに、本番環境への影響を最小限に抑える多段階の自動デプロイ（CI/CD）や、Amazon CloudWatchによる構造化ログ運用を組み合わせることで、システムの安全性と運用監査性の両立を実現しています。

システムとビジネスの両面からビジネス領域の拡大を支援

高いセキュリティ要件が求められるインフラの要件定義・構築から、複雑な検索要件を満たすフロントエンド設計、そして運用効率を最大化するCMS開発までを総合的にご支援いたしました。 

セキュアでありながら、管理者にも利用者にも使いやすいプラットフォームを実現し、お客様のビジネス課題の解決とビジネス領域の拡大に貢献しております。