WordPress 開発環境のセットアップ

公開: 2023-02-12

新しい Web サイトの開発を開始するには、綿密な計画が必要です。 たとえば、プロジェクトの「建設中」段階にどのようにアプローチするかを決定する必要があります。 Web サイトがまだ進行中の場合、潜在的な訪問者が Web サイトを閲覧できないようにする必要があります。

ここで開発環境が役に立ちます。 この種の環境では、新しいサイトですべてのデザインとプログラミング作業を行う場所が提供されます。 その後、完全に準備が整ったら、ライブにプッシュできます。

この記事では、2 種類の開発環境を見ていきます。 また、両方のオプションを開始する方法も示します。 準備ができたら、すぐに飛び込みましょう。

目次
1.ローカル開発環境とリモート開発環境
2.リモート開発環境のメリット
3.リモート開発環境のセットアップ方法
3.1. ステップ 1: リモート開発アプリケーションの選択と構成
3.2. ステップ 2: 必要なツールとプラグインをインストールする
3.3. ステップ 3: 環境にアクセスする
4.ローカル開発環境の利点
5.ローカル WordPress 環境のセットアップ
5.1. ステップ 1: ローカル開発アプリケーションを選択して構成する
5.2. ステップ 2: テキスト エディターを選択する
5.3. ステップ 3: 開発者が使いやすい Web ブラウザーを選択する
6.WPエンジンで素晴らしいものを開発する

ローカル開発環境とリモート開発環境

WordPress Web サイトを作成する際に検討したい開発環境には、主に 2 種類があります。 ただし、開発にローカル環境とリモート環境のどちらを使用する場合でも、WordPress が適切に機能するために必要なすべてのソフトウェアが必要になることに注意してください。 これには、たとえば、データベース アプリケーションやコード ライブラリが含まれます。

ローカルで開発するということは、WordPress プラグインとテーマ ファイルのすべてが、WordPress コア ファイルと共に自分のマシンに保存されることを意味します。 インターネット上の Web サイトにアクセスしているかのように、開発作業をブラウザーで表示できます。 ただし、ファイルは、サイトのホスティング サーバーではなく、コンピューターから呼び出されます。

リモート開発環境も基本的には同じですが、重要な Web サイト ファイルはすべてリモートの場所に保存され、取得されます。 つまり、ストレージ スペースを設定または購入する必要があります。 ただし、通常の Web サイト ホスティングとは対照的に、このリモート ファイルの場所には、あなたまたはあなたのチームだけがアクセスできます。

WordPress のローカル開発を使用する主な利点の 1 つは、Web サイトで作業するためにインターネットに接続する必要がないことです。 リモート開発には接続が必要ですが、任意のコンピューターから作業にアクセスするオプションが必要な場合は、リモート開発の方が適しています。

リモート開発環境の利点

前述したように、リモート開発環境を使用すると、どこからでもプロジェクトにアクセスできます。 仕事をするために特定のコンピュータを使用する必要さえありません。必要なのは、インターネットへの接続とログイン情報だけです。

さらに、使用するリモート環境アプリケーションによっては、バージョン管理機能を実装できる場合もあります。 これは、チームで開発するときに問題が発生する可能性が低いことを意味します。

リモート開発環境をセットアップする方法

リモート開発環境のセットアップは、ローカル環境の作成よりも少し複雑になる場合があります。 そうは言っても、決して手の届かないところにはありません。 リモート環境に関してはいくつかのオプションがあり、多くの場合、すぐに必要なすべてのツールが付属しています。

ステップ 1: リモート開発アプリケーションの選択と構成

使用できるリモート開発ツールは多数あります。 あなたが探しているのは、Web サイトのすべてのファイルとアプリケーション、および Web サイトを実行するために必要なソフトウェアを格納できる仮想ストレージ スペースです。 これは、準備が整うまでサイトをライブの本番ステータスにプッシュすることなく、各開発段階で作業できる場所です。

これを行うには、DigitalOcean や Visual Studio などの製品を使用できます。

これらは提供するものは異なりますが、最終的には同じタスクを実行します。 たとえば、Visual Studio Code を使用すると、選択したリモート拡張機能によって開発環境になる洗練されたコード エディターを取得できます。

リモート開発に Amazon Elastic Compute Cloud (Amazon EC2) を使用することもできます。

または、独自の専用開発環境を見ることもできます。 仮想環境またはクラウドベースのソリューションを選択したら、WordPress 開発をサポートするように構成されていることを確認する必要があります。

ステップ 2: 必要なツールとプラグインをインストールする

