制作会社から届いたテスト環境の確認依頼メールを前に、ノートパソコンの画面を見ながら少し戸惑った表情で考えている企業のWEB担当者

ステージング(テスト環境)の確認|制作会社への伝え方とチェック項目

「テスト環境ができました。ご確認をお願いします」

制作会社からそんなメールが届いて、URLを開いてみる。いつものサイトとほとんど同じに見える画面。どこが変わったのか、何をどこまで見れば「確認した」と言えるのか。とりあえずトップページをスクロールして、「問題ありません」と返してしまった——そんな経験はありませんか。

ステージングでの確認が難しく感じるのは、あなたの目が足りないからではありません。「何を見てほしいのか」が、依頼の時点で共有されていないことがほとんどです。今日は、ステージング(テスト環境)で確認するときの受け取り方・見るところ・伝え方を、一人でも回せる小さな手順に分けて、一緒に整理していきましょう。

結論:ステージングでの確認は、次の3つの順番で進めると、見落としと手戻りが減ります。
1. 受け取る:確認用URL・ログイン情報と一緒に、「どのページの、何を変えたか」の一覧をもらう
2. 確かめる:一覧のページを、スマホとPCの両方で見る。フォームとリンクは実際に押してみる
3. 伝える:気になった点は「URL・端末・どこが・どうなっているか」の4点セットで、まとめて返す

ステージングは「本番に出す前に、安心して失敗できる場所」です。ここで見つかった不具合は、失敗ではなく本番の事故をひとつ防げたということ。気になったことは、遠慮なく書き出して大丈夫です。

何が起きているのか:ステージング確認がふわっと終わる3つの理由

ステージング(テスト環境)とは、本番のサイトとは別の場所に用意された、確認用のサイトのことです。制作会社や社内の担当者が、本番に反映する前にここで動きや見た目を確かめます。この確認がうまくいかないとき、たいていは次のどれかが起きています。

どれも、確認する人の注意力の問題ではありません。確認の範囲と方法が決まっていない、という段取りの問題です。だから、段取りを少し整えれば楽になります。

ステージングで確認する3つの手順

ステージングでの確認の流れを、受け取る・確かめる・伝えるの3つの場面に分けて、左から右へ矢印でつないだ概念図
「受け取る→確かめる→伝える」の順に進めると、確認の範囲がはっきりして手戻りが減る

一度に完璧を目指さなくて大丈夫です。まずは1の「受け取る」を整えるだけでも、確認はぐっと楽になります。

1. 受け取る:確認用URLと一緒に「変更点の一覧」をもらう

確認の依頼が来たら、まず次の4つがそろっているかを見ます。足りないものは、遠慮なく制作会社にお願いしましょう。

いちばん大事なのは3つ目の変更点の一覧です。頼むときは、こんな一文で十分です。

「確認の漏れを防ぎたいので、今回変更したページのURLと、変更した内容を一覧でいただけますか。箇条書きで構いません」

依頼の時点で「どのページを変えるか」を書面に残しておくと、この一覧も作ってもらいやすくなります。依頼の残し方は「言った言わない」を防ぐ依頼書・要件メモの残し方にまとめています。

なお、ログイン情報は社内でも必要な人だけに渡し、確認が終わったら使わなくなることも覚えておきましょう。ID・パスワードの扱いは制作会社に渡すID・パスワードの共有と回収も参考になります。

2. 確かめる:一覧のページを「スマホとPC」で、押しながら見る

変更点の一覧がそろったら、そのページを順番に開いていきます。ページごとに、次の3つを見るのが基本です。

あわせて、ステージングならではの注意点が2つあります。

全部のページを細かく見る時間がなければ、変更点の一覧にあるページだけで構いません。変更していないページの確認まで抱え込まなくて大丈夫です。スマホ表示の見方はスマホで表示が崩れたときの確認ポイントにまとめています。

3. 伝える:「URL・端末・どこが・どうなっているか」の4点セットで返す

