本文へスキップ
  1. TOP
  2. Web制作
  3. 実務知識
  4. 公開日を動かせないWeb制作で、未確定素材・版管理・日時公開をどう管理するか

03 / BUILD

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

公開日を動かせないWeb制作で、未確定素材・版管理・日時公開をどう管理するか

未確定のまま進める範囲と、公開前に確定する範囲を分ける

公開日時と素材の進行状況を確認するWeb制作の作業デスク

PRACTICAL KNOWLEDGE 実務知識

WRITTEN BY

FHW制作チーム

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

キャンペーン、イベント、製品発表、採用情報の公開など、公開日を動かしにくいWeb制作があります。一方で、画像、原稿、翻訳、権利表記、URLなどが制作開始時点ですべて確定しているとは限りません。

この状況で「素材が揃ってから作り始める」と公開日に間に合わず、「届いた素材から順番に上書きする」と、どれが公開版なのか分からなくなります。

私たちが担当した制作にも、公開直前まで画像や原稿が変わるもの、複数言語と複数公開先を扱うもの、日時を指定して情報を切り替えるものがありました。変更が続くと、つい「これ以上変えないでください」と言いたくなります。しかし必要なのは、変更を止めることではなく、未確定事項、差し替え対象、確認者、公開作業を分けて管理することでした。

「最新版」という名前だけでは、公開版を判断できない

素材管理で問題になりやすいのが、「最新版」「最終」「最終_FIX」といったファイル名です。ファイル単体では新しく見えても、次の情報がなければ公開に使えるか判断できません。

  • どのページで使うか
  • 日本語版か英語版か
  • PC用かスマートフォン用か
  • どの公開時期に対応するか
  • 仮素材か、内容確定済みか
  • 権利や表記の確認が終わっているか
  • 誰が確認し、誰が公開を承認したか

重要なのは、ファイル名を複雑にすることではありません。素材と反映先、確定状態、確認者を対応させ、公開作業者が推測せず判断できる状態にすることです。

未確定でも進められるものと、確定まで止めるものを分ける

すべての素材が揃うまで実装を止める必要はありません。ただし、仮素材のまま進められる範囲と、確定しないと公開できない範囲を分けます。

仮の状態でも進めやすいものには、次があります。

  • ページ構造と主要な導線
  • 画像枠とおおよその比率
  • 仮文章による文字量の確認
  • 日本語版・英語版の共通レイアウト
  • 日時指定公開の仕組み
  • 更新対象を独立させる実装

一方、公開前に確定が必要なものには、次があります。

  • 正式な名称、日時、場所、価格など
  • 権利表記、注意事項、免責に関わる文章
  • リンク先と問い合わせ先
  • 公開する画像、動画、ダウンロードデータ
  • 検索結果やSNSで使用するタイトル、説明、画像
  • 旧URLから新URLへの対応

未確定事項には「誰が」「いつまでに」「何をもって確定とするか」を設定します。確定しない場合の扱いも、非表示、仮表示、公開後対応のどれにするか事前に決めます。

差し替え対象を、ページ全体から切り離す

更新のたびにページ全体を作り直す構成では、変更していない部分まで確認対象になります。日程、会場、ニュース、画像、募集情報など、変化することが分かっている情報は、差し替え単位を独立させます。

ただし、細かく分ければよいわけではありません。更新単位が増えすぎると、どの情報を同時に切り替えるべきか分かりにくくなります。

差し替え単位は、次の基準で決めます。

  • 同じタイミングで更新されるか
  • 同じ担当者が確定するか
  • 他のページや言語版でも使うか
  • 公開期間が異なるか
  • 変更時にデザインや動作確認が必要か
  • 単独で戻せる必要があるか

例えば、画像だけを差し替える場合でも、トリミング、文字の視認性、リンク、周辺の文章へ影響することがあります。ファイルを置き換えた事実だけで完了とせず、利用している画面で確認します。

公開前・切替時・公開後を、別の工程として扱う

日時指定公開は、設定した時刻に処理が動けば完了ではありません。確認を三つの段階に分けます。

公開前に確認すること

  • 公開対象と非公開対象
  • 仮素材が残っていないか
  • URL、リンク、言語版の対応
  • 日時とタイムゾーン
  • 公開作業者と承認者
  • 切替に失敗した場合の戻し方
  • 外部サービスや別組織側の作業

切替時に行うこと

  • 対象ファイルまたは対象データだけを反映する
  • 関係のない公開物へ触れない
  • 自動処理が実行されたかを確認する
  • 手動作業が残る場合は順序を守る
  • 予定外の差し替え依頼を記録する

