Webサイト更新で、変更したファイルだけまとめる

Web更新の実務フロー

取得からFTP／SFTPでの反映まで、6つの手順で整理

HTML、CSS、JavaScript、PHP、画像などを相対パスで比較し、サイト全体ではなく今回の更新に必要な対象を整理します。

1. 01

   サーバーから現在のサイトを取得

   更新前の状態を、FTP／SFTPクライアントなどでローカルへ取得し、比較の基準として保存します。

   site-old/

   • index.html
   • css/
     • style.css
   • js/
     • main.js
   • images/
     • old-banner.jpg
2. 02

   ローカルで修正

   HTMLやCSSを編集し、新しい画像を追加します。削除したファイルも比較時に検出されます。

   site-new/

   • index.html 変更
   • css/style.css 変更
   • js/main.js 変更
   • images/new-banner.webp 追加
3. 03

   変更前／変更後を用意

   site-old/とsite-new/を分け、どちらが変更前か迷わない状態にします。

   OLDsite-old/サーバーから取得した状態

   ＋

   NEWsite-new/ローカルで修正した状態
4. 04

   ChangePackで比較

   OLDとNEWを選ぶと、追加・変更・削除・変更なしが一覧になります。内容を確認し、今回反映する対象を選びます。

   

5. 05

   更新対象を整理

   追加・変更されたNEW側ファイルと、削除すべき相対パスを別の役割で引き継ぎます。

   追加変更↓change-package.zipNEW側のファイルを元のディレクトリ構造で収録

   削除↓DELETE_FILES.txt削除対象の相対パスを一覧化

6. 06

   FTP／SFTPで反映

   ChangePackで更新対象を整理した後、内容を確認し、利用中のFTP／SFTPクライアントなどでアップロードと削除を行います。

   ChangePackはFTP／SFTPへ接続しません。 自動アップロードや自動削除は行わず、反映前の整理までを担当します。

向いている作業

Gitなしの小規模制作や既存サイト保守に

ローカルに残した更新前コピーとの比較、小規模サイトの定期保守、制作会社からクライアントへの更新分納品に利用できます。変更ファイル抽出の扱いや、差分ZIPに含まれる内容もあわせて確認できます。