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] をクリックする
![](https://cdn.getshifter.co/4f1043ee69cc342735185340fcd8567227003e97/uploads/2022/11/image-15-1024x623.png)
ファイル名を mt-export に変更する
![](https://cdn.getshifter.co/4f1043ee69cc342735185340fcd8567227003e97/uploads/2022/11/image-16.png)
![](https://cdn.getshifter.co/4f1043ee69cc342735185340fcd8567227003e97/uploads/2022/11/image-17.png)
データのインポート
Local.app を起動し、WordPress を作成する
設定例
![](https://cdn.getshifter.co/4f1043ee69cc342735185340fcd8567227003e97/uploads/2022/11/image-18-1024x728.png)
起動した WordPress に各種プラグインをインストールし、有効化する
Classic Editor を既定に設定する
![](https://cdn.getshifter.co/4f1043ee69cc342735185340fcd8567227003e97/uploads/2022/11/image-19-1024x909.png)
QQWorld Auto Save Image の設定をする
![](https://cdn.getshifter.co/4f1043ee69cc342735185340fcd8567227003e97/uploads/2022/11/image-4-1024x962.png)
今回の設定内容:
- Classic Edition: Enable
- Mode: Automatic
- When: Save post
mt-export.txt をインポートする
![](https://cdn.getshifter.co/4f1043ee69cc342735185340fcd8567227003e97/uploads/2022/11/image-1024x622.png)
インポートした記事の著者を設定する
![](https://cdn.getshifter.co/4f1043ee69cc342735185340fcd8567227003e97/uploads/2022/11/image-1-1024x483.png)
インポートが完了した
![](https://cdn.getshifter.co/4f1043ee69cc342735185340fcd8567227003e97/uploads/2022/11/image-2-1024x484.png)
投稿一覧
![](https://cdn.getshifter.co/4f1043ee69cc342735185340fcd8567227003e97/uploads/2022/11/image-3-1024x571.png)
ステータスは下書きでインポートされるので、公開処理をしておく
![](https://cdn.getshifter.co/4f1043ee69cc342735185340fcd8567227003e97/uploads/2022/11/image-7-1024x781.png)
メディアライブラリの画像を確認する
![](https://cdn.getshifter.co/4f1043ee69cc342735185340fcd8567227003e97/uploads/2022/11/image-5-1024x648.png)
QQWorld Auto Save Image が正しく動作していれば、投稿のステータスを変更した際に、プラグインが画像をリモートから取得し、メディアライブラリに保存し、画像のパスを書き換え、アイキャッチ画像も設定する (オプション)
投稿内の画像のパスを確認する
![](https://cdn.getshifter.co/4f1043ee69cc342735185340fcd8567227003e97/uploads/2022/11/image-6-1024x542.png)
データをエクスポートする
いつも通りに All-in-One WP Migration をインストールし、エクスポートをする
![](https://cdn.getshifter.co/4f1043ee69cc342735185340fcd8567227003e97/uploads/2022/11/image-9-1024x428.png)
Shifter のダッシュボードにログインし、サイトを作成する
公式の日本語ドキュメントの Shifter サイトの新規作成と公開方法 を参照のこと
Shifter のサイトへデータをインポートする
起動した Shifter の WordPress に All-in-One WP Migration プラグインをインストールする
![](https://cdn.getshifter.co/4f1043ee69cc342735185340fcd8567227003e97/uploads/2022/11/image-8-1024x701.png)
エクスポートした .wpress ファイルをインポートする
![](https://cdn.getshifter.co/4f1043ee69cc342735185340fcd8567227003e97/uploads/2022/11/image-10-1024x575.png)
[Proceed]をクリックして続行をする
![](https://cdn.getshifter.co/4f1043ee69cc342735185340fcd8567227003e97/uploads/2022/11/image-11-1024x608.png)
[Finish] をクリックする
![](https://cdn.getshifter.co/4f1043ee69cc342735185340fcd8567227003e97/uploads/2022/11/image-12-1024x568.png)
Shifter ダッシュボードに戻り、[Reset Admin Link] をクリックする
![](https://cdn.getshifter.co/4f1043ee69cc342735185340fcd8567227003e97/uploads/2022/11/image-13-1024x465.png)
インポートしたデータを確認する
デプロイをビルドし、気分に応じて公開をする
![](https://cdn.getshifter.co/4f1043ee69cc342735185340fcd8567227003e97/uploads/2022/11/image-14-1024x1019.png)
最後に
エクスポート機能が未実装のサイトから強引に WordPress (Shifter) へマイグレーションをする方法を紹介しました。全てのサービス間でデータの自由な移動ができる世の中になるといいなと思っています。