気になった点が見つかったら、その都度メールを送るのではなく、ひとつのメモにためてから、まとめて返します。1件ずつは、次の4点をそろえて書くと、制作会社が一度で状況をつかめます。

項目書き方の例
URL製品一覧ページ(ステージングのURLを貼る)
端末iPhone(Safari)で表示したとき
どこが2つ目の製品写真の下の説明文
どうなっているか(どうしてほしいか)文字が写真に重なって読めない。写真の下に表示してほしい

画面のスクリーンショットを1枚添えると、さらに伝わりやすくなります。そして、問題がなかったときも「この一覧のページは確認しました。問題ありません」と、確認した範囲を書いて返すのがおすすめです。「問題ありません」だけだと、どこまで見たのかが相手に伝わらないからです。修正依頼の書き方は制作会社への修正依頼|一度で伝わるフィードバックの書き方でも詳しく紹介しています。

具体例:採用ページのリニューアルを確認したとき

社員60人ほどの建設会社で、一人でWEBを担当している方の例です。採用ページのリニューアルで、制作会社から「テスト環境ができました」と連絡があり、最初はトップページと採用ページを眺めて「大丈夫そうです」と返しかけていました。

そこで返信の前に、制作会社に変更点の一覧をお願いしました。届いた一覧には、採用トップ・募集要項・社員インタビュー3本・応募フォームの、合わせて6ページが並んでいました。

一覧のページを、PCとスマホで順番に見ていくと、こんなことが見つかりました。

気になった点を4点セットで1通にまとめて返すと、制作会社からは翌日に「すべて直しました」と連絡がありました。採用担当からも「去年の日付、本番に出る前に気づけてよかった」と言われたそうです。WEB担当がしたことは、一覧をもらって、スマホとPCで、押しながら見ただけでした。

あなたへの影響

明日やること

  1. 次に制作会社へ何かを頼むとき、「確認のときに、変更したページの一覧をください」とひと言添える。
  2. 手元のスマホで、自社サイトのトップページと問い合わせページを開いて、ふだんの表示を見ておく(比べる基準になります)。
  3. 気になった点をためておくメモを1つ用意する(4点セットの表を貼っておくと便利です)。

チェックリスト

まずは最初の2つができれば十分です。残りは、案件の大きさに合わせてできるところから進めてみてください。

まずはこれだけ(必須)

できれば(推奨)

慣れてきたら/必要があれば(任意・なければスキップ可)

本番に反映したあとの確認は、自社サイト更新・公開前チェックリストと組み合わせると、抜けが少なくなります。テスト環境の「検索に出さない設定」が本番に残っていないかが気になるときは、noindex・robots.txtで検索に出したくないページを制御するもあわせてどうぞ。

確認を終えて制作会社への返信を送り終え、自席でほっとした笑顔で背筋を伸ばしている企業のWEB担当者
見る範囲が決まれば、ステージングの確認は「安心して本番を迎えるための時間」になる

ステージングでの確認は、目立たない仕事です。うまくいけば何も起きないので、誰かに気づかれることも少ないかもしれません。でも、本番に出る前に「去年の日付」や「はみ出した写真」を見つけられたのは、あなたが一覧を手に、ひとつずつ開いてみたからです。それは、会社のサイトを訪れる人を、静かに守っている仕事です。

次に「確認をお願いします」と届いたら、まず「変更したページの一覧をいただけますか」と返すところから。それだけで、確認はもう半分うまくいっています。

※本記事は一般的な実務の考え方をまとめたものです。ステージングの用意のしかたやログイン方法、フォームの送信設定は、制作会社やサーバー・CMSの環境によって異なります。詳しくは担当の制作会社や、各サービスの最新の公式情報でご確認ください。

よければ、こちらも

「うちの制作会社には、どう頼めばいい?」と迷ったら、お問い合わせから気軽に声をかけてくださいね。一緒に考えていきましょう。

関連用語