【Mac・Win】ホームページ・サイト丸ごと保存・ダウンロードする方法
![](https://deco8.net/wp-content/uploads/2019/10/download-2013201_640.png)
ホームページをサイト丸ごと保存・ダウンロードする方法をご紹介します。サーバー移行の際などに旧サーバー情報がわからない時などに便利です。
- ホームページをオフラインで閲覧したい
- サーバーを移行したいが旧サーバーのFTP情報がわからない
1ページだけ保存したい場合
1ページだけ保存したい場合は非常に簡単で「Google Chrome」があれば保存する事が出来ます。ただこの場合、ファイルをそのままダウンロードするわけではなく、相対パスを絶対パスに変換するなどしてリンク等を保持します。
Windowsの場合
保存したいページChromeを開いて「…(メニュー)」→「その他のツール」→「名前を付けてページを保存」、又は「Ctrl + S」でもOKです。
![名前を付けてページを保存](https://deco8.net/wp-content/uploads/2019/10/2019-10-23_110946-600x340.jpg)
「名前を付けてページを保存」をクリック。
保存場所を指定し、「ウェブページ、完全」を選択して保存します。
![ファイル保存](https://deco8.net/wp-content/uploads/2019/10/2019-10-23_111600-566x400.jpg)
ウェブページ、完全を選択します。
保存先に保存したhtmlファイルと、「_files」の中にcss、jsファイル等が保存されます。
![ファイル](https://deco8.net/wp-content/uploads/2019/10/2019-10-23_112256.jpg)
ファイルが保存されます。
Macの場合
保存したいページChromeを開いて「…(メニュー)」→「その他のツール」→「ページを別名で保存」、又は「Command + S」でもOKです。
![Mac Chrome](https://deco8.net/wp-content/uploads/2019/10/945ce5ffffc186f965348c47e79e9b83-600x275.png)
「ページを別名で保存」をクリック。
保存場所を指定し、「ウェブページ、完全」を選択して保存します。
![ウェブページ、完全](https://deco8.net/wp-content/uploads/2019/10/1ed596826acd748eea95ae83d1eb2d9b.png)
ウェブページ、完全を選択します。
保存先に保存したhtmlファイルと、「_files」の中にcss、jsファイル等が保存されます。
![ファイル](https://deco8.net/wp-content/uploads/2019/10/a1c34d140a0894f4804fc697fc6c072b.png)
ファイルが保存されます。
サイト丸ごと保存したい場合
Windowsの場合
「HTTrack」というアプリケーションが便利なのでご紹介いたします。
まずは下記ダウンロードページよりダウンロードします。
https://www.httrack.com/page/2/en/index.html
64bitインストーラー版をダウンロードします。「httrack_x64-3.49.2.exe」をクリックするとダウンロードがはじまります。(32bit版の方は「httrack-3.49.2.exe」をクリック。)
ちなみに32bitか64bitか確認するには「スタート右クリック」→「システム」で表示される「デバイスの仕様」で確認できます。
ダウンロードしたインストーラーファイルをクリックしてインストールを行います。
インストールが終了したら「httrack」を起動します。起動したら「次へ」をクリックします。
![httrack](https://deco8.net/wp-content/uploads/2019/10/2019-10-23_122510-600x371.jpg)
「次へ」をクリック
新規プロジェクト名を入力し、基準パスに保存先を選択し、「次へ」をクリックします。
![httrack](https://deco8.net/wp-content/uploads/2019/10/2019-10-23_122801-600x371.jpg)
新規プロジェクト名を入力、保存先を選択、次へをクリック
保存したいサイトのURLを入力し「次へ」をクリックします。
![httrack](https://deco8.net/wp-content/uploads/2019/10/2019-10-23_123003-600x371.jpg)
URLを入力し次へをクリック
「完了」をクリックするとダウンロードが開始されます。
![httrack](https://deco8.net/wp-content/uploads/2019/10/2019-10-23_123030-600x371.jpg)
完了をクリック
ダウンロードが完了すると「コピー(ミラー)は完了しました。」と表示されますので「完了」をクリックして終了します。
![httrack](https://deco8.net/wp-content/uploads/2019/10/2019-10-23_123111-600x371.jpg)
完了をクリックして終了
指定した基準パスにファイルが保存されます。
![ファイル](https://deco8.net/wp-content/uploads/2019/10/2019-10-23_123245.jpg)
ファイルが保存されています
Windowsのその他のアプリケーション
今回下記アプリケーションでも動作を検証しました。「Cyotek WebCopy」も個人的には使いやすくおすすめです。
Cyotek WebCopy
https://www.cyotek.com/cyotek-webcopy/
- 使いやすい、ダウンロードもはやい
- 英語でも良い方ならこっちもおすすめ
CompleteGetter
http://fluorite.halfmoon.jp/download/dl_menu.html#GDLer
- SSLに対応していない(httpsからhttpに変えると動きました。)
- 動作完了までに時間がかかる
Macの場合
「SiteSucker」というアプリケーションが便利なのでご紹介いたします。
ダウンロードページよりダウンロードします。
https://ricks-apps.com/osx/sitesucker/
最新版はApp Storeで購入できますが今回はフリーで使用できる「Ver 2.4.6」を使用したいと思います。
「SiteSucker 2.4.6」をクリックしてダウンロードを開始します。
SiteSucker_2.4.6.dmg を開き「SiteSucker」を「アプリケーション」にインストールします。
![mac インストール](https://deco8.net/wp-content/uploads/2019/10/46d95b4c74c6fee7220cef83fd620df7.png)
ドラッグ&ドロップしてインストール
インストールしたら「SiteSucker」を起動します。起動したらまず「Settings」をクリックします。
![SiteSucker 設定](https://deco8.net/wp-content/uploads/2019/10/7e2caec0d65d3a1f7c470c37b80187ae-600x296.png)
「Settings」をクリック
ダウンロード先のフォルダを指定して「OK」をクリックします。
![ダウンロード](https://deco8.net/wp-content/uploads/2019/10/de397fc8c999c1334831ee4a4a847854-600x374.png)
ダウンロードフォルダを指定
「Web URL」にダウンロードしたいURLを入力し「Download」をクリックするとダウンロードが始まります。
![ダウンロード](https://deco8.net/wp-content/uploads/2019/10/6e86e3c892ac7fafebbcc2ec794275ce-600x292.png)
「Web URL」を入力して「Download」をクリック
指定したフォルダにファイルがダウンロードされます。
![ファイル](https://deco8.net/wp-content/uploads/2019/10/61ad3957849b7b51b992527849bba390.png)
ファイルが保存されます
- 1ページだけならChromeでOK
- Windowsなら「HTTrack」、英語でもよければ「Cyotek WebCopy」
- Macなら「SiteSucker」
- さくらサーバーからXSERVERへ移行する手順
- ホームページを公開する際に押さえておきたいチェック事項
- 初心者におすすめのホームページ・ブログ開設方法、申込み手順