ハウツー

差し替え前のHTMLに戻す方法(公開中の巻き戻し手順)

公開中のページを更新したら表示が崩れた、リンクが切れた。そんなとき頼りになるのが「前のHTMLに戻す」巻き戻しです。ギガサイト便は同じURLのままファイルを差し替えられるので、戻し用のファイルさえ手元にあれば、リンクを送り直さずに以前の状態へ復帰できます。本記事で準備と手順を整理します。

巻き戻しは「前のファイルを差し替える」こと

ギガサイト便での巻き戻しは特別な機能ではなく、差し替えの応用です。同じURLに対して、いま公開している不具合のあるファイルではなく、一つ前の正常なファイルを再びアップロードすれば、見た目上は元の状態に戻ります。

URLが固定されているため、巻き戻してもリンクの再送は不要です。相手が同じURLを開けば、戻したあとの内容が表示されます。

この性質を逆に言えば、巻き戻すには「前の正常なファイルが手元に残っていること」が前提になります。ここが巻き戻しの成否を分けるポイントです。

巻き戻せるようにしておく事前準備

事故が起きてから慌てないために、差し替える前のファイルを残す習慣をつけておきましょう。上書き保存ではなく、バージョンごとにファイルやフォルダを分けて保管しておくのが基本です。

ファイル名に日付や版数を入れておくと、どれが直前の正常版か一目で分かります。ZIPで公開している場合は、ZIPごと版数管理しておくと、画像やCSSも含めて丸ごと戻せます。

公開のたびに「公開した版のファイルを別名で控える」ことを差し替え手順の一部に組み込んでおけば、いざというときに迷わず戻せます。

最短手順:まずこの3ステップで完了

差し替え前のHTMLに戻す方法(公開中の巻き戻し手順)は、最初に全体像を押さえると迷いません。細かな設定に入る前に、ファイルを準備し、共有条件を決め、公開後に相手と同じURLで確認する流れを作ります。

手順が決まったら、HTML/ZIPをアップロードして共有URLを発行し、相手に確認してほしい観点と期限を添えて送ります。

  • 1. 共有するHTML/ZIPを整理し、不要ファイルや秘密情報を除く
  • 2. 認証方式、公開期限、差し替え有無を決めてURLを発行する
  • 3. シークレットウィンドウとスマホで開き、相手への依頼文を添えて送る

公開中に前のバージョンへ戻す手順

不具合に気づいたら、原因調査より先にまず正常な状態へ戻すのが安全です。次の順序で進めます。

  1. 問題が起きているページのURLを控え、症状をスクリーンショットで記録する
  2. 直前に公開していた正常なファイル(またはZIP)を手元から探す
  3. 対象ページの差し替え操作で、その正常なファイルをアップロードする
  4. URLが変わっていないこと、認証や公開期限が維持されていることを確認する
  5. シークレットウィンドウや別端末でURLを開き、正常表示に戻ったか確かめる
  6. 落ち着いてから、不具合版の原因を別途調査する

戻したあとの確認と関係者への連絡

巻き戻し直後は、ブラウザキャッシュの影響で古い(=不具合のある)表示が残って見えることがあります。確認はキャッシュの影響を受けにくいシークレットウィンドウや別端末で行い、相手にも同様に開き直してもらうと確実です。

レビュー相手が不具合版を見てしまっていた場合は、「同じURLで前の状態に戻したので開き直してほしい」と一言添えると混乱を防げます。URLが変わらないからこそ、相手は再読み込みだけで最新(=戻した状態)を確認できます。

アクセスログに対応しているため、誰がいつ見たかを後から確認できます。不具合版を見た相手を把握して連絡したいときの手がかりになります。

巻き戻しを繰り返さないための工夫

頻繁に巻き戻す状況は、公開前の確認が足りていないサインです。差し替える前に、手元やステージング的な別URLで一度表示を確認してから本番のURLを差し替えると、巻き戻し自体を減らせます。

大きな変更を一度に反映せず、小さく分けて差し替えると、不具合が出ても原因の切り分けが容易になり、戻す範囲も最小限で済みます。

「公開版を控える」「差し替え前に確認する」「小さく出す」の3点を習慣にすれば、巻き戻しは保険として温存しつつ、出番をぐっと減らせます。

公開期限を設定しておけば、レビューが終わったページは期限切れで自動的に閲覧できなくなります。古い不具合版がいつまでも開ける状態を避けられるため、戻したあとの後始末としても期限の活用は有効です。

よくある質問

前のバージョンに自動で戻せる機能はありますか。

巻き戻しは、直前の正常なファイルを同じURLに差し替えることで行います。そのため、差し替える前のファイルを手元に控えておくことが前提になります。

巻き戻すとURLや認証は変わりますか。

変わりません。差し替えと同じくURLは固定され、設定済みの認証方式や公開期限も維持されます。

戻したのに古い表示のままに見えます。

ブラウザのキャッシュが原因のことが多いです。シークレットウィンドウや別端末で開き直すと、戻したあとの状態を確認できます。

誰が不具合版を見てしまったか確認できますか。

アクセスログに対応しているため、誰がいつ閲覧したかを後から確認できます。連絡が必要な相手を把握する手がかりになります。

最短で進める場合でも省略しないほうがよい確認は何ですか?

不要ファイルや秘密情報の除去、スマホ表示確認、共有相手と期限の明記は省略しないほうが安全です。URLを作る速さより、誤共有を防ぐことを優先します。

関連記事

ハウツー

公開URLをX(Twitter)でシェアして見栄えよく見せる方法

X に URL を貼っても味気ないリンクのままになってしまう経験はありませんか。OGP の設定次第で画像付きカードとして表示できます。シェアを見栄えよくするための設定方法と確認ツールの使い方を解説します。

5分で読める
ハウツー

公開URLをFacebookでシェアする方法

Facebook に URL を投稿したらサムネイルが出なかったり古いタイトルのままだったり。OGP とキャッシュが原因のことがほとんどです。きれいに表示させる設定とシェアデバッガーを使ったキャッシュ更新の手順を解説します。

5分で読める
ハウツー

公開URLをLinkedInでシェアする方法

ビジネス SNS である LinkedIn では、共有リンクの見え方が信頼度の第一印象を左右します。タイトルと画像が整ったカード表示にするための OGP 設定と、用途に合わせた共有方法を具体的に解説します。

4分で読める
ハウツー

共有URLをメール署名に入れる方法と注意点

メール署名に URL を入れると自然な誘導になりますが、署名は過去のメールにも長く残るため期限切れへの配慮が必要です。共有 URL を署名に組み込む手順と、後で差し替えるときの注意点を整理します。

4分で読める
ハウツー

OGP画像を設定してSNSのサムネを整える方法

SNS に URL を貼ったときのサムネイル画像は og:image タグで決まります。設定が抜けるとクリック率にも影響します。og:image の基本的な書き方から、画像が出ないときの確認ポイントまでを手順で解説します。

5分で読める
ハウツー

共有ページにファビコンを設定する方法

ブラウザのタブやブックマークに表示されるファビコンは、複数タブを開いたときにページを見分けやすくする重要な要素です。共有ページへのファビコン設定手順と、設定しても表示されないときの確認方法を解説します。

4分で読める
「ハウツー」の記事をもっと見る →