WordPress開発が劇的に速くなる？次世代ビルドツール「@wordpress/build」の全貌
WordPressのプラグイン開発において、ビルドツールのあり方が大きく変わろうとしている。現在広く使われている @wordpress/scripts の内部エンジンが、より高速でシンプルな @wordpress/build へと移行する計画が進んでいる。この変更は、単なる速度向上にとどまらず、開発者がコードを書く際の手順そのものを効率化するものだ。
2025年10月にプロジェクトが始動し、すでにGutenberg（ブロックエディタ）本体の100以上のパッケージビルドに採用されている。 esbuild（エスビルド）という非常に高速なエンジンを基盤に据えることで、これまでのwebpack（ウェブパック）ベースの環境では数分かかっていた処理が、わずか数秒で完了するようになる。開発の待ち時間がなくなることは、制作現場の生産性に直結する重要な変化だ。
なぜ今、使い慣れたツールを刷新する必要があるのか。それは、WordPress開発における「設定の複雑さ」を解消し、より直感的にコードを書ける環境を整えるためだ。新しいツールが目指すビジョンと、具体的な仕組み、そして今後の開発者がどのように対応すべきかを詳しく解説していく。
WordPressプラグイン開発の新たなスタンダード「@wordpress/build」とは
@wordpress/build は、WordPressコアチームが開発を進めている次世代のビルドツールだ。ビルドツールとは、JavaScriptやCSSなどのソースコードを、ブラウザが読み込める形式にまとめたり、最新の書き方を古いブラウザでも動くように変換したりする道具を指す。
webpack時代の複雑さからの脱却
これまで、WordPressの標準ツールである @wordpress/scripts は、内部でwebpackとBabel（バベル）を使用してきた。これらは非常に多機能で柔軟だが、長年の運用を経て設定が複雑化しすぎている側面があった。特に、依存関係の抽出やPHPファイルの生成など、WordPress特有の処理を組み合わせるために、多くのカスタム設定が必要だった。
結果として、Gutenbergプロジェクト自体が @wordpress/scripts を使わず、独自のカスタムツールでビルドを行うというねじれ現象が起きていた。 @wordpress/build は、この複雑さをツール内部に吸収し、開発者が「設定ファイル」をいじる必要をなくすことを目的としている。
esbuild採用による圧倒的なビルド速度
新しいエンジンの核となるのは esbuild だ。これはGo言語で書かれた非常に高速なバンドラー（ファイルをまとめるツール）で、従来のJavaScript製のツールとは比較にならないほどのパフォーマンスを発揮する。例えるなら、手作業で荷物を仕分けていた倉庫に、最新の高速自動仕分けロボットが導入されるようなものだ。
大規模なプロジェクトでも、フルビルドが数秒で終わる。また、ファイルの変更を監視して自動で再ビルドする「ウォッチモード」では、変更した箇所だけを瞬時に処理するため、修正が即座にブラウザへ反映される。この「待ち時間の消失」こそが、 @wordpress/build を導入する最大のメリットといえるだろう。
「設定」から「規約」へ：新しい開発ワークフロー
@wordpress/build の大きな特徴は、「設定より規約（Convention over Configuration）」という考え方を採用している点にある。これは、あらかじめ決められたルールに従ってフォルダやファイルを配置すれば、ツールが自動的に中身を判断して適切に処理してくれる仕組みだ。
フォルダ構成がそのまま設定になる仕組み
従来のように「どのファイルが入り口（エントリポイント）か」をコードで指定する必要はない。プロジェクト内に特定の名前のフォルダを作るだけで、ツールがビルド対象を自動検知する。
packages/：JavaScriptのパッケージを配置する場所。各サブフォルダが1つのパッケージとして扱われる。routes/：管理画面のルーティング（ページ構成）を定義する場所。blocks/：ブロックのソースコードを置く場所（現在提案中の機能）。
このルールに従うだけで、ツールは各フォルダ内の package.json を読み取り、必要なJavaScriptやスタイルシートを生成する。開発者は「どこに何を書くか」というルールさえ覚えれば、ビルド設定の迷宮に迷い込むことはなくなる。
package.jsonによるシンプルな管理
個別の設定が必要な場合も、webpack.config.jsのような専用ファイルは使わず、 package.json 内に記述する。例えば、あるパッケージをブラウザで読み込むスクリプトとして登録したい場合は、以下のように記述するだけで済む。
{
"name": "@my-plugin/utility",
"wpScript": true
}これだけで、ツールはこのパッケージを「IIFE（即時実行関数式）」形式でビルドし、WordPressの管理画面で適切に読み込めるように準備してくれる。IIFEとは、他のプログラムと名前がぶつからないようにコードをカプセル化する手法のことだ。専門的な知識が必要だった設定が、1行のフラグ指定に集約されている。
PHP登録作業を自動化する革新的な機能
WordPress開発者を悩ませる作業の1つに、JavaScriptファイルを読み込むための wp_enqueue_script() などのPHP記述がある。 @wordpress/build は、このPHP側の登録作業も自動化する道筋を示している。
手動のPHP記述が不要になるメリット
これまでは、ビルドされたファイルのパスを確認し、依存するスクリプト（wp-elementやwp-i18nなど）を手動で配列に書き出す必要があった。新しいツールでは、ビルドプロセスの一環として build/build.php というファイルが生成される。プラグインのメインファイルでこれを1行読み込むだけで、すべての登録が完了する。
require_once plugin_dir_path( __FILE__ ) . 'build/build.php';このファイルには、スクリプト、モジュール、スタイルシートの登録処理がすべて含まれている。開発者がPHP側で「どのファイルを読み込むか」を管理する必要がなくなるため、ファイル名の変更や依存関係の追加に伴うケアレスミスを劇的に減らすことができる。
アセット管理と依存関係の自動解決
JavaScript側で import { __ } from '@wordpress/i18n'; と書けば、ツールは自動的に「このスクリプトはwp-i18nに依存している」と判断し、 .asset.php ファイルを作成する。これは従来も @wordpress/scripts で提供されていた機能だが、 @wordpress/build ではさらに強化されている。
例えば、最新の「スクリプトモジュール（ESM）」と従来のスクリプトの使い分けも、設定一つで切り替え可能だ。さらに、WordPress 6.8で導入された効率的なブロック登録機能（WP_Block_Metadata_Registry）への対応も進められており、最新のコア機能の恩恵を最小限の手間で受けられるようになる。
名前空間と外部依存関係の高度な制御
大規模なプラグインや、複数のプラグインが連携する環境では、「名前空間（Namespace）」の管理が重要になる。 @wordpress/build では、自分のプラグインが提供する機能を他のプラグインからどう参照させるかを、明快に定義できる仕組みが備わっている。
プラグイン間でのスクリプト共有が容易に
例えば、WooCommerceのような他のプラグインが提供するJavaScript機能を利用したい場合、 package.json に外部名前空間として定義する。これにより、コード内で import { Cart } from '@woo/cart'; と書くだけで、実行時には window.woo.cart を参照し、依存関係のリストに自動で追加される。
これは、複数のスクリプトが同じライブラリを二重に読み込んでしまう問題を回避し、サイト全体のパフォーマンス向上に寄与する。開発者は複雑なフックの順序を気にすることなく、モダンなJavaScriptの書き方でプラグイン間の連携を実装できるのだ。
今後のロードマップと開発者が今すべきこと
@wordpress/build は現在も活発に開発が進んでいる段階だ。すぐにすべてのプロジェクトを移行すべきかというと、そうではない。公式のロードマップでは、段階的な統合が予定されている。
@wordpress/scriptsとの統合プロセス
将来的には、 @wordpress/scripts の中身が @wordpress/build に置き換わる予定だ。つまり、開発者は今まで通り npm run build を実行するだけで、内部的に新しい高速エンジンが動くようになる。この際、標準的な設定を使っている開発者は、コードを一切変更することなく、ビルド速度の向上という恩恵を受けられる見込みだ。
一方で、webpackの設定を細かくカスタマイズしている場合は、将来的に移行ガイドを参照しながら調整が必要になる可能性がある。コアチームは、この移行を可能な限りスムーズに進めるためのAPI設計に注力している。
早期導入のメリットと注意点
現在、複数のパッケージを持つ大規模なプラグインを開発しているエンジニアにとって、 @wordpress/build を試す価値は十分にある。モノレポ（複数のパッケージを1つのリポジトリで管理する手法）構成での開発効率が格段に上がるからだ。
ただし、ブロック登録周りなど、まだ手動での作業が必要な箇所も残っている。現時点では実験的な導入にとどめ、GitHubのGutenbergリポジトリで進行中のディスカッションに参加し、フィードバックを送るのが最も賢明な関わり方といえるだろう。特に「blocks/フォルダをルートに置く規約」についての議論は、今後のプラグイン構造の標準を決める重要なポイントだ。
独自の分析：WordPress開発体験（DX）はどう変わるか
今回の @wordpress/build への移行は、WordPressが「独自の進化」から「モダンなWeb標準との融合」へと、さらに一歩踏み出したことを象徴している。 esbuildのような最先端のツールを標準に取り入れることで、WordPress開発特有の「古臭さ」や「設定の煩わしさ」が解消されようとしている。
特に注目すべきは、PHPとJavaScriptの境界線がより曖昧になり、自動化が進む点だ。これまでWordPressエンジニアには、フロントエンドの知識と、それをWordPressに登録するためのPHPの知識の両方が高いレベルで求められてきた。この「登録」という非創造的な作業が自動化されることで、開発者は「ユーザーにどんな機能を提供するか」という本来の目的に集中できるようになる。
また、ビルドが高速化されることは、単に時間の節約になるだけではない。試行錯誤の回数が増え、結果としてコードの品質が向上する。保存した瞬間に画面が変わる「ライブな開発体験」は、開発者のモチベーションを維持する上でも極めて重要だ。 @wordpress/build は、WordPressを「古いブログシステム」から「洗練されたアプリケーションプラットフォーム」へと進化させるための、強力なインフラになるだろう。
この記事のポイント
@wordpress/buildは@wordpress/scriptsの次世代エンジンとして開発されている。- esbuildの採用により、ビルド速度が分単位から秒単位へと劇的に高速化される。
- 「設定より規約」を重視し、フォルダ構成に従うだけで自動ビルドが可能になる。
- PHP側のスクリプト登録処理が自動生成され、手動での記述が不要になる。
- 将来的には既存のツールに統合されるため、標準的な構成なら変更なしで恩恵を受けられる。
・ 複数業界における17年間のデジタルビジネス開発経験
・ ウェブサイト開発のためのHTML、PHP、CSS、JavaScript等の実用的知識
・ 15ヶ国語対応の多言語SaaSの開発経験
・ 17年間にも及ぶ、Eコマース長期運営経験
・ 幅広い業界でのSEO最適化の豊富な経験
WordPressプラグインの成約率を改善するセルフ監査術——「開発者の視点」を捨てるための6つのステップ
WordPressプラグインビジネスにおいて、製品の品質は高いにもかかわらず、新規販売や成約率が伸び悩むケースは少なくない。多くの開発者がコードの堅牢性や機能の網羅性に注力する一方で、ユーザーが最初に触れる「情報の透明性」や「使い勝手の直感性」が置き去りにされているのが現状だ。
元記事の著者であるMark Zahra氏は、10年以上にわたり数百のプラグインをレビューしてきた経験から、成長が停滞する原因の多くはバグや機能不足ではなく、開発者自身には見えない「認識のズレ」にあると指摘している。開発者は自分の製品を熟知しすぎているため、初見のユーザーがどこで迷い、なぜ購入を躊躇するのかを客観的に判断できなくなる。
本記事では、開発者が自らのプラグインを客観的に評価し、成約率を改善するための「セルフ監査」の手法を解説する。このプロセスを通じて、ユーザーが抱く疑問を先回りして解消し、製品の真の価値を伝えるための具体的なステップを提示する。
開発者が陥る「近視眼」の罠と監査の必要性
ソフトウェア開発の現場では、プルリクエストやコードレビュー、自動テストといった「コードの監査」は日常的に行われている。しかし、製品としての「ユーザー体験」や「メッセージング」の監査が行われることは稀だ。この偏りが、製品の成長を阻害する大きな要因となっている。
「知っていること」がバイアスになる
開発者は、自分が作った画面のどこに何があるか、どのボタンを押せば何が起きるかを完璧に把握している。この「知識」が、初めて製品に触れるユーザーが感じるはずの戸惑いを覆い隠してしまう。著者のZahra氏は、多くの開発者が自社のWordPress.orgのリスティング（プラグインページ）を、全くの他人の目線で読み直したことがないと指摘する。
この認識の乖離（かいり）は「知識の呪い」とも呼ばれる。専門知識があるために、未経験者の状態を想像できなくなる現象だ。プラグインが技術的に優れていても、その価値が10秒以内に伝わらなければ、ユーザーはすぐに別の選択肢へ移ってしまう。
なぜ今、監査が必要なのか
WordPressエコシステムは成熟し、多くのカテゴリーで市場は飽和状態にある。新規販売が鈍化し、更新（リニューアル）だけで食いつないでいるビジネスも多い。このような環境下では、単に「機能を追加する」ことよりも、既存の導線を整理し、コンバージョン（成約）の取りこぼしを減らすことの方が投資対効果（ROI）が高い。
10秒テストと競合分析による「言語化」の再定義
監査の第一歩は、ユーザーが最初に目にする情報を徹底的に磨き上げることだ。検索結果から流入したユーザーが、そのプラグインをインストールすべきかどうかを判断する時間は極めて短い。
ファーストビューの「10秒テスト」
ブラウザのシークレットウィンドウで自社のプラグインページを開き、最初の1文だけを読んでみる。その1文で「何をするプラグインか」「誰のためのものか」「なぜそれが必要なのか」が即座に理解できるだろうか。多くのプラグインは「〇〇は、Xの機能を持つ強力なツールです」といった、スペックの羅列から始まっている。
Zahra氏は、優れた例としてeコマースプラグイン「SureCart」の紹介文を挙げている。彼らは「重くて複雑な古いプラグインに別れを告げよう」と、ユーザーが抱えている「悩み」から文章を始めている。これに対し、最大手のWooCommerceは「オープンソースのプラットフォームである」という定義から始まっている。ブランド力がない後発プラグインが勝つためには、製品の定義よりも「ユーザーの課題解決」を前面に出すべきだ。
競合他社との「残酷な」比較
主要な競合3社のプラグインページを横に並べ、自社との違いを冷徹に分析する。2年前には独自の強みだったメッセージも、今では競合が真似をして一般化している可能性がある。チェックすべきは「自社だけが提供できる価値」が、初見のユーザーに伝わる言葉で書かれているかどうかだ。もし競合と同じことしか言えていないのであれば、それは差別化に失敗していることを意味する。
機能ではなく「結果」を売るメッセージングの構築
開発者は機能を愛しているが、ユーザーは機能によって得られる「結果（アウトカム）」を求めている。この視点の転換が、メッセージングの監査において最も重要だ。
「だから何？」と問い続ける
プラグインの説明文にあるすべての機能説明に対して、「だから何？（So what?）」と自問自答してみる。例えば「高度なフィルタリング機能」という記述があれば、それによってユーザーは「探している商品を3秒で見つけられるようになり、離脱率が下がる」といった具体的な利益にまで落とし込む必要がある。
ユーザーが購入するのは、ドリルではなく「壁に開いた穴」であるという有名なマーケティングの格言がある。WordPressプラグインにおいても同様で、ユーザーが欲しいのは「無制限の設定項目」ではなく、「設定に時間をかけずに理想のサイトが完成すること」だ。コピーライティングの主役を「機能」から「ユーザーの成功体験」へシフトさせる必要がある。
検索意図に沿ったメタディスクリプション
Googleの検索結果に表示されるメタディスクリプションも監査の対象だ。単なるプラグインの概要説明になっていないか確認する。検索ユーザーが抱える疑問に対する「答え」がそこにあると感じさせ、クリックする動機（インセンティブ）を与える内容になっているかが鍵となる。
ユーザーの意思決定を助ける価格戦略の再考
価格設定は、製品の価値を伝える強力なシグナルだ。しかし、多くのWordPressプラグインが「サイト数ベース」の価格設定という慣習に縛られ、ユーザーの意思決定を阻害している。
サイト数ベースの価格設定が抱える問題
多くのプラグインが「1サイト」「5サイト」「無制限」といったプランを用意している。このモデルには2つの欠点がある。1つは、1サイトしか必要ないユーザーにとって、上位プランが「自分には関係ない、余計なコスト」に見えてしまうこと。もう1つは、プラン間の違いが「量」だけであり、価値の「質」が変わらないため、アップセルの動機が弱いことだ。
Zahra氏は、サイト数ではなく「機能」や「ユースケース（利用シーン）」でプランを分けることを推奨している。例えば、基本機能は「Basic」、自動化が必要なら「Pro」、大規模サイト向けなら「Elite」といった形だ。これにより、ユーザーは自分のニーズに最適なプランを自己選択しやすくなり、上位プランへの移行も「より高度な課題を解決するため」という明確な理由が生まれる。
認知負荷を減らす選択肢の提示
選択肢が多すぎると、人間は決定を先延ばしにする。これは「選択のパラドックス」として知られる心理現象だ。例えば、3つの機能ティア（階層）と、それぞれに3種類のサイト数オプションがある3×3のグリッドは、合計9つの選択肢をユーザーに突きつけることになる。
理想的なのは、まず「どの機能が必要か」を選ばせ、その後に「何サイトで使うか」を選択させるステップ分けだ。一度に1つの決断だけを求めることで、購入完了までの心理的摩擦を大幅に軽減できる。30秒以内に「自分に最適なプランはこれだ」と確信を持てない価格表は、それだけで成約率を下げている可能性が高い。
ゼロベースでのインストール体験と摩擦の除去
プラグインがインストールされた直後の数分間は、ユーザーの期待値が最も高く、同時に離脱のリスクも最も高い「ゴールデンタイム」だ。ここでの体験が、継続利用か削除かを決定づける。
「初めてのユーザー」になりきる
ローカル環境やステージング環境に、まっさらなWordPressを用意し、自分のプラグインを最初からインストールしてみる。その際、開発者としての知識を捨て、忍耐力の乏しい一般的なユーザーとして振る舞うことが重要だ。どこで操作が止まるか、どの説明が理解しにくいか、どの通知が煩わしいかを厳しくチェックする。
Zahra氏が自身のInstagramフィードプラグイン「Spotlight」を監査した際、オンボーディング（導入支援）の途中でソーシャルプルーフ（社会的証明）を表示する画面が、ユーザーにとって不要な摩擦になっていたことに気づいたという。ユーザーは一刻も早く「自分の写真をサイトに表示したい」のであり、その前に実績を見せられることは単なる邪魔でしかなかったのだ。
価値提供までの時間（TTV）を最小化する
TTV（Time To Value）とは、ユーザーが製品の価値を実感するまでにかかる時間のことだ。WordPressプラグインにおいて、この時間をいかに短縮できるかが勝負となる。不要な設定ステップを省き、デフォルト設定で最適に動作するように設計し、複雑な設定が必要な場合はウィザード形式で導く。ユーザーに「考えさせる」瞬間を一つでも減らすことが、監査のゴールである。
外部視点を取り入れる重要性
セルフ監査には限界がある。どれだけ客観的になろうとしても、自分が作ったものに対する愛着や先入観を完全に取り払うことはできないからだ。最終的には、製品を全く知らない第三者の視点が必要になる。
「透明な壁」に気づくために
開発者が「当たり前」だと思っていることが、ユーザーにとっては「高い壁」になっていることが多々ある。これは、前述した「知識の呪い」によるものだ。チーム外の知人や、可能であればターゲット層に近いユーザーに、実際にプラグインを使ってもらい、その様子を横で観察する（あるいは録画してもらう）。彼らがどこでクリックを迷い、どの言葉を誤解したかを知ることは、100通のサポートメールを読むよりも価値がある。
外部の専門家による監査サービスを利用するのも一つの手だ。元記事の著者のように、数多くの製品を見てきたプロフェッショナルは、開発者が数ヶ月かけても見つけられなかった「成約を妨げる小さな石」を数分で見つけ出すことができる。500ドル程度の投資で成約率が数パーセント改善すれば、そのコストは数週間で回収できるだろう。
この記事のポイント
- 10秒テストの実施：プラグインページの冒頭1文で、ユーザーの課題解決が伝わるかを確認する。
- アウトカム（結果）の提示：機能の羅列ではなく、その機能がユーザーにどのような利益をもたらすかを言語化する。
- 価格構造の単純化：サイト数ベースから機能・価値ベースのプランへ移行し、ユーザーの意思決定を助ける。
- TTV（価値実感時間）の短縮：インストール直後の摩擦を徹底的に排除し、最短で製品の価値を体験させる。
- 外部フィードバックの活用：開発者の近視眼を打破するため、第三者によるテストや専門家の監査を取り入れる。
出典
- WP Mayor “How to Audit Your Own WordPress Plugin (And What You’ll Probably Miss)”（2026年3月16日）
・ 複数業界における17年間のデジタルビジネス開発経験
・ ウェブサイト開発のためのHTML、PHP、CSS、JavaScript等の実用的知識
・ 15ヶ国語対応の多言語SaaSの開発経験
・ 17年間にも及ぶ、Eコマース長期運営経験
・ 幅広い業界でのSEO最適化の豊富な経験