Advent Calendar の季節、皆様いかがお過ごしでしょうか。
デジタルキューブ & ヘプタゴン Advent Calendar 2022 の1日目は楽しい楽しいマイグレーションのお話です。
勤め先であるデジタルキューブがヘプタゴンさんを子会社化したので、それを記念してタイトル通り、やってみた系の記事です。
Table of Contents
- 対象
- 用意するもの
- 手順
- マイグレーション対象のブログのデータをダウンロードする
- データのインポート
- データをエクスポートする
- Shifter のダッシュボードにログインし、サイトを作成する
- Shifter のサイトへデータをインポートする
- デプロイをビルドし、気分に応じて公開をする
- 最後に
- 関連記事
対象
note.com のブログ
用意するもの
- エクスポート対象のNote のブログ (今回はヘプタゴン代表取締役の Takuya Tachibana のブログ)
- noteバックアップ (yuiga.dev) サービス
- Shifter
- movabletype-importer の最新版
- QQWorld Auto Save Images – WordPress plugin
- Classic Editor – WordPress plugin
手順
- noteバックアップ を使って note.com の投稿データを MT 形式でダウンロードする
- ファイルを mt-export.txt にリネームする
- Local.app 等でローカルにWordPress 環境を構築しておく (PHP は7.x系が好ましい)
- ローカル環境の WordPress にmovabletype-importer の最新版、QQWorld Auto Save Images、Classic Editor、 All-in-One WP Migration プラグインをインストール・有効化をする
- movabletype-importer を使って投稿をインポートする
- QQWorld Auto Save Images を使って、投稿内にある外部 URL の画像を根こそぎローカルにダウンロードし、メディアライブラリに登録する
- ローカル環境の WordPress からデータをエクスポートする
- Shifter のサイトを契約・起動・ログインをする
- Shifter のサイトにローカル環境からエクスポートしたデータをインポートする
- データを確認する
- デプロイをビルド・公開をする
マイグレーション対象のブログのデータをダウンロードする
noteバックアップサービス へアクセスをする
https://yuiga.dev/note-backup/
ユーザ名を指定して [Note-Backup] をクリックする

ファイル名を mt-export に変更する


データのインポート
Local.app を起動し、WordPress を作成する
設定例

起動した WordPress に各種プラグインをインストールし、有効化する
Classic Editor を既定に設定する

QQWorld Auto Save Image の設定をする

今回の設定内容:
- Classic Edition: Enable
- Mode: Automatic
- When: Save post
mt-export.txt をインポートする

インポートした記事の著者を設定する

インポートが完了した

投稿一覧

ステータスは下書きでインポートされるので、公開処理をしておく

メディアライブラリの画像を確認する

QQWorld Auto Save Image が正しく動作していれば、投稿のステータスを変更した際に、プラグインが画像をリモートから取得し、メディアライブラリに保存し、画像のパスを書き換え、アイキャッチ画像も設定する (オプション)
投稿内の画像のパスを確認する

データをエクスポートする
いつも通りに All-in-One WP Migration をインストールし、エクスポートをする

Shifter のダッシュボードにログインし、サイトを作成する
公式の日本語ドキュメントの Shifter サイトの新規作成と公開方法 を参照のこと
Shifter のサイトへデータをインポートする
起動した Shifter の WordPress に All-in-One WP Migration プラグインをインストールする

エクスポートした .wpress ファイルをインポートする

[Proceed]をクリックして続行をする

[Finish] をクリックする

Shifter ダッシュボードに戻り、[Reset Admin Link] をクリックする

インポートしたデータを確認する
デプロイをビルドし、気分に応じて公開をする

最後に
エクスポート機能が未実装のサイトから強引に WordPress (Shifter) へマイグレーションをする方法を紹介しました。全てのサービス間でデータの自由な移動ができる世の中になるといいなと思っています。