LocalbyFlywheel を使って、ローカルに WordPress の開発・検証環境をちょっぱやで構築する。

# ０．はじめに

AWS EC2 [AMIMOTO](https://ja.amimoto-ami.com/) で [WordPress](https://wordpress.com) サイトを構築して、

* [AMIMOTO AMI を使って、WordPress を立ち上げて、接続先を RDS に変更してみる \- Qiita](https://qiita.com/kusokamayarou/items/58d550b82b960c321c3a)

[CloudFront](https://aws.amazon.com/jp/cloudfront/) やら [ALB](https://docs.aws.amazon.com/ja_jp/elasticloadbalancing/latest/application/introduction.html) やら [AWS WAF](https://aws.amazon.com/jp/waf/) を適用したりと…、

* [SSL 化済みの WordPress サイトに CloudFront を適用してみる \- Qiita](https://qiita.com/kusokamayarou/items/21e4bcdaa7c8dd8523ab)
* [CloudFront 適用済みの WordPress サイトに ALB を適用してみる \- Qiita](https://qiita.com/kusokamayarou/items/1229bed12462eee48e68)
* [CloudFront 適用済みの WordPress サイトに ALB を適用後、ALB \- WordPress 間を HTTP\(80番\) で通信させてみる \- Qiita](https://qiita.com/kusokamayarou/items/edffa0f1159f60a2ce82)
* [CloudFront 適用済みの WordPress サイトに AWS WAF も適用してみる \- Qiita](https://qiita.com/kusokamayarou/items/099a97fc0edc493e22fb)
* [CloudFront と AWS WAF 適用済みの WordPress \(AMIMOTO\) サイトで、ウェブモニタリング \(Site24x7 & StatusCake\) からのポーリングをブロックさせない様にしてみる \- Qiita](https://qiita.com/kusokamayarou/items/9b1093c922b6642fc26f)

色々やってまして…、

で、これまでインフラ周りしかやってなかったんですが…、それなりに面倒なコンテンツとかをイジる必要があって、毎回ダッシュボードに入って作業するのが辛くなってきたので、色々と調べたところ、[Local by Flywheel](https://localwp.com/) の情報がたくさん出てきたので、これは是非試してみなければと思い、試してみました。

図で書くとこんな感じですかね。





![Qiita.001.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/161939/95720eaa-2d10-6b7f-e8a7-2bbb98bc4706.jpeg)







# １．[Local by Flywheel](https://localwp.com/) のインストールと各種設定

こちらのページに詳しく手順が記載されているので、そのままの手順で進めます。

* [Local by Flywheelの使い方。かんたんWordPressローカル環境構築方法 \| オリジナルゲーム\.com](https://original-game.com/local-by-flywheel/)
    * ※ Windows は、こちら。
    * [Local by Flywheelのダウンロードからインストールまでの手順│G\-NOTE](https://316-jp.com/localbyflywheel-install)

![FireShot Capture 307 - Local - Local WordPress development made simple - localwp.com.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/161939/7df54bd1-38d5-bee2-d7db-c4a400f66a13.png)

# ２．[All\-in\-One WP Migration](https://ja.wordpress.org/plugins/all-in-one-wp-migration/) のサインアップと各種設定

こちらのページに詳しく手順が記載されているので、そのままの手順で進めます。

* [WordPress All\-in\-One WP Migration を使ってデータを移行/ Web Design Leaves](https://www.webdesignleaves.com/pr/wp/wp_all_in_one_wp_migration.html)
    * ※ [Shifter](https://www.getshifter.io/) へのインポートには、プラグイン等に注意が必要みたいです。
    * [All\-in\-One WP Migration プラグインを用いたデータの移行方法 \| Amimoto Help Center](https://support.amimoto-ami.com/en/articles/2497417-all-in-one-wp-migration-%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3%E3%82%92%E7%94%A8%E3%81%84%E3%81%9F%E3%83%87%E3%83%BC%E3%82%BF%E3%81%AE%E7%A7%BB%E8%A1%8C%E6%96%B9%E6%B3%95)

![FireShot Capture 308 - All-in-One WP Migration – WordPress プラグイン - WordPress.org 日本語_ - ja.wordpress.org.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/161939/9ad469c5-1535-1871-9693-c0548b6dd0f5.png)

# ３．[WordPress](https://wordpress.com) テーマ更新用のプラグインのインストールと各種設定、インストール、アップデート

こちらのページに詳しく手順が記載されているので、そのままの手順で進めます。

* [GitHub のプライベートリポジトリで管理している WordPress テーマをプラグイン \(WP Pusher\) を使って、インストール/アップデートする。 \- Qiita](https://qiita.com/kusokamayarou/items/85243bc381ae0f08a739)

![FireShot Capture 310 - The world’s leading software development platform · GitHub - github.com.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/161939/7af1895c-a6ff-f02c-2f26-573ff1d03d0b.png)

![FireShot Capture 311 - WordPress Git deployments with WP Pusher - wppusher.com.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/161939/caebb13b-c16a-20d8-6bd0-e61cca5caed9.png)

# ９９．ハマりポイント

* 今回は、非常にスムーズに出来ました。

* 手順をまとめて下さった皆さんに感謝ですね ♪♪♪ 🙇‍♂️🙇‍♂️🙇‍♂️

* ありがとうございました !!! 😭😭😭

# ＸＸ．まとめ

以上、ご参考になれば ♪♪♪

👋👋👋