公開後に確認すること

  • 指定URLから到達できるか
  • PC・スマートフォンで表示できるか
  • 日本語版・英語版が対応しているか
  • 画像、動画、ダウンロードデータが正しいか
  • リンク、フォーム、日時表示が正しいか
  • 旧URLや既存ページからの導線が機能しているか
  • 仮素材や非公開情報が残っていないか

自動公開を設定していても、公開後確認は別途必要です。外部サービス、キャッシュ、権限、通信など、制作側だけでは完全に制御できない条件があるためです。

「確認済み」を一つの状態にしない

公開前のやり取りでは、「確認しました」「問題ありません」という言葉が何度も出てきます。しかし、原稿を確認した人、画面を確認した人、フォームからメールが届くことを確認した人、公開してよいと判断する人は、同じとは限りません。

私たちの制作でも、英語ページを本番環境へ登録したあと、日本語ページからのリンクはまだつながず、フォームと表示を先に確認したことがありました。技術的には公開できる状態でも、そこで一度止め、次の反映へ進む判断を担当者へ返しています。別の制作では、CMSへの登録期限、静的化する時刻、別組織が公開先へ反映する期限が分かれていました。

このような案件では、確認の回数を増やすより、現在地と次の判断を短く残す方が有効です。

  • いま本番へ入っているものと、まだ利用者から見えないもの
  • 表示、内容、フォーム、メールなど、確認が終わった範囲
  • 確認していない範囲と、その理由
  • 次の反映を判断する人
  • 判断を待つ間に、変更してよい範囲
  • 次へ進めなかった場合に保つ状態

履歴は責任の所在を追及するためではありません。途中から参加した人でも、「何が終わり、何を待ち、誰の返答で次へ進むのか」を読み取れるようにするためのものです。「先方確認中」の一語だけにせず、確認対象と次の操作を結びつけます。

複数言語・複数公開先では、同じ素材を一括で扱わない

日本語と英語で同じ画像を使っていても、文章やリンクの確定時期が同じとは限りません。また、特設ページ、本体サイト、外部サービスなど公開先が複数ある場合、それぞれ反映方法や確認担当が異なることがあります。

素材は「一つの最新版」として扱わず、少なくとも次を対応させます。

  • ページ
  • 言語
  • 公開先
  • 公開期間
  • 確定状態
  • 確認担当

すべてを同時刻に公開できない場合は、どの順番で公開し、途中状態を利用者にどう見せるかも決めます。外部組織による承認や公開操作が必要な場合は、制作完了と公開完了を同じ状態として扱わないことが重要です。

公開直前の変更を受け入れる条件

公開直前の変更を一律に拒否すると、公開内容が古いままになります。一方、すべて受け入れると、確認時間がなくなり、公開全体を危険にします。

変更依頼を受けたら、次を確認します。

  1. 公開に必須の変更か
  2. 対象ページと利用箇所はどこか
  3. 共通部品、言語版、外部サービスへ影響するか
  4. 誰が内容を承認したか
  5. 反映後に誰が確認できるか
  6. 公開後へ送れる変更か
  7. 元へ戻す方法があるか

この判断によって、公開前に対応する変更と、公開後の改善へ送る変更を分けます。短納期を美談にするのではなく、限られた時間で確認できる範囲を明確にするための判断です。

この進め方が有効な場合

  • 公開日時が契約、発表、販売、開催などと連動している
  • 素材が複数回に分かれて届く
  • 日本語版と外国語版を扱う
  • 外部制作会社や別組織が関わる
  • 公開後も情報を段階的に更新する
  • 旧URL、CMS設定、リダイレクトも同時に扱う

別の進め方が適する場合

公開日時を柔軟に動かせる場合や、更新対象が一つだけで関係者も少ない場合は、大きな版管理表や切替手順は不要です。また、リアルタイム性が高く、担当者がCMSから随時更新するサイトでは、ファイル単位の管理より、CMS上の承認・予約公開・履歴管理を中心に設計した方が適しています。

管理方法は規模に合わせます。目的は資料を増やすことではなく、公開作業者が推測せず、対象・状態・確認者を判断できるようにすることです。

公開管理チェックリスト

  • 公開日と切替時刻が明確か
  • タイムゾーンを確認したか
  • 仮素材と公開素材を区別できるか
  • ページ、言語、公開先が対応しているか
  • 内容の確定者と公開承認者が明確か
  • 差し替え対象を限定できるか
  • 公開前・切替時・公開後の確認を分けたか
  • 外部サービス側の作業を確認したか
  • 失敗時の戻し方があるか
  • 公開後に仮素材と非公開情報を確認するか

