ホームページをまるごとダウンロード保存し無料サーバーに爆速アップロードする方法【MacOS向け】

こんにちは、フリーランスのエンジニアとして活動しているしょーごです。

最近は2000年代に無料ブログサービスとして隆盛を誇っていたサービスが相次いでサービス終了を打ち出しています。

これがわかるようになります。

案件経緯

先輩「しょーご！高校時代のホムペがサービス終了するみたいなんだ、残せたりしないかな？」

わい「押忍！やってみます！」

わい「あれ、データエクスポートサポートないし、xhtml,Shift-JIS,PHP…」

注意：ブログサイトをそのまま移転するだけ

今回はサイトのリニューアルではなく、あくまで「既存サイトから別の無料サーバーに退避する方法」に特化していますので、

新しくサイトを作り直したい場合には別途対策が必要です。

ホームページ移転の手順

今回は２種類を紹介します。前半は静的サイト、後半はCMSなど動的サイトも対応しております。

①home brewを準備する

home brewはMacOS用の「ソフトウェアのパッケージ管理ツール」で、簡単にソフトウェアやアプリをインストールしたり、アップデートできるものです。

公式サイトにスクリプトがあるので、それをターミナルで実行します。

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"

途中で権限の問題でパスワード入力が求められます。

②httrackをインストール

home brewがあれば後は楽です。

brew install httrack

でhttrackをインストールします。

③httrackコマンドでファイル群をインストール

その後、ターミナルで

httrack

と入力します。するといくつか質問がくるので、それに回答していきます。

これにてファイル類のダウンロードが終了しました。

ダウンロードしたファイルの場所

/Users/あなたの名前/websitesのディレクトリ直下に、Enter project nameで入力したフォルダにまとまって出力されています。

④無料サーバーにアップロード

私の一押しはNetlifyです。Github Pagesよりもはるかに簡単です。

会員登録まだの方は登録をしておいてください。

その後、ダウンロードしたファイル群をフォルダごとドラッグアンドドロップします。

すると、このように即座に公開されます。

ただ、既存の　URLがだいぶ適当なので、変更したい方は

からhttps://サイト名.netlify.appに変更することができます。

wgetをインストールする

さてここからは二番目の方法です。こちらの方がおすすめです。

wgetコマンドとは？

HTTPアクセスをしてコンテンツをファイルに保存するコマンド。 curlでも同じようなことができるが、 curlと違ってリンクをたどりながら再帰的にたくさんのファイルをダウンロードすることができる。

文字通り、自由にフロントのファイルをダウンロードできるのですが、気に入ったサイトのファイルをダウンロードもできちゃいます。

著作権的にいいのか…

まずはhome brewをインストールしたら、wgetをMacに入れていきます。

brew install wget

wgetコマンドでインストール

動的サイトからダウンロードする場合は、以下のようなコマンドになります。

wget --mirror --page-requisites --html-extension --convert-links http://example.com/

ちなみに30分とか場合によってはかかります。

11,725ファイル…

ダウンロードされたHTMLファイル群を見てみると、リンク先も完全に再現されていることがわかります。