WordPressのプラグイン開発やテーマ開発でよく使われるLocal by Flywheel は簡単にWordPress環境をセットアップできる便利なツールですが、ユニットテストや自動化されたテストのセットアップが煩雑で、テスト環境の構築に思った以上に時間を費やすことになります。
代替で提案したいのが、wp-envです。wp-envの導入で、テスト環境の構築が劇的に簡単になり、開発とテストがスムーズに進むようになります。
今回は、この wp-env を使って、シンプルにローカル開発環境を作る方法をご紹介します。
wp-envとは？
wp-env は、WordPressの開発環境を手軽に構築するための公式ツールです。WordPressのテーマやプラグインの開発者にとって、迅速かつ簡単にローカルでの開発環境をセットアップできる優れたツールです。wp-env は、Dockerを利用してWordPress環境を仮想化し、複雑なサーバー設定を不要にします。通常、WordPressをローカルで動かすためには、サーバーやデータベースの設定が必要ですが、wp-env を使うことで、コードベースを簡単にローカルに反映させることができ、すぐに開発を開始できます。
wp-env は、WordPressのテーマやプラグインの開発だけでなく、簡単な検証やカスタムコードのテストにも最適です。特に、複数の開発者が関わるプロジェクトでは、全員が同じ環境を簡単に再現できるという利点があります。開発環境がDockerで仮想化されているため、どのOSでも同じ開発環境が再現可能で、トラブルシューティングが楽になる点も大きなメリットです。
また、公式のツールであるため、WordPressの最新バージョンへの対応や、他のWordPress関連ツールとの互換性も非常に高く、将来的にも安心して使用することができるでしょう。wp-env はシンプルな設定で、必要なときにすぐに開発を始めたい方におすすめのツールです。
Local (by Flywheel) と比較したメリット、デメリット
wp-env と比較されることが多いツールに Local (by Flywheel) があります。両者ともにローカルでのWordPress開発環境を簡単に構築するためのツールですが、それぞれにメリットとデメリットがあります。
メリット:
wp-env の大きなメリットは、公式のWordPressツールであり、簡単なセットアップと開発者向け機能の充実です。特に、wp-env はDockerをベースにしているため、OSに依存しない環境が構築でき、複数のプロジェクトを同時に管理しやすい点が挙げられます。また、コンソールベースで操作が可能なため、自動化やスクリプトによる管理が簡単にできます。
一方で、Local by Flywheel は、GUIを持つツールで、初心者でも扱いやすいのが特徴です。特に、WordPressやデータベースのバックアップ、SSLの簡単な設定など、直感的に操作できる点が優れています。
デメリット:
wp-env のデメリットは、CLIを使用する必要がある点です。GUIベースの操作に慣れている人にとっては、ややとっつきにくいかもしれません。また、Dockerの環境が必須なため、Dockerのセットアップに慣れていない場合、初めて使う際に時間がかかることがあります。
逆に、Local by Flywheel のデメリットは、重さと複数の環境を同時に立ち上げる際のパフォーマンス低下です。Localは直感的で使いやすい反面、ローカルマシンに負担がかかりやすく、特にメモリやCPUのリソースが限られているマシンでは動作が遅くなることがあります。
結論として、シンプルで軽量な開発環境を望むなら wp-env が最適で、直感的でGUIベースの操作を求めるなら Local by Flywheel が向いていると言えるでしょう。
インストール方法
wp-env のインストールは非常にシンプルです。以下の手順に従ってセットアップを行いましょう。
1. Node.js のインストール
wp-env はNode.jsをベースに動作するため、まずNode.jsをインストールする必要があります。公式から最新のLTS版をインストールしてください。
2. Docker のインストール
wp-env はDockerを利用して仮想環境を構築するため、Dockerも必要です。Dockerの公式サイトからDocker Desktopをダウンロードし、インストールします。
3. wp-env のインストール
Node.jsとDockerのインストールが完了したら、次にwp-envをインストールします。以下のコマンドを実行して、グローバルにwp-envをインストールします。
(半角アットマークが使用できないので、以下は全角になっています。コピペ注意！）
```bash
npm install -g ＠wordpress/env
```
4. プロジェクトディレクトリの作成
次に、WordPressの開発環境を構築したいプロジェクトディレクトリを作成します。例えば以下のようにプロジェクトフォルダを作成し、その中に移動します。(my-wordpress-projectは適当な名前に変更して下さい。)
```bash
mkdir my-wordpress-project
cd my-wordpress-project
```
これでwp-envのインストールは完了です。
起動方法
wp-env を使ってWordPressの開発環境を立ち上げるのは非常に簡単です。インストールが完了したら、以下のコマンドを実行して環境を起動しましょう。
1. WordPress環境の起動
プロジェクトディレクトリに移動したら、以下のコマンドを実行するだけでWordPressのローカル開発環境が立ち上がります。
```bash
npx wp-env start
```
このコマンドを実行すると、Dockerを使ってWordPressの環境が構築され、デフォルトでは ://localhost:8888 で開発サイトが起動します。また、同時にテスト環境も ://localhost:8889 にセットアップされます。
(URL形式がココナラで投稿できないので、:前のプロトコルは補完してください。)
2. 管理画面へのアクセス
起動が完了すると、://localhost:8888/wp-admin にアクセスしてWordPressの管理画面にログインできます。デフォルトのユーザー名とパスワードは以下の通りです。
ユーザー名: admin
パスワード: password
3. 環境の停止と削除
開発が終わったら、環境を停止するために以下のコマンドを使います。
```bash
npx wp-env stop
```
もし環境を完全に削除したい場合は、以下のコマンドでDockerコンテナごと削除できます。
```bash
npx wp-env destroy
```
これで、開発環境の起動から管理画面へのアクセス、停止・削除までの一連の作業が完了します。wp-env はシンプルながら非常に強力なツールなので、ぜひ試してみてください！
このように、wp-env を使うことで手軽にWordPressのローカル開発環境をセットアップできるため、特にWordPressテーマやプラグイン開発者にとっては非常に便利なツールです。