PRACTICAL KNOWLEDGE 同じフェーズの実務知識

私たちが別の制作で得た判断や確認方法を、同じ制作フェーズからご覧いただけます。

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

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

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

支給デザインを共通ルールと例外へ分けて確認する制作チーム

支給デザインを、共通ルール・例外・動作仕様へどう変換するか

Figma、画像、印刷物、参考サイトなどの支給物から、共通部品、例外、可変条件、レスポンシブ、動作仕様を整理し、複数人で再現できる実装ルールへ変換する方法をご紹介します。

急増したAPI利用料金の請求明細とグラフを確認する制作チーム

55万円請求を生んだ、公開ページと従量課金APIを直結する落とし穴

公開ページへの機械的な大量アクセスが従量課金APIの大量実行へ増幅され、約55万円の請求に至った経験から、外部APIの費用上限、クォータ、キャッシュ、監視の設計を整理します。

Web制作中に増えた要望と工程への影響を整理する制作チーム

その追加要望、今入れますか? Web制作中の変更をどう判断するか

Web制作中に増えた要望を、目的、合意範囲、影響する工程、費用、日程、公開時期から確認し、修正・追加対応・公開後対応へ整理する方法をご紹介します。

短納期の制作で公開条件と後工程をカードに分ける制作チーム

短納期のWeb制作で、削ってよい工程・削ってはいけない確認は何か

短い制作期間で、共通ルール、未確定素材、確認範囲、公開後へ送る改善を整理し、速さのために品質判断まで省略しない進め方をまとめます。

受付窓口で申込書と処理の流れを確認する担当者と利用者

紙・PDFで続けてきた申込・注文業務を、どうWebへ移すか

紙やPDFで行ってきた申込・注文業務をWeb化するとき、利用者の操作、受付側の確認、例外処理、計算、保存、外部連携までを一続きで設計する方法を整理します。

公共空間でスマートフォン、タブレット、ノートPCを使う人々

対応端末・ブラウザは、利用場面からどう決めるか

Web制作の対応端末とブラウザを、利用者、場所、主な操作、重要度から優先・代表・簡易確認へ分け、境界の内容と再現情報を確認する方法を整理します。

Webフォームの入力から通知までを検証する作業デスク

フォームの送信確認で、通知・自動返信・保存データ・担当振り分けまでどう検証するか

Webフォームについて、入力・確認・送信だけでなく、管理者通知、自動返信、保存データ、担当振り分け、本番環境でのメール到達までを一続きで検証する方法を整理します。

CSVの一括更新結果と既存データへの影響を確認する資料

CSVで一括登録・更新するとき、既存データをどう守るか

CSVの一括登録・更新で、識別キー、空欄、部分失敗、事前確認、再実行、復旧を安全に扱う確認方法を整理します。

更新担当者と制作会社がページテンプレートの編集範囲を確認する作業台

お客さまもHTML・CSSを更新するサイトで、編集範囲をどう設計するか

お客さまがHTML・CSSを直接更新するWebサイトで、編集できる範囲、共通部品、CSSの影響範囲、変更履歴、制作会社へ相談する条件をどう決めるか整理します。

会員の登録状態と役割ごとの権限、外部連携を整理した立体模型

会員サイトで、登録状態・役割・権限・外部連携をどう設計するか

会員サイトの登録途中を含む状態、役割ごとの操作権限、外部サービスとの状態差、機能を段階公開する場合の判断方法を整理します。

少量のサンプルから本番規模の多様なコンテンツへ広げて検証する模型

少量のサンプルで動くWebサイトを、本番規模でも崩さないために何を試すか

数件のきれいなデータだけでは見つからない、最大件数、長文、画像量、空欄、ページ送り、一括処理の問題を公開前に確かめる方法を整理します。

原稿から複数言語のページと公開状態へ展開する編集工程

多言語サイトで、翻訳原稿・共通部品・段階公開をどう同期するか

多言語サイト制作で、ページと言語の対応、翻訳原稿の状態、共通部品の文字量差、言語ごとの段階公開を安全に管理する方法を整理します。

共通基盤でつながりながら役割を分けた複数サイトの建築模型

複数サイト・複数部署で、共通部分と運用範囲をどう分けるか

複数サイトや複数部署で運用するとき、共通化する見た目・情報・仕組み、権限、公開日、正となる情報源をどう分けるかを整理します。

光と布の動きが段階的に変化する展示空間

動きのあるデザインを、雰囲気ではなく実装仕様へどう変えるか

参考サイトやデザインの動きを、開始条件、時間、順番、終了状態、読み込み、端末ごとの代替表現へ分解し、安全に実装する方法を整理します。