コードエディタ

コードエディタはコードを書くために使用されます。最も快適に感じるエディタを使用できます。重要なのは、テキストファイルを開いて編集し、保存する方法を持つことです。

もしお気に入りのコードエディタがまだない場合、Visual Studio Code（VS Code）は、コアコントリビューターの間でJavaScript開発に人気の選択肢です。これは、主要な3つのプラットフォーム（Windows、Linux、Mac）でうまく機能し、オープンソースであり、Microsoftによって積極的にメンテナンスされています。VS Codeには、WordPress開発用の多くのプラグインや拡張機能を提供する活気あるコミュニティもあります。

Node.js開発ツール

Node.js (node)は、ウェブブラウザの外でJavaScriptを実行するためのオープンソースのランタイム環境です。Node.jsはすべてのWordPress JavaScript開発に必須ではありませんが、最新のJavaScriptツールを使用し、ブロックエディタの開発を行う際には不可欠です。

Node.jsとその付随する開発ツールを使用すると、次のことができます：

  • ブロックエディタ開発に必要なWordPressパッケージをインストールして実行する（例：wp-scripts）
  • wp-envおよびwp-nowを使用してローカルWordPress環境を設定する
  • 最新のECMAScript機能を使用し、ESNextでコードを書く
  • JavaScriptコードをリント、フォーマット、テストする
  • create-blockパッケージを使用してカスタムブロックをスキャフォールディングする

リストは続きます。最新のJavaScript開発は挑戦的ですが、WordPressは、Node.js開発ツールによって可能にされるプロセスを簡素化するいくつかのツール（例：wp-scriptsおよび create-block）を提供しています。

ブロック開発に推奨されるNode.jsのバージョンはActive LTS（長期サポート）です。ただし、異なるバージョンを使用する必要がある場合もあります。nvmのようなNode.jsバージョン管理ツールを強く推奨し、必要に応じてnodeバージョンを変更できます。また、いくつかのWordPressパッケージを使用するにはNode Package Manager（npm）とNode Package eXecute（npx）も必要です。どちらもNode.jsと共に自動的にインストールされます。

ブロック開発のためにNode.jsツールとWordPressが提供するパッケージを使用するには、マシンに適切なNode.jsランタイム環境を設定する必要があります。これを行う方法について詳しくは、以下のリンクを参照してください。

ローカルWordPress環境

ローカルWordPress環境（サイト）は、開発のための制御された効率的で安全なスペースを提供し、コードを本番サイトにデプロイする前に構築およびテストすることを可能にします。ローカルサイトには、WordPressに対する同じ要件が適用されます。

広範なWordPressコミュニティでは、コンピュータ上にローカルWordPress環境を設定するための多くのツールが利用可能です。ブロックエディタハンドブックでは、wp-envについて説明しており、これはオープンソースでWordPressプロジェクト自体によってメンテナンスされています。また、Gutenberg開発のための推奨ツールでもあります。

セットアップ手順については、wp-envを始めるガイドを参照してください。

ハンドブック全体で、wp-nowへの言及も見られるかもしれません。これは、
WordPress Playgroundによって動作する軽量ツールで、シンプルなローカルWordPress環境の設定を簡素化します。まだ実験的ですが、このツールはWordPressのリリース、プラグイン、テーマを迅速にテストするのに最適です。

このリストは網羅的ではありませんが、wp-envを使用したくない場合に選択できるいくつかの追加オプションを以下に示します：