本文へスキップ
  1. TOP
  2. Webサイト制作実績
  3. ケーススタディ
  4. 複雑なCMS入力を、仕様書とテストで移行可能な機能へ整える

複雑なCMS入力を、仕様書とテストで移行可能な機能へ整える

CASE STUDY 複雑なCMS入力の移行設計 社名非公開

複雑なCMS入力を、仕様書とテストで移行可能な機能へ整える

既存のWordPressマルチサイト環境へ、検索とカテゴリ構造を含む機能を追加した案件です。多数の条件分岐とカスタムフィールドを、運用者が扱える入力仕様へ整理し、仕様書、設計書、マニュアル、テスト結果を用いて、実装と移行の理解を揃えました。

クライアント名 某住宅・不動産関連企業
業種
サイトのカテゴリ
サイトの特徴
  • PHPスクラッチ
  • サイトリニューアル
  • Wordpress
制作範囲
  • 企画構成
  • 制作進行
  • ディレクション
  • コーディング
  • システム
  • CMS
  • 管理画面
課題と制約

ご要望は、既存CMSの運用を継続しながら、新しい検索・分類機能とコンテンツ入力を追加することでした。マルチサイトでは、どのサイトがデータを持ち、どの画面へ表示し、共通設定をどこまで共有するかを決めなければなりません。

入力条件が多い機能を画面の見た目だけで作ると、運用者は何を入力すべきか判断できず、検索結果も想定どおりになりません。既存プラグインを組み合わせる案も、要件への適合と将来の保守を確認せず採用できません。検索条件、カテゴリ、入力項目、移行対象、例外時の表示を、資料とテストで同じ定義へ揃えることが課題でした。

判断と対応

最初に、利用者が選ぶ検索条件と、管理画面で登録する項目を対応させました。画面単位で仕様を書くのではなく、入力値がどのカテゴリへ属し、どの検索結果に現れるかを整理しています。すべてを自由入力へする案は採用せず、選択肢で揃える項目と、文章として入力する項目を分けました。

既存プラグインを利用する場合と独自に実装する場合を比較し、機能の有無だけでなく、マルチサイトでの利用範囲、移行方法、更新時の保守を判断材料にしました。仕様書と設計書に加え、運用者向けマニュアルとテスト結果を残し、制作側と運用側が同じ条件を確認できる状態にしています。

この方式は、入力項目と検索条件の対応が明確な場合に有効です。業務ルール自体が未確定なら、先に代表データで検索結果を検証する必要があります。

デザイン面の工夫

検索画面は条件を並べるだけでなく、利用者が選択肢の違いを理解し、現在の条件と結果を確認できる構成にしました。カテゴリ階層が深くても、最初からすべてを見せず、判断に必要なまとまりへ分けています。

管理画面では、公開画面の言葉と入力項目の言葉がずれないようにしました。同じ意味の項目を画面ごとに別名で呼ぶと、運用者の入力ミスにつながります。必須、任意、条件によって表示される項目も視覚的に区別しました。

仕様書の項目名、管理画面、検索画面を対応させ、デザイン確認が見た目だけで終わらず、データの流れを確認できる状態を目指しました。

実装と公開後の改善

WordPressマルチサイトの既存構造を確認し、データの登録先、検索対象、サイト間で共有する設定を整理しました。カスタムフィールドは、画面ごとに増やすのではなく、検索条件と表示用途へ対応させています。

検索では、複数条件の組み合わせ、結果なし、未入力データ、カテゴリ変更後の表示をテストしました。移行時には、旧データを新しい入力項目へどう対応させるかを定義し、代表データで一覧・詳細・検索の一致を確認しています。

プラグイン採用は、短期的な実装量だけで判断せず、マルチサイト対応、更新継続性、独自条件の扱いを確認しました。複雑なCMS機能は、コードと同じ重要度で、仕様書、移行手順、テスト結果、運用マニュアルを揃える必要があります。

PRACTICAL KNOWLEDGE このケースに関連する実務知識

この案件で確認した判断を、複数の制作記録と照合し、ほかのWeb制作でも使える確認事項として整理しています。

複数社でWeb制作の引き継ぎ内容を確認する作業デスク

自社で公開できないWeb制作で、入稿・納品・確認の責任範囲をどう決めるか

外部CMSや別会社の環境へ入稿・納品する制作で、利用できる技術、確認段階、修正の戻し先、完了条件をどう決めるか整理します。

その他のケーススタディ
CASE STUDY 事業の世界観が伝わる企業サイト 社名非公開

情報だけの「オンライン上の名刺」から、事業の世界観が伝わるコーポレートサイトへ

新しい会社・事業の立ち上げに伴うコーポレートサイト制作です。企業情報や事業内容などの大枠は見えていた一方、各ページの役割、事業を表す言葉、ブランドの見...

業種
レジャー・エンタメ / サービス
カテゴリ
コーポレートサイト
対応範囲
企画構成 / 制作進行 / ディレクション / デザイン / コーディング / CMS
詳細を見る
CASE STUDY 既存Web基盤への新サイト追加 社名非公開

既存Web基盤へ新サイトを追加。CMS権限・公開・継続運用をどう設計したか

既存の企業サイトとMovable Typeが稼働する環境に、施設サイトと新しい更新担当部門を追加したリニューアルです。ページ制作だけでなく、既存ドメイン・サーバー...

業種
レジャー・エンタメ / サービス
カテゴリ
サービスサイト
対応範囲
企画構成 / 制作進行 / ディレクション / デザイン / コーディング / システム / CMS / 管理画面
詳細を見る
CASE STUDY 運用できる会員サイト設計 社名非公開

会員サイトを「公開できる」から「運用できる」へ。認証・検索・権限・外部データ連携をどう設計したか

業界団体の会員向けポータルをリニューアルした案件です。蓄積されたお知らせ、資料、マニュアル、各種フォームを整理し、会員認証、検索、公開期間、管理画面、...

業種
金融 / 特殊法人
カテゴリ
サービスサイト / システム開発
対応範囲
企画構成 / 制作進行 / ディレクション / デザイン / コーディング / システム / CMS / 管理画面 / 会員管理
詳細を見る
CASE STUDY 日英同時進行の多言語サイト 社名非公開

日本語と英語を同時に進める多言語サイト制作

日本語と英語の二言語サイトを限られた期間で並行制作した案件です。日本語版を基準に共通テンプレートを整えながら、後から届く翻訳原稿、言語ごとの文字量と改...

業種
住宅・不動産 / 金融
カテゴリ
コーポレートサイト
対応範囲
企画構成 / 制作進行 / ディレクション / デザイン / コーディング / CMS
詳細を見る
ケーススタディ 一覧