選択したリモート開発環境に関係なく、WordPress をセットアップするために必要な特定のアプリケーション スタックがあります。 これらには以下が含まれます：

  • リナックス。 これは、WordPress を実行するために理想的に必要なオペレーティング システム (OS) です。 詳細はローカル開発環境の話で後述しますが、以下の3点が整っていれば、MacやWindowsなど他のOSでも同様に動作すると言えます。
  • アパッチ。 ライブ Web サイトでは、Web サーバー レイヤーは、ブラウザーの要求が満たされ、Web サイトのユーザーに返される場所です。 開発環境でも、これは当てはまります。 唯一の違いは、サーバーがライブ ドメインを指していないことです。
  • MySQL . MySQL は、最も人気のある無料のデータベース ソリューションです。 これは、Web サイトに必要なすべてのデータが保存される場所であるため、WordPress 開発環境にとって不可欠です。
  • PHP . スタック内の他のすべての要素には「音声」が必要であり、そこで PHP の出番です。ハイパーテキスト プリプロセッサ (PHP) は、WordPress が機能するために必要な言語です。

これらのアプリケーションは「LAMP スタック」と呼ばれ、さまざまな方法でリモート開発環境に追加できます。 たとえば、DigitalOcean を使用している場合は、Droplets を使用して WordPress の LAMP スタックを作成します。

Amazon EC2 を使用している場合、WordPress 開発のセットアップは少し手作業になりますが、それでも約 5 分で完了できます。

選択した環境に関係なく、WordPress の開発を開始するには LAMP スタックが必要です。 幸いなことに、多くのリモート開発オプションには、簡単なインストール オプションとして LAMP が付属しているため、多くの時間と手間を節約できます。

ステップ 3: 環境にアクセスする

開発環境にアクセスする最も一般的な方法は、Secure Shell (SSH) を使用することです。 これにより、任意のコンピューターからサーバーに接続し、このアプローチの「リモート」の側面を WordPress 開発に活用できます。

接続方法の詳細は、選択した製品によって異なります。 たとえば、ここ WP Engine には、開発者向けの SSH ゲートウェイ オプションがあります。

ローカル開発環境の利点

ローカル開発環境を使用する最大の利点の 1 つは、アクセスするためにインターネットに接続する必要がないことです。 どこからでもサイトで作業でき、接続の問題に妨げられることはありません。

さらに、ローカル開発により、より安全な環境で作業できます。 ライブの準備が整うまで、プロジェクトを完全に秘密にすることができます。

ローカル WordPress 環境のセットアップ

ローカル WordPress 環境のセットアップは非常に簡単です。 Local by Flywheel など、セットアップ プロセスを非常に簡単にするローカル開発アプリケーションがいくつかあります。

WordPress のローカル開発には依然として LAMP スタックが必要であることに注意してください。 ただし、一部のソリューションでは、Linux ではなく Windows または Mac OS で使用するように設計されているため、代わりに WAMP や MAMP などの用語を使用します。

ステップ 1: ローカル開発アプリケーションを選択して構成する

いくつかの優れたローカル開発アプリケーションから選択できます。 Local by Flywheel については既に説明しましたが、Varying Vagrant Vagrant (VVV) は、WordPress が推奨するもう 1 つのローカル開発ツールです。 WP Engine で既に計画を立てている場合は、Local でローカル開発ソリューションを確認することもできます。

選択したソリューションをセットアップしたら、ゼロから開発を開始するか、既存の Web サイトをインポートして作業することができます。 たとえば、Local by Flywheel では、ダウンロードした Web サイトの.zipファイルを使用して開始できます。 ゼロから始めて新しい Web サイトを設計する場合、ほとんどのローカル アプリケーションには、WordPress で使用する環境をセットアップするためのワンクリック インストール ソリューションがあります。

ステップ 2: テキスト エディターを選択する

ローカル環境がセットアップされたら、テキスト エディターを選択する必要があります。 ここで、WordPress コードを編集およびデバッグします。 これらのソリューションは、単純なテキスト アプリケーションから、ワークフローを最適化するための組み込みツールを備えた拡張インターフェイスにまで及びます。

WordPress には、Atom、Sublime Text、PhpStorm など、開発に推奨されるテキスト エディターがいくつかあります。 他にもオプションがあるため、既存のワークフローに最も適した最適な方法で作業することをお勧めします。

ステップ 3: 開発者が使いやすい Web ブラウザーを選択する

ローカルで開発したプロジェクトは引き続き Web ブラウザーで表示するため、開発者向けのブラウザーを使用することをお勧めします。 Chrome と Firefox はどちらも、便利な開発者ツールキットを備えた非常に人気のあるブラウザーです。 これにより、問題をより簡単にデバッグし、Web 開発を最適化できます。

WPエンジンで素晴らしいものを開発する

Web 開発は、さまざまな形や形をとることができます。 ローカル環境でもリモート環境でも、最高の開発者リソースを手元に用意することで、ワークフローを合理化できます。

WordPress プランと開発ソリューションをチェックして、素晴らしいものを作成するお手伝いをしましょう!