本文へスキップ
  1. TOP
  2. Web制作
  3. 実務知識
  4. 自社で公開できないWeb制作で、入稿・納品・確認の責任範囲をどう決めるか

03 / BUILD

つくるフェーズの実務知識

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

制作環境と公開環境を分け、受け渡しから最終確認までを設計する

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

PRACTICAL KNOWLEDGE 実務知識

WRITTEN BY

FHW制作チーム

反省会と日々の制作記録をもとに、担当スタッフが実際に迷い、確認し、判断した過程を整理しています。

制作会社が完成データをそのまま本番公開できる案件ばかりではありません。媒体側のCMSへ入稿する、既存の管理環境へ機能を組み込む、代理店や別会社へデータを納品するなど、制作環境と公開環境が分かれる案件があります。

この場合、制作環境できれいに表示できたことは、公開完了を意味しません。納品先で利用できる技術、CMS側のスタイル、画像やCSSのパス、入稿権限、確認方法が異なるためです。

私たちが担当した制作にも、外部CMSへLPを入稿するもの、既存CMSへ検索・入力機能を追加するもの、支給デザインを別環境へ納品するものがありました。制作中はきれいに見えていたのに、受け渡した先で条件が合わない。そんな手戻りを避けるには、コードや画面の完成だけでなく、反映、差し戻し、最終確認までを一つの工程として決める必要があります。

最初に確認するのは、制作方法ではなく最終的な置き場所

制作側が普段使っている構成を先に選ぶと、納品時に変換や作り直しが発生することがあります。着手前に、最低限次を確認します。

  • 公開先は通常のWebサーバーか、CMSか、媒体固有の環境か
  • HTML、CSS、JavaScript、サーバー処理のうち何を利用できるか
  • ファイルと画像をどの単位で入稿するか
  • CSSやJavaScriptをページ側から読み込めるか
  • 共通ヘッダーなど、公開先が自動的に付与する要素があるか
  • 制作会社が確認環境へアクセスできるか
  • 本番反映を行うのは誰か
  • 納品後の修正をどのデータへ戻すか

「HTML一式を納品」という言葉だけでは、受入条件は分かりません。静的HTMLが必要なのか、ビルド前のソースが必要なのか、CMSへ貼り付ける断片が必要なのかによって、ファイル構成も確認方法も変わります。

制作環境・入稿データ・公開画面を分けて確認する

外部環境へ入稿する制作では、確認段階を少なくとも三つに分けます。

制作環境で確認できること

  • デザインと基本レイアウト
  • レスポンシブ表示
  • 基本的なリンクと動作
  • 画像、文字、部品の対応
  • 制作側で管理するコードの整合性

入稿・納品データで確認すること

  • 指定されたファイル構成になっているか
  • 画像やCSSのパスが成立するか
  • 利用できない技術へ依存していないか
  • 文字コード、ファイル名、容量などの条件を満たすか
  • 納品対象と対象外が区別されているか

公開環境で確認すること

  • CMSや媒体側のスタイルによって崩れていないか
  • フォント差で改行や高さが変わっていないか
  • ヘッダーや既存要素と干渉していないか
  • 本番URL、フォーム、検索、リンクが機能するか
  • 権限や公開状態が正しいか

制作環境のプレビューだけで公開画面を保証できない場合は、CMS反映後のスクリーンショット、確認用URL、テスト結果など、確認結果を受け渡す方法も決めます。

修正の戻し先を一本化する

入稿後の画面を直接修正し、制作元のデータにも別の修正を加えると、二つの最新版が生まれます。次の入稿で修正が消えたり、どちらを納品すべきか分からなくなったりします。

原則として、修正は制作元へ戻し、そこから入稿・納品データを作り直します。ただし、公開環境でしか変更できない設定がある場合は、コードの修正と環境設定を別の記録として管理します。

差し戻し時には、次を明確にします。

  • 問題が制作元、入稿データ、公開環境のどこで発生したか
  • 修正する担当者
  • 修正を戻す元データ
  • 再入稿が必要な範囲
  • 公開環境だけで行った設定
  • 最終確認者

既存CMSへ追加する場合は、入力・表示・検索を対応させる

既存CMSへ機能を追加する案件では、画面が表示できることだけでは不十分です。管理画面で入力した値が、どのページへ表示され、どの検索条件へ使われるかを対応させます。

特に、既存の複数サイトや複雑なカテゴリ構造へ追加する場合は、次を資料とテストで揃えます。

  • データを登録する場所
  • 必須・任意・条件付きの入力項目
  • 公開画面での項目名
  • 検索条件と入力値の関係
  • 結果なし、未入力、例外データの表示
  • 旧データから新項目への移行方法
  • 運用者が確認するマニュアル

仕様書、設計書、テスト結果、運用マニュアルの名称を揃えると、制作側と運用側が同じ項目を確認しやすくなります。

公開環境を確認できない場合の進め方

制作会社が本番環境へ入れない場合もあります。その場合、推測で完成とせず、受入条件と確認経路を決めます。

  1. 最小構成のテストデータを先に渡す
  2. 納品先で読み込めるか確認する
  3. 公開環境固有の差を記録する
  4. 修正を制作元へ戻す
  5. 本番用データを作成する
  6. 反映後の確認結果を返してもらう

確認用URLを共有できない場合は、画面だけでなく、端末、URL、確認日時、操作内容が分かる証跡を受け取ります。制作会社が確認できない範囲を曖昧にせず、どこからが納品先の確認責任かを明示します。

完了条件は「データを渡した」では決めない

案件によって完了条件は異なります。

  • 指定形式のデータを納品した時点
  • CMSへ入稿して確認用画面を作った時点
  • 公開環境で表示確認が終わった時点
  • 運用者へマニュアルとテスト結果を渡した時点
  • 本番反映後の修正が完了した時点

これらを契約上の納品条件と混同せず、制作進行上の確認状態として整理します。制作会社が最終公開を担当しない場合は、「制作完了」「入稿完了」「公開確認完了」を分ける必要があります。

この進め方が有効な場合

  • 媒体や外部CMSへ入稿する
  • 代理店や別の制作会社へデータを納品する
  • 既存CMSやマルチサイトへ機能を追加する
  • 公開環境へ制作会社が直接アクセスできない
  • 納品先の技術制約が強い
  • 実装後に別組織の確認・公開作業がある

別の進め方が適する場合

制作会社が開発環境から本番公開まで一貫して管理し、同じ構成をそのまま配置できる場合は、確認段階を細かく分ける必要はありません。また、CMSへの単純な文章入稿だけで、独自のHTMLや動作を持ち込まない場合は、コード納品よりCMSの入力ルールと承認フローを中心に整理します。

重要なのは、書類や確認工程を増やすことではありません。制作環境と公開環境の間で何が変わるかを把握し、誰がどの状態を確認できるかを明確にすることです。

着手前チェックリスト

  • 公開先と納品形式が決まっているか
  • 利用できる言語・処理・ファイル構成を確認したか
  • CMSや媒体側が自動付与する要素を確認したか
  • 制作環境、入稿データ、公開画面を分けて確認するか
  • 本番反映を行う担当者が明確か
  • 修正を戻す元データが一つに決まっているか
  • 公開環境を確認できない場合の証跡を決めたか
  • 入力項目、表示、検索条件が対応しているか
  • 移行手順、テスト結果、運用資料が必要か
  • 制作完了、入稿完了、公開確認完了を区別したか