これを押してください: 怖がらないでください。それはただのヘッドレス WordPress です。フラン・アガルト

WMR の WordPress コミュニティ ポッドキャスト、Press This へようこそ。 各エピソードでは、コミュニティ全体からゲストが登場し、WordPress 開発者が直面している最大の問題について議論します。 以下は、元の録音の転写です。

レッドサークルが提供

Doc Pop : あなたは WMR の WordPress コミュニティ ポッドキャスト、Press This を聞いています。 毎週、WordPress コミュニティのメンバーにスポットライトを当てています。 私はホストの Doc Pop です。WP Engine での役割と TorqueMag.io での貢献を通じて、WordPress コミュニティをサポートしています。 Red Circle、iTunes、Spotify で Press This を購読するか、wmr.fm でエピソードを直接ダウンロードできます。

ヘッドレス WordPress は、最近の WordPress シーンで大きな話題になっています。 しかし、私のような多くの人は、ヘッドレスという言葉を聞くと、まだ少し怖がっているかもしれません. ハロウィーンが近いという理由だけでなく、私たちはそのために忍び寄っています. この恐怖を乗り越える時が来たと思います。 そこで、WP Engine の Developer Advocate である Fran Agulto に、ヘッドレスの長所と短所を理解するのを手伝ってもらいました。 フラン、今日の調子はどう？

フラン・アグルト:ドクター、お招きいただきありがとうございます。 はい、そうです、ハロウィーンですが、首なし騎士がここにいるので、怖がることはありません. はい、今日も元気です。 ありがとうございました。

DP:素晴らしい。 WordPress のオリジン ストーリーを教えてください。 どうやってこの空間に入ったの？

FA:素晴らしい質問です。 実際、私の WordPress オリジン ストーリーは WP Engine を経由しています。 テクノロジーの仕事を探し始めたとき、コーディングの経験はありませんでした。 実際、人生で一度だけWordPressサイトに触れたことがあり、それは大学時代にさかのぼります. そして、私はテクノロジーに参入しようとしてシフトを行っていました。

さて、WP Engineは営業担当者を募集していました。 だから私は技術的な面ではなく、WordPress を使ってセールス面で WP Engine に乗り込みました。

それが私の原点の話です。 私は販売側でWPエンジンを使いこなしましたが、ここWPエンジンでの彼らのトレーニングを通して知っています。販売とマーケティングの側にいるなら、CMSとしてのWordPressとは何かについてのあらゆる種類の熱意を与えてくれます。もしそうなら、管理システムとして。

DP:ええ。 あなたと私はサンディエゴで開催された WordCamp US で話していましたが、ヘッドレスがあなたにとって大きな問題であることは知っています。 WP Engine でのあなたの現在の役割は何ですか? また、そのような役割はヘッドレス WordPress とどのように結びついていますか?

FA:ええ、それは良い質問ですね。 ここでの私の現在の役割は、ここ WP Engine のヘッドレス デベロッパー リレーションズ チームのデベロッパー アドボケイト、レベル 2 であり、ヘッドレス WordPress と結びついています。 WP Engine の開発者関係チームには、Doc という家の 2 つの側面があります。

すべてではないにしても、WordPress を使用するほとんどの人が慣れ親しんでいる伝統的な WordPress の側面があります。 そして、私が支持している家の頭のない側面があります。 そして、それが私がすることです。 私は本質的に、コーディングに関するブログ投稿の技術記事と YouTube ビデオと、この方法論の適応についての紹介でおっしゃっていたように、怖がらない方法を書いているだけです。

DP:ええと、私たちは怖がることについて話しているので、これを正直に保ち、ヘッドレスの長所と短所について話します. WordPress を介したヘッドレスの利点だけから始めましょう。 それらを考えるとき、あなたは何を思い浮かべますか？

FA:ええ、実際には 3 つの主な長所または長所があります。ドクター、人々、組織、中小企業、代理店がヘッドレス WordPress を採用する理由についてです。 まず第一にスピードです。 右？ ユーザー エクスペリエンスの観点から言えば、Web 開発では、遅いサイトの場合、ユーザーが何を跳ね返すかを推測することは誰もが知っているからです。 バイバイ。 つまり、本質的に優れたユーザー エクスペリエンスと Google Core Web Vitals を提供する超高速でスピーディーなサイトが必要です。

これは、ヘッドレス WordPress の長所の 1 つであり、WordPress が要求ごとに行うモノリシックな従来の WordPress サーバー側レンダリング メカニズムではありません。 ユーザーがサイトにアクセスすると、往復が必要になります。 サーバーに送信され、PHP がコードを実行してから、HTML をブラウザに送り返して使用できるようにします。 繰り返しになりますが、従来の WordPress を高速化できますが、ヘッドレス側のコアでそのまま使用できます。WordPress を切り離して API レイヤーとして使用し、CDN データに静的ファイルを事前に構築すると、高速になります。 .

それが何よりもまずプロである Doc であり、2 番目はセキュリティです。 その理由は、Web アプリケーションや Web サイトを切り離すときに、ヘッドレス WordPress である必要がなく、バックエンドが隠されているからです。 右？ 技術に精通していて、WordPress を使用しているかどうかを解読できる可能性があるほとんどの人は、リポジトリで環境変数を公開していない限り、WordPress を使用しているかどうかさえわかりません。

2 つ目は、なぜ最も安全なのかというと、基本的に攻撃の対象領域がはるかに少ないためです。分離すると、ブラウザで HTML をレンダリングする PHP の代わりにフロントエンド フレームワークが責任を負うことになるからです。ブラウザで実行できる悪意が非常に多いため、それは攻撃の表面領域が低いだけです。

そして最後の 3 つ目は、本質的には技術スタックの将来性を証明することです。 私が言いたいのは、ヘッドレス WordPress では、技術スタックを切り離すときに、いわゆる API 駆動型の開発アプローチまたは方法論を採用するということです。 そうすれば、デスクトップ ブラウザーだけでなく、キオスク、Tesla の画面、モバイル アプリを介してユーザーが Web サイトや Web アプリケーションにアクセスするのがはるかに簡単になるように、その WordPress データを消費して、ユーザーが使用するあらゆる種類のノードに投げます。 それが長所です。

DP:なるほど、それは興味深いですね。 今、頭に浮かぶのはいくつかありますが、私はヘッドレス サイトを持っていません。ヘッドレスを試したことはありません。WordPress を使用しています。 これが正しいかどうか教えてください。 WordPress を使用していて、ヘッドレスを使用している場合は、最初にコンテンツ管理から始めます。Web アプリややりたいことは何でも、それを指すことができます。 そのコンテンツ管理側は事前に構築されているため、WordPress は非常にスムーズでなければなりません。 Web サイトの使用方法や Web サイトの構築方法に関する知識に関係なく、誰でも非常に簡単にアクセスできます。WordPress 全般に同じ​​利点があります。 彼らは入ってブログ投稿を書き、それを非常に簡単に公開することができますよね?

FA:それは実際には 100% 正しいです。 はい。 あなたはそれを釘付けにしました。 うん。 要約すると、Doc、あなたはそれを釘付けにしました。 うん。

DP:それから、あなたが言及していない他のことも頭に浮かんだと思います.人々が利用可能にしたすべてのプラグインのおかげで、ヘッドレスでそれを行うことができない何らかの理由がない限り、それらを統合できるようになるため、多くのツールが用意されるでしょう. しかし、おそらく多くのSEOプラグインなどを手に入れることができるようです. そして、ヘッドレスを構築している場合でも、WordPress エコシステムのすべてがすぐに利用できるようになります。

FA:ヘッドレス WordPress の実際の短所の 1 つは、WordPress 側にあります、Doc。 特にプラグインは、明らかに、フロント エンドをレンダリング、操作、または変更します。 あなたはそれを忘れることができます。 これは、ヘッドレス方式では機能しません。 実際、ほとんどの WordPress プラグインはヘッドレスでは機能しません。

パロディまたは比較を行うために使用する必要があるもの、Node JS のフロントエンド エコシステムと React、Vue Angular などのフレームワークにおける従来の WordPress 開発者にとってのプラグインとは何か、node を表す NPM パッケージがあります。パッケージマネージャー。 そして、あなたが WordPress 開発者であれば、これらはフロント エンド エコシステムにあるプラグインであり、慣れて使用する必要があります。

DP:ほら、ちょっと立ち止まるのに最適な場所だと思います。 ちょっと休憩して、戻ってきたら、Fran Agulto と長所について話しています。戻ってきて、ヘッドレス WordPress の短所について話します。 Press This を聴いています。

DP: WMR で Press This a WordPress コミュニティ ポッドキャストを聴いていますね。 今週は、WP Engine の Developer Advocate である Fran Agulto に話を聞きます。 ヘッドレスの長所と短所、およびヘッドレス WordPress を恐れるべき理由と恐れるべきでない理由について話している.

これまでのところ、単に読み込みが速いという長所について説明してきました。 あなたは、ヘッドレス WordPress は非常にきびきびしていると言っています。 セキュリティ、サイトが何に基づいて構築されているかを明確にしない? ハッカーなどの情報は一切得られません。正面を向いているだけです。

将来の証明。 コンテンツ管理について言及した後、短所に入り、ほとんどのプラグインが機能しないと言っていました. 統計的に言えば、ほとんどの WordPress プラグインはおそらくヘッドレスでは動作しないと感じていると言っているだけです。それは、これらのプラグインのほとんどがおそらくフロント エンドのような変更を加えて設計されているためだと思います。

FA:ええ、それは 100% 正しいです。 はい。 実際のところ、従来の WordPress の意味でのプラグインがフロント エンドに何らかの変更を加えるために作成された場合、それは機能しません。全体的なアイデアは、フロント エンドを切り離して壊れてしまうからです。 これは従来の WordPress やヘッドレス WordPress では壊れます。すみません。

ただし、Doc、これが問題です。バックエンドでのみ何かを行う WordPress プラグインです。 右？ Doc さん、カスタム コンテンツ タイプを作成するのに役立つ Advanced Custom Fields に精通していると思います。 また、ヘッドレス WordPress プラグインである WPGraphQL 用の Yoast SEO もあります。 これらのプラグインを拡張してヘッドレス アプローチと統合できるようにするための PHP コードを人々が書いているため、これらが機能します。

DP:ええ。 それでは、ヘッドレス WordPress を実行することのその他の短所について話しましょう。

FA:ええ、たくさんあります。 [笑い]

DP:ああ、わかりました。 [笑い] 7分くらいかかりました。 誰かがヘッドレス化を考えている最大の短所は何ですか?この短所のために実際にはやりたくないかもしれません?

FA:ええ、これが問題です。 私は WordCamp US に参加していました。実際、そこであなたに会ったのです、Doc で、たくさんの人たちと話をしていたところ、たまたまこの質問をされました。 問題の本質は、WordPress が非常にシンプルで、WYSIWYG であり、「見たままの結果が得られる」ということです。 右？ そして、私の母と私の妹は、WordPress の使い方を知っています。 私の母はまったく技術的ではありません。 しかし、彼女は WP admin に入り、ブロックにいくつかのコンテンツを書き込む方法を知っています。 そして彼女は、「ああ、見て、それは URL でライブです。」

主な問題または短所は、正直なところ、このアプローチへの学習曲線と参入障壁です。 第一に、JavaScript に精通し、流暢に話せる必要があるからです。 それが一番です。 さて、それにはコーディングが必要です。

DP:ああ。 心臓がドキドキします。 [笑い]

FA:先生、私が初めて JavaScript のブートキャンプに参加したとき、私の胸はドキドキしていました。 それが最初のことです。 それが何よりもまず、このことの短所は、技術的負債が発生するだけでなく、それがわからない場合、JavaScript 開発者に今すぐお金を払わなければならないということです。ヘッドレスになる場合は、WordPress ブログを維持してください。 WooCommerce をビジネスとして使用していて、ヘッドレスで取り組みたい場合は、今すぐチームを調達することを検討する必要があります。JavaScript でコードを作成できない場合でもチームを作成できます。それが重要です。 それが主なことです。

2 つ目の主な短所は、ギャップまたはブリッジです。実際に WP Engine で解決しているもののいくつかは素晴らしいと思います。 そして、私はこれだけを言っているのではありません。 私は WP Engine が大好きです。ここで働いていますが、働きたい場所を選ぶことができます。 組織内にマーケティング チームやコンテンツ エディターがいる場合、または WordPress を使用している目的が何であれ、彼らはブロック エディターで WordPress にアクセスし、書き込みを行うことに慣れています。コンテンツをダウンさせたり、コンテンツを入力したり、プレビュー ボタンを押して URL で実際にどのように表示されるかを確認したり、公開をクリックしてライブで表示したりできます。

残念ながら、ヘッドレス WordPress ではそうではありません。 また、WP Engine がすぐに解決できるものを構成および操作する必要があります。 その橋が機能するように、もしよろしければ、ドク。 そのため、コンテンツ編集者はワークフローに慣れることができます。 デカップリングヘッドレスなので、そういえば脱着するときのワークフロー。 したがって、これらはその2つの主な短所です。 複雑さであり、基本的にコーダーを雇う必要があります。 そして、WYSIWYG で慣れ親しんだものを構成する必要があり、それを再現するために配線しなければならないことがあります。

DP:つまり、私が聞いているのは、WordPress サイトにアクセスして変更を加えたときに、更新を押したり、ウェブサイトに移動して更新を押したりすると、その変更がそこにあるということだと思います. 従来のヘッドレスでは、更新を押すだけでなく、さらにいくつかの手順を実行する必要があります。 それはあなたが言っていることですか？

FA: 100% うん、それは 100% 正しい。 うん。 うん。

DP:そして、あなたは WP Engine で作業していることに言及しています。 アトラスだと思いますか？

FA:はい、それがアトラスです。 正しい。 それは恥知らずなプラグです、皆さん。 しかし、それが私が言及していたものであり、WPエンジンがこれをどのように解決しているかです. 私たちは基本的に開発者の労力を費やしてきました。私はそれを呼びたいのですが、今お話ししたすべてのことを配線しなければならないという苦痛のステーキです、Doc。

もし私が開発者であり、私の会社や私のチーム、あるいは私がエージェンシーに所属している場合、エージェンシーは「フラン、あなたはこのサイトをコーディングしなければなりません。 サイトの所有者は、WordPress を CMS として使用したいと考えていますが、WordPress のプロのためにヘッドレス化を望んでいます。」

Atlas プラットフォームである Doc を使用すると、2 ～ 3 回クリックするだけで設定が完了し、コンテンツ エディターは「ああ、すごい。 プレビューまたは公開できます。 これは基本的に、従来の WordPress の意味で使用していたワークフローと同じです。 しかし、今は頭がありません。 そして、私はそれについて知る必要さえありません。」 基本的にパロディだから。 同じ流れです。 それがWP Engineが解決したことです。

DP:では、長所と短所をもう一度おさらいしましょう。 そのため、プロはセキュリティの読み込みが速く、将来の証明が可能であり、コンテンツ管理が容易になると述べてきました.

短所としては、ほとんどのプラグインはおそらく機能しないように思われるため、必ずしも完全なエコシステムが存在するわけではありませんが、その一部は存在します。 また、広い意味で、ヘッドレスの WordPress サイトを構築している場合、JavaScript の知識が必要になる可能性があります。コンテンツ、それをどのようにプッシュしてライブに移行するか。 ワンクリックのプロセスではなく、ライブのようなものです。

FA: 100% ええ、基本的にコマンド ライン、ターミナルに移動する必要があります。リポジトリを処理し、ブランチをチェックアウトする必要があります。 うん。 そのため、複雑な学習曲線があります。

DP:まあ、休憩するにはいい場所だと思います。 そして、私たちが戻ってきたら、それらの恐怖を克服する方法について話します. ヘッドレスWordPressをやりたいのなら、それらを乗り越える方法. そして、ご存知のように、このエピソードは一種の締めくくりなので、フラン・アグルトの詳細をお楽しみに.

DP: WMR の WordPress コミュニティ ポッドキャスト、Press This を聞いていますね。 毎週、WordPress コミュニティのメンバーにスポットライトを当て、今週は WP Engine の Developer Advocate である Fran Agulto に、ヘッドレス WordPress について話しています。 そして、ショーの前に、フラン、あなたと私はロッククライミングについて話していました. ロッククライミングと同じように、最初に始めたときは高所恐怖症でしたか？

FA:ええ、そうです。 私は間違いなく高所恐怖症でした、ドク、ちょっと言っておきましょう。

DP:健全な恐怖ですね。 そして、そこに何か教訓があるのだろうかと思っています。 多分これはストレッチです。 あなたがどのように感じ、どのようにそれを克服したかについての教訓はありますか? 彼らはおそらくあなたが知っているようなアプリケーションを持っているでしょう。彼らはおそらくヘッドレスWordPressをやっているはずですが、彼らはそのジャンプをすることに神経質になっているだけです. どのようなクロスオーバーがありますか、あなたが持ち込むことができるクライミングの日々。

FA:ええ、もしそうなら、それは実際には良い例えです。 これが問題です。 結局のところ、私が最も恐れているのはドク、それはウェブ開発やロック クライミングに関係していると思います。そのため、これは結婚や子供を持つことなど、人生で何をしていても良い例えです。 . 恐怖は、ほとんどの場合、未知で不慣れなためです。 人間は未知のものを恐れます。

しかし、何だと思いますか？ その恐怖は、慣れれば慣れるほど和らいでいくので、ここで一歩下がってみましょう。 ワードプレス。 Doc、あなたは私よりも長く WordPress ゲームに参加しています。 つまり、私はWordPressを4年間扱っています。 WordPress ゲームに参加してどのくらいになりますか?

DP:ひと月に 4 年のように。 [笑い]

FA:ああ、4 年と 1 か月です。 だから私たちは平等です。

DP:いいえ、私は 1 か月先です! [笑い] いいえ、WordPress の会社などと一緒に働いて 12 年くらいになると思います。

FA:わかりました。

DP:ええ、それはしばらくの間です。

FA:では、これが問題です。 それが最も愛されている CMS である理由は、インターネットの 35 ～ 40% を知らないからです。 WordCamp での Matt Mullenweg の State of WordPress には参加しませんでした。忙しかったからです。 しかし、WordPressは巨大です。 そして、それには理由があります。 早くから登場し、使いやすさで親しまれました。 さて、人々はそれに慣れています。

私がロッククライミングで作りたいパロディは、明らかに高さは高さなので、私はそれを恐れていました. しかし、ロック クライミングで得られる保護を理解すれば、特定の流れに慣れているため、その恐怖は軽減されます。 そして、それがまさに私が入り込んで留まり、ヘッドレス WordPress を提唱し、その JavaScript ブートキャンプに正直に合格したのは、毎日が恐怖だったからです。 私のコードは今日壊れますか? そして、私はこれで何をしているのですか？ しかし、それが問題ですよね？

それは適応の観点からであり、それがWPエンジンがこれに非常に投資されている理由です。これは、Web開発とインターネットの結局のところ、未来はAPI駆動型開発の分離であるためです. そして私たちは、WordPress がもはや誰も使わない古い技術であることを望んでいません。 いわゆるジャムスタックと一緒に導入したいと考えていますが、これは技術的なバズワードですが、JavaScript API マークアップの略です。 一日の終わりに。 これは単に、API エンドポイント (この場合は WordPress) があることを意味します。 そして、そのデータを WordPress から、使用したいフロント エンドで消費します。

さて、フローの観点から、特にWPエンジンが何をしているのか、そして人々がこれをどのように適応させているのかについて、Doc、正直に思います。 それが注目を集めるようになると、開発者関係チームは、参入障壁を減らし、人々がこれにより有効になり、彼らが何に夢中になっているのかを正確に理解できるように支援しています. 繰り返しますが、それは万人向けではありませんが、あなたの要点として、それが必要なものである場合、なんてことだ、賢明な診断のようなものである場合、あなたのサイトはヘッドレスWordPressサイトであるべきです. ええ、その恐怖を軽減するために必要な正常性が間違いなくあります。

DP:もちろんです。 さて、今日は WP Engine の開発者アドボケイトである Fran Agulto とヘッドレスについて話しましたが、これは素晴らしい会話でした。 Fran が取り組んでいることについて詳しく知りたい場合は、Twitter (@fran_the_dev) で彼をフォローしてください。

Press This の今後のエピソード 来週、Nev Harris と話をして、WordPress エージェンシーの不況を証明する方法について話します。 WMR の Press This WordPress コミュニティ ポッドキャストをお聴きいただきありがとうございます。 Twitter @thetorquemag で Torque マガジンの私の冒険をフォローするか、torquemag.io にアクセスして、毎日このようなチュートリアルやビデオ、インタビューを投稿してください。 Torquemag.io をチェックするか、Twitter でフォローしてください。 Press This は Red Circle、iTunes、Spotify で購読できます。また、毎週 wmr.fm から直接ダウンロードすることもできます。 私はあなたのホスト Doctor Popular です。WP Engine での役割を通じて WordPress コミュニティをサポートしています。 また、Press This で毎週コミュニティのメンバーにスポットライトを当てるのが大好きです。