国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

目次
歴史レビュー
アーキテクチャの比較
価格設定
パフォーマンス
安全
拡張性
フロントエンドとバックエンドを分離します
開発者エクスペリエンス
CMSおよびエンドユーザーUX
両方を同時に使用します
それらのどれも使用されていません
選ぶ

WordPressとJamstack

Apr 02, 2025 pm 06:18 PM

WordPressとJamstack

最近、NetlifyのVirtual Jamstack Conferenceでパネルをホストしました。これには、Netlify CEOのMatt Biilmanと自動ファウンダーMatt Mullenwegが含まれます。議論は、多くの人から「Jamstack vs. WordPressの論爭」と見なされていました。

私は個人的にこれについて多くの考えを持っています、そして、私はモデレーターよりもコメンテーターになるのにもっと適していると思います。これは今の私のお気に入りの技術的な議論の1つです!ブログを書くことを許可してください。

ステートメント: AutomatticとNetlifyはどちらもこのWebサイトのアクティブなスポンサーです。私は両方を使用するいくつかの制作サイトを持っています、そして正直なところ、私はそれらすべてを愛しています。これは私が詳しく説明しようとする主要なポイントです。私はたまたまWordPressのWebサイトでこの記事を書いて公開しています。

歴史レビュー

  1. リチャード?マクマナスは、「WordPressの共同設立者Matt MullenwegはJamstackのファンではない」という記事を発表しました。マットは、「Jamstackを採用している大多數(shù)の人にとって、それは反発です」とマットは言いました。
  2. Matt Biilmannは、「Mullenweg and Jamstackについて - 後方または未來?」という記事に、「WordPress時代の終わり」というタイトルのセクションで答えました。
  3. この期間中、人々はコメントしました。 Netlifyの理事會メンバーであるOhad Eder-Pressmanは、公開書簡を書きました。 Sarah Goodingは、WP Tavern(Matt Mullenwegが所有)でいくつかの活動を要約しました。私も関與しています。
  4. Matt Mullenwegは彼のコメントを明らかにし、いくつかの新しいコメントを追加しました。

議論は2020年のJamstack Virtual Conferenceで開催されました?,F(xiàn)在、パブリックビデオレコードはありません(ごめんなさい)。

アーキテクチャの比較

JamstackとWordPressを比較するのは少し奇妙です。本當に匹敵するのは、ウェブサイトを構築するときに選択するすべての可能な方法であるということです。この投稿のほとんどは、これを念頭に置いて、この方法で2つを比較します。それらを直接比較できない理由は次のとおりです。

  • Jamstackは、CDNでの靜的ファイルの使用を促進し、JavaScriptがアクセスして動的なニーズを満たすためにサービスを使用するアーキテクチャの概念の幅広い説明です。
  • WordPressは、ランプアーキテクチャに基づいたCMSです。

2つはまったく同じではありません。

當分の間、アーキテクチャにのみ焦點を合わせる場合、比較するオブジェクトは次のとおりです。

  • 靜的ホスティングサービス
  • ランプ

靜的サービスの例は、Netlifyをホスティング(靜的)に使用し、サービスを使用して実行する必要がある動的操作を行うことです。 Netlify獨自のフォームと認証機能とデータストレージにHasuraを使用するかもしれません。

ランプアーキテクチャでは、MySQLを使用してデータを保存するため、外部サービスを使用する必要はありません。 PHPを使用することもできます。したがって、これ(およびオープンソースソフトウェア)を使用すると、認証に必要なものがすべて揃っています。しかし、それはあなたがサービスを決して使用しないという意味ではありません。サーバー上のテクノロジーをすでに持っているため、サービスの使用頻度が低いだけです。

マットB.コールランプアーキテクチャ「モノマーアーキテクチャ」。 Matt M.はこれに反対し、それを「統(tǒng)合方法」と呼びました。私はコンピューターの科學者ではありませんが、両方の聲明が理にかなっていると思います。これがウィキペディアからの説明です:

[…]モノリシックアプリケーションは、ユーザーインターフェイスとデータアクセスコードがプログラムに組み合わされる?yún)g一層ソフトウェアアプリケーションを説明しています。

この定義により、WordPressはモノリシックな建築のように見えますが、ウィキペディアの記事は続きます。

[…]モノリシックアプリケーションは、モジュール式になるように設計されていないソフトウェアアプリケーションを説明しています。

この観點から、WordPressはモノリシック建築の定義を満たしていないようです。 WordPressのフックおよびプラグインアーキテクチャはモジュラーです。 ?

この2人の大物がこの詳細について議論しているのを聞くのは興味深いでしょうが、ソフトウェアはソフトウェアです。自己ホストされたWordPress Webサイトは、完全なテクノロジースタックを備えたサーバーで実行されます。このサーバーを最大限に活用することは理にかなっています(つまり、統(tǒng)合)。 Jamstackメソッドでは、サーバーは抽象的です。あなたがする必要がある他のすべてのことは、異なるサービス(つまり、統(tǒng)合されていない)に分割されます。

WordPressメソッドは、外部サービスを使用しないという意味ではありません。両方のアーキテクチャでは、StripeなどのeコマースAPIを使用できます。強力なメディアストレージやサービスには、Cloudinaryなどのサービスを使用できます。 WordPressのJetPackサービス(私が使用し、愛する)でさえ、Asset CustodyとSearch Technologiesをクラウドサーバーに移動することにより、サードパーティサービスのように実行される自己ホストのWordPress Webサイトに大きな力をもたらします。両方のアーキテクチャは、テクノロジーのコレクションです。

どちらのアーキテクチャも「カードの家」ではなく、他の建築よりも脆弱ではありません。すべてのWebサイトは、「その強さは最も弱いリンクに依存する」というメタファーを適用する場合があります。 WordPressプラグインが間違ったバージョンを公開するか、アップロード時に何らかの形で壊れている場合、修正するまでWebサイトに問題を引き起こす可能性があります。サーバーレスデータベースのAPIキーが無効である場合、修正するまでJamstack Webサイトに問題がある可能性があります。 Stripeがダウンした場合、サービスを再開するまで、どのタイプのWebサイトでも製品を販売することはできません。

価格設定

WordPress.comには無料プランがあり、これは間違いなくウェブサイトを構築する場所です。 (私にはいくつかあります。)ただし、1か月あたり25ドルのビジネスプランを使用している場合を除き、実際には開発者レベルの機能にアクセスできません。自己ホストされたWordPress自體はオープンソースで無料ですが、自己ホストのWordPress Webサイトを無料で立ち上げる場所を見つけることができません。それは低価格で始まり、その後徐々に増加します。 WordPressを実行するには、ランプホスティングが必要です。ここにかなり安いホスティング計畫があります:

  • Bluehostの「共有」計畫は、月額3.95ドルから始まります。
  • Flywheelの最低計畫は1か月あたり14ドルです。 (このWebサイトでは、Flywheelのプレミアムプログラムを使用しています。)
  • Media TempleのWordPress固有のホスティングは、月額20ドルから始まります。 (このウェブサイトは、長い間Media Templeのプレミアムプログラムを使用してきました。)
  • Automaticのプレス可能なサービスには、月額25ドルから始まる計畫があります。

最初からお金がかかります。

Jamstackは無料で開始するためにより一般的であり、その後、さまざまな時點でコストを負擔します。 Jamstackは比較的新しいため、市場はまだ探求しているように感じます。

  • Vercelは、チームメンバーやパスワードで保護されたWebサイトなどの機能が必要になるまで無料です。パスワードで保護された単一のウェブサイトは、月額150ドルです。追加料金なしでApacheを使用して任意のサーバーに基本認証を追加できます。
  • Netlifyは非常に似ており、より高い計畫で機能を解除し、分析(月額9ドル)や認証(5,000人のアクティブユーザーの場合は月額99ドル)などのペイパーサイト機能を提供します。
  • AWS Amplifyは無料で開始されますが、AWSのすべてと同様に、使用量は、ビルド分、ストレージ、帯域幅など、多くのレベルで數(shù)量ベースのベースで請求されます。 Webアプリケーションには、1日に10,000人のアクティブユーザーがおり、月に2回更新され、1か月あたり65.98ドルかかるという計算の例があります。
  • Azure Static Webアプリはまだ価格設定をリリースしていませんが、ほぼ間違いなく無料のティアまたは無料で使用できるか、どういうわけかがあります。

このすべては、NetlifyがJamstackスペースの唯一のプレーヤーではないことを思い出させます。 Jamstackは、靜的ホスティングサービスを意味します。

Jamstackのような一般的な聲明を作成することはできません。これは、Webサイトの使用とWebサイトのニーズに大きすぎます。高い使用法と多くの高度なサービスのために、Jamstack(ServerLessのように)は非常に高価になる可能性があります。 Jamstack氏によると、ビジネスの価格は月額3,000ドルから始まり、認証、フォーム、メディア処理などの機能を取得できますが、CMSまたはデータストレージを取得することはできません。

このWordPressサイトはエンタープライズグレードではありませんが、CloudFlareがホストに直接帯域幅を減らすのに役立つと仮定して、ジェットパックのメディアホスティングと検索機能の処理に役立つと仮定して、サーバーには月に約1,000ドルが必要であると伝えることができます。 MailChimpはニュースレターを送信します。 Wufooは私たちのフォームをサポートしています。また、Advanced Custom Fields ProやWooCommerceアドオンなどの有料プラグインもあります。それだけではありません。合計は1か月あたり數(shù)千ドルです。これは統(tǒng)合アプローチに固有のものではありませんが、WordPressのWebサイトのコストも非常に高くなる可能性があることを説明するのに役立ちます。彼らは価格を公開していません(企業(yè)の一般的な戦略)が、Automattic獨自のWordPress VIPホスティングサービスの価格は4桁を超えているため、サードパーティのコンテンツを追加する必要があります。

結論:ここでの価格設定に大きな変化はありません。

パフォーマンス

Webページのパフォーマンスの80%はフロントエンドの問題です。

これは事実ですが、サーバー(初期の20%)にも基づいています。サーバーの最初のリクエストが戻るのに數(shù)秒かかる場合、世界で最も速いインターフェイスは、それほど速く感じられません。高速なWebサイトが必要な場合は、最初のリクエストが非常に高速であることを確認する必要があります。

あなたは何が超速いのか知っていますか?グローバルCDNは靜的ファイルを提供します。バックエンドサーバー、ホスティング、またはCMSの狀況が何であれ、これが達成したいことです。これはJamstack(靜的CDNがサポートするホスティング)の基礎ですが、WordPressがそれを行うことができないという意味ではありません。

netlifyに靜的コンテンツを備えたindex.htmlファイルを配置すると、非常に高速になります。たぶん、あなたの靜的なウェブサイトジェネレーターはそのファイルを生成するでしょう(WordPressからコンテンツを取得する可能性が高いことを指摘する価値があります)。これはとても素晴らしいです。

デフォルトでは、WordPressはグローバルCDNでキャッシュできる靜的ファイルを生成しません。 WordPressは、単一のソースからのリクエストに応答し、PHPを実行し、データベースからコンテンツを要求し、応答をアセンブして、最後にページに戻ります。これは迅速な場合がありますが、グローバルCDNS上の靜的ファイルよりもはるかに安定性が低く、リクエストに圧倒される可能性が高くなります。

WordPressホストはこれを知っており、ホスティングレベルでこの問題を解決しようとしています。 WPエンジンメソッドをご覧ください。何もしないと、ページキャッシングを使用して、Webサイトが基本的にPHPを実行したりデータベースにアクセスせずに靜的資産を返すことができます。また、最適なキャッシングのためにCloudFlareとの連攜など、他のさまざまなキャッシュ技術も採用しています。私のshoptalkshow.comのウェブサイトは、私がこれを書いていたときに実際にダウンしていました。私はホストフライホイールに手紙を書き、何が起こったのかを見ました。私がそこに行ってステージングサイトを開いたとき、私は間違った切り替えを切り替えて、彼らのキャッシュをオフにしたことがわかりました。ウェブサイトはトラフィックを処理できず、直接クラッシュします。キャッシュスイッチをオンに戻すと、すぐに問題が解決しました。私はウェブサイトの前でCloudFlareを使用していませんが、そうすべきです。

CloudFlareは、WordPressをより速くするための魔法のヒントの一部です。自己ホストされたWordPress Webサイトの前に置くだけで、速度と信頼性を向上させる上で大きな役割を果たすことができます。不足している部品の1つは、HTML自體の優(yōu)れたキャッシングです。これは今月解決し、現(xiàn)在もキャッシュできるようになっています。興味深いことに、WordPressのキャッシュは、キャッシュ要求を靜的HTMLおよび靜的資産として要求し、最終的にはJamstackの本質であるグローバルCDNから提供することを意味します。

Matt M.は、WordPress.comが特定のトラフィックレベルで起動したグローバルCDNを使用していると述べました。 CloudFlareなのかどうかはわかりませんが、疑いはありません。

WordPressサイトの前でCloudFlareを使用した後、私が見る最初の応答番號は、CloudFlareのないNetlifyサイトと同じです(Netlifyホストサイトの前でCloudFlareを使用することをお勧めしないため)。これは2桁のミリ秒の數(shù)値で、非常に良いです。

これから、パフォーマンスの議論はフロントエンド固有になります。フロントエンドの速度戦略は、バックエンドサーバー、ホスティング、またはCMSの狀況に関係なく同じです。

安全

ハッキングされたWordPress Webサイトについては、Jamstack Webサイトよりも多くのストーリーがあります。しかし、WordPressの安全性が低いと言ってもいいですか? WordPressは約20年前から存在しており、その上に構築されたWebサイトの數(shù)はJamstackよりも桁違いに大きくなっています。セキュリティは別として、これらの數(shù)字を考慮すると、WordPressからより多くの話が聞こえます。

Matt Mは、Whitehouse.govはWordPressを使用していると述べました。これは明らかに最高レベルのセキュリティを必要とするWebサイトです。これは、WordPress自體が安全でないソフトウェアであると言うことではありません。重要なのは、それをどのように使用するかです。パスワードは安全ではありませんか?どんなプラットフォームを使用しても、安全ではありません。サーバー自體がファイルの許可またはアクセスレベルを渡すことは安全ではありませんか?これは完全にソフトウェアのせいではありませんが、ソフトウェアのためにこの狀況にある可能性があります。 WordPressの最新バージョンを実行していますか?使用量はせいぜい分散され、バージョンが古いほどセキュリティが少なくなります。厳しい。

媒體を攻撃することを検討する方が面白いかもしれません。つまり、どのポイントがハッキングされる可能性があるかということです。靜的ファイルが靜的ホスティングにある場合、攻撃ベクトルは非常に小さいと言っても安全だと思います。しかし、まだいくつかあります:

  • ホスティングアカウントがハッキングされる場合があります
  • Gitリポジトリがハッキングされる場合があります
  • CloudFlareアカウントがハッキングされる場合があります
  • あなたのドメイン名が盜まれる可能性があります(それは起こります)

WordPressのWebサイトにも同じことが言えますが、次のような他の攻撃ベクトルがあります。

  • サーバー側のコード:XSS、悪いプラグイン、リモート実行など。
  • データベースの脆弱性
  • WordPressの古いバージョンを実行します
  • システムへのログインはウェブサイト自體にあります。たとえば、悪者は/wp-login.phpを攻撃することができます

WordPressのWebサイトにはより多くの攻撃ベクトルがあると言ってもいいと思いますが、どのWebサイトも多くのメディアを持っています。任意のWebサイトのホスティングアカウントは主要な媒體です。 DNSチェーン內の何でも。ログイン情報を備えたサードパーティサービス。 APIキーを持つコンテンツ。

個人的な経験:このウェブサイトはWordPressを使用しており、ハッキングされたことはありませんが、試されていないからではありません。靜的なWebサイトジェネレーターのみで構築されたサイトよりも、WordPress Webサイトのセキュリティについてもっと考える必要があると感じています。

拡張性

方法を拡張するにはお金がかかります。このWordPress Webサイトは大規(guī)模に拡張されていませんが、エントリーレベルのサーバーよりも厳しい拡張が必要です。私はCloudFlareを通じてすべてのトラフィックを提供しているので、過去30日間のピークデータは、私が月に5 TBの帯域幅を提供していることを示しています。

Netlifyビジネスプラン(1か月あたり600 GBのトラフィックを取得し、100 GBの追加ごとに20ドルを請求します)では、計算は979ドルです。このウェブサイトが月に約1,000ドルのサーバーが必要であることを前に言ったときのことを覚えていますか?これらの數(shù)字を実行する前にこれらを書いたので、非常に近かった(すごい)。このウェブサイトの規(guī)模では、JamstackはWordPressに匹敵します。すべてのホストは帯域幅を請求し、過剰充電制限を持っています。 Amplifyは、15 GBの毎月のキャップを超える帯域幅の場合、GBあたり0.15ドルです。毎月の訪問者キャップに基づいて、フライホイール(私のWordPressホスティング)が請求され、キャップを超えた後、1,000人あたり1ドルが請求されます。

WordPress拡張ストーリーは次のとおりです。

  • それを処理できるホストを使用し、獨自の成熟したキャッシングポリシーを持つことができます。
  • すべてのCDN(これは通常、CloudFlareを前に置くことを意味します)。
  • 最終的に、あなたはそれを支払うでしょう。

Jamstack拡張のストーリーは次のとおりです。

  • ホストとサービスの両方がスケーリング用に構築されています。
  • このサービスがこれを処理できるかどうか、または移行が必要かどうかについてあまり考える必要はありませんか?そのような拡張の問題。
  • 各サービスのあらゆる側面に注意が必要な価格があるという事実について、さらに考慮する必要があります。
  • 最終的に、あなたはそれを支払うでしょう。

WordPressホスティングを移行して、Webサイトの現(xiàn)在のニーズに合ったホストを見つける必要がありました。 WordPressのWebサイトを移行するのは簡単ではありませんが、別のCMSに移行するよりもはるかに簡単です。たとえば、ヘッドレスCMSでJamstack Webサイトを構築し、価格が高すぎると、移行コストはホストの切り替えよりも大きくなります。

先日(Slackの會話で)、2つのパフォーマンスを比較することについて(Slackの會話で)Dave Rupertが好きでした。

Jamstack:何でも使用して物を構築します。あなたを助けることができるアドオンがいくつかあり、私たちのものを使用してCDNに展開してクラッシュしないようにします。

WordPress:私たちのものを使用してあなたのものを構築します。あなたを助けることができるいくつかのアドオンがあります、あなたはそれがクラッシュするのを防ぐために特定のホストを使用する必要があります。

他のタイプの「拡張機能」があります。私が考えているのは、ユーザーやその他のものの數(shù)です。これは、価格設定階層で使用されるさまざまなサービスの理解可能なメトリックです。しかし、WordPressではそれは無料です。好きなだけユーザーを獲得し、好きなだけ細心の注意を払うことができます。これはCMSだけなので、他のサービスを追加すると、ユーザーごとに請求される場合があります。チームアカウントのユーザーごとにvercelまたはnetlify料金。コンテンツフル(人気のあるヘッドレスCMS)は、月額489ドルから始まります。 GitHubのチーム層でさえ、無料のアカウントが提供していない機能が必要な場合、ユーザーあたり4ドルかかります。

フロントエンドとバックエンドを分離します

これは、JamstackでWebサイトを構築することに人々が興奮する大きな要因です。私のウェブサイトのすべての機能とコンテンツがAPIの背後にある場合、フロントエンドは好きなように構築できます。

  • 完全に靜的なWebサイトを構築したいですか? OK、ビルドプロセス中にそのAPIにアクセスして、これを行います。
  • ReactやVueなどを使用して、クライアント側のレンダリングされたWebサイトを構築したいですか?非常に良い、クライアントアクセスAPI。
  • 真ん中を分割し、いくつかのクライアント側のレンダリング、サーバー側のレンダリングを分割したいですか?かっこいい、これはあなたが好きなだけアクセスできるAPIです。

この柔軟性は、真新しいビルドでは優(yōu)れていますが、人々は理論的な將來の柔軟性にも同様に興奮しています。すべての機能とコンテンツがAPI駆動型である場合、フロントエンドとバックエンドを完全に分離できます。つまり、將來、どちらか側をより柔軟に変更できます。

  • APIがフロントエンドが期待していることを出力し続ける限り、フロントエンドに影響を與えることなくバックエンドを再び編成できます。
  • 必要なデータを取得している限り、バックエンドに影響を與えることなく、フロントエンドを再び作成できます。

特定のサイズとサイズのWebサイトの場合、この分離は「將來的には安全」と感じています。これらのサイズの數(shù)値が何であるかを正確に特定することはできませんが、それらは存在します。

1つの當事者や他の當事者に適合するためだけに主要なWebサイトの再編成を行ったことがあるなら、バックエンドとフロントエンドを分離するシステムに移動する賢明な動きを確かに感じています。

WordPressのWebサイトを取り外すことができます(「両方を使用する」セクションで説明します)が、デフォルトでは、WordPressは非常に統(tǒng)合されたソリューションであり、WordPress固有のAPIを使用してPHPのテーマから構築されます。分離はまったくありません。

開発者エクスペリエンス

Jamstackは、開発者エクスペリエンス(DX)をほぼ優(yōu)先しています。 「ローカルの最適性」と呼ばれる人もいます。つまり、Jamstackのデザインは、ローカル開発(およびローカル開発者)の體験を中心に展開しています。

  • 地元で作業(yè)する必要があります。あなたはあなた自身の快適な(ローカル、速い、カスタム)開発環(huán)境で働いています。
  • Gitは最初の市民です。生産ブランチ(マスターやメインなど)にプッシュし、ビルドプロセスが実行され、Webサイトが展開されます。プルリクエストごとに、プロダクションWebサイトのプレビューURLを取得することもできます。これは、印象的に強力な機能です。
  • 好きなツールを使用してください。ヒューゴでウェブサイトを事前に構築したいですか?やるだけ。學校でCreate-React-Appを學びましたか?使用されていますが。最新のフレームワークを試してみませんか?たとえあなたが試していても。リポジトリに必要なフォルダーを構築および展開できるという事実を利用して、獨自の方法を自由に構築できます。
  • あなたがする必要のないことも重要です。 HTTPSに対処する必要はありません。キャッシュに対処する必要はありません。ファイルアクセス許可を心配する必要はありません。CDNを構成する必要はありません。上級開発者でさえ、これ以上やる必要がないことを高く評価しています。

これは、WordPressが開発者エクスペリエンスを考慮していないということではありません(たとえば、ビルディングブロックのような有用な操作を行うCLIがあります)が、DXはプロジェクトの中核ほど重要ではないと思います。

  • WordPressをローカルで実行するのは難しく、 (x)AMPスタックを何らかの形で実行する必要があります。フライホイールの地元に感謝します。いくつかのガイダンスがありますが、優(yōu)先事項のようには感じません。
  • Gitに何を入れるべきですか?今日まで、私はまだあまり明確ではありませんが、基本的に /WPコンテンツフォルダー全體を使用することにしました。私にとって、ガイダンスや明らかなベストプラクティスがないことは奇妙に感じます。
  • 獨自の展開に責任を負う必要があります。 WordPressの専用ホストでさえ、これを実際にはしません。これは主に単なるものです。これはあなたのSFTP資格情報です。
  • 優(yōu)れたローカル開発と展開パイプラインのセットアップがある場合でも(私は私のものに非常に満足しています)、これはデータベースの動きには本當に役に立たないので、自分で責任を負う必要があります。

これらはすべて解決できる問題であり、WordPressコミュニティは膨大であり、多くの関連情報を見つけることができますが、WordPressがDXをそのコアにしていないと言ってもいいと思います。これらすべての年の後でも、それはまだワイルドウェストに少し似ています。

実際、私は多くの人々が、健全な地元の開発環(huán)境に対する勵ましの疎外のために、単に地域の開発環(huán)境を持っていないことを発見しました。それは逸話ですが、今では他の人のウェブサイトに完全に生産のみの2回関與していることに気付きました。それらが非常に単純なサイトであり、デフォルトの動作を大部分が持っている場合、それは別の話ですが、これらのサイトはそうではありません。それらは非常に複雑であり(このサイトよりもはるかに複雑です)、パブリックユーザーログイン、有料のメンバーシップと許可、ページビルダー、カスタムショートコード、カスタムCSS、および多數(shù)のアクティブパーツを含みます。これは私をとても怖がらせます。何も觸れたくない。彼らはその場でPHPを編集して、人々が冗談を言っているように、デニムのコーディングについてです。構文エラーを使用すると、Webサイトがクラッシュし、表示されているページもクラッシュします。

特に優(yōu)れたDXなしでWordPressを動かすことは非常に興味深いです。 DXがなければ、Jamstackはありません。これは完全に開発者向けです。 WordPressの場合、ほとんどのWebサイトには開発者がまったくない場合があります。 WordPress.comの場合はインストールされています(またはアクティブ化されています)、Webサイトの所有者はそこから始まります。ウェブサイトの所有者開発者のようなもので、多くの力がありますが、まったくコードを書くことはできません。

これを行うために、WordPressはDXよりもUXに焦點を當てていると言いたいと思います。これは非常に重要な部分です…

CMSおよびエンドユーザーUX

WordPressは非常に良いCMSです。たとえあなたがそれを気に入らなくても、それが好きな人がたくさんいます。データはそれをすべて語っています。 WordPressを使用してWebサイトを構築することに決めた場合、必要なほぼすべてのタイプのWebサイトを構築する能力が多くなります。 WordPressで起こる可能性は低いです、私は行き止まりに自分自身を押し進めています。

これは大したことです。ジェンはこれを指摘し、WordPressを使用する人は開発者のニーズよりも重要であると指摘しています。

WordPressは多くのことをすることができます:

  • ブログ(またはあらゆる種類のコンテンツ中心のCMSスタイルのWebサイト)…
    • コンテンツプレビューでは、これは可能ですが、Jamstackでは難しいです
  • ユーザー/許可を処理する…
    • 管理者/CMSレベルで
    • ユーザー指向のレベル(フォーラム、サブスクリプション、ソーシャルなど)
  • eコマース
  • フォームの処理
  • プラグインを極端に処理します

Jamstackは間違いなくこれらすべてのことを行うことができますが、今ではWild West EraのJamstackです。データを保存する方法に関するチュートリアルを見ると、通常、クラウドデータベースの単一のCRUD関數(shù)を書く方法を説明することが含まれます。これは根本的なものであり、非常に強力ですが、いくつかのボタンをクリックすることとは大きく異なります。それはまさにWordPressの感じ方です。

Stripe APIを使用して、基本的なJamstack eコマースセットアップをまとめることができると思います。これはかなりクールです。しかし、在庫管理、出荷エリア、製品のバリエーションについて考え始める必要があるとき、そして誰がeコマースの世界で複雑なことを知っているのか、私は緊張します。

開発者は自分でウェブサイトを構築するだけで(私はこれをたくさんしています)、開発者は主に他の人のためのウェブサイトを構築していると思います。ですから、最も重要な質問は、私が構築しているものは、私が構築している人々の能力を高めるのでしょうか?

とにかく優(yōu)れたウェブサイト管理エクスペリエンスを達成することができますが、WordPressは、カスタム開発にあまり労力を費やすことなく、フィールドでサービスを提供することを間違いなく証明しています。

ただし、JamstackにはWordPressに実裝したいヒントがいくつかあります。私にとって重要なトリックは、ユーザーがサビされたコンテンツと更新です。実際、私は今これから利益を得る3つのサイトを持っています。會議に関するウェブサイト、サーバーレスに関するウェブサイト、およびフォントのコーディングに関する今後のウェブサイト。 WordPressは、3つのサイトすべてで間違いなく素晴らしい仕事をすることができます。しかし、私が本當に望んでいるのは、人々がそれを言うことができる方法でコンテンツを更新してコミットできるようにすることです。はい、それは良さそうです、合併。 Jamstackアプローチを採用することにより、コンテンツは公開GitHubリポジトリにあり、誰でも參加できます。

これは素晴らしいと思います。 Netlify CMSにはオープン作成の概念があり、ブラウザでの貢獻経験全體を維持し、編集用のUIを提供するため、必ずしも一般の誰かにGitまたはGithubを理解または理解する必要はありません。

両方を同時に使用します

これは私がよく言及されていることがよくある重要な質問です。 Netlify自體でさえ「反対はない」と言っています。

問題はこれです:

  • 「Jam」の「A」はAPIの略です。 APIを使用して、ビルド時またはクライアントでWebサイトを構築します。
  • WordPressのWebサイトには、デフォルトでREST APIがあります(また、GraphQL APIを持つこともできます)。
  • したがって、このAPIを使用して、Jamstack WebサイトでCMSデータを取得します。

はい、それは完全に大丈夫です。これは機能し、人々はそれをしています。これはクールだと思います。

しかし……

  • Jamstack Webサイトの外でWordPress Webサイトを実行していることは、WordPress WebサイトとJamstack Webサイトを実行していることを意味します。これには、コストと技術的な負債が発生します。
  • 通常、WordPressのすべての価値を取得しません。 APIを使用してデータを取得することはおそらくすべてですが、これはWordPressテーマを構築するための非常に異なる方法です。 WordPressから他の値は得られません。私が考えているのは、このような狀況です。あなたはあなたのウェブサイトに派手なグーテンバーグブロックを追加するクールなプラグインを見つけます。これはWordPressサイトで「Just Run」ですが、APIからHTMLを抽出しているだけでは機能しない特別なフロントエンド動作がある場合があります。フロントエンドのホスティング場所に合流する方法を自分で把握し、更新を自分で維持するために必要ないくつかの追加のスクリプトとスタイルが含まれている場合があります。

ユニークな「両方を使用する」アプローチを持つすべての參加者は次のとおりです。

  • Frontity:WordPressのReactフレームワーク。その背後でそれを実行し、ノードサーバーとWordPress Webサイトを使用できます。ノードサーバーはHTMLに反応するため、すべてのページに対してサーバー側のレンダリングを行うことができますが、それでもSPAを構築できます。
  • WP2STATIC:Webサイトの靜的バージョンを構築し、変更が行われたときに自動的に展開するWordPressプラグイン。
  • Strattic:WordPressを通常使用できるダイナミックワードプレスWebサイト(「ステージング」と呼んでいます)をホストしています。その後、展開することを選択できます。また、それらはあなたのためにあなたのウェブサイトの靜的バージョンをホストします。
  • Shifter:Shifterは、WordPress Webサイトをホストしています。 2つのオプションがあります。1)ヘッドレスに実行(データを取得するためにAPI、REST、またはGraphQLにアクセスするだけです)または2)靜的に実行する(WordPressに必要なものがすべてある場合、Webサイトの靜的バージョンを作成するか、ホストするか、Netlifyのような場所でプッシュすることもできます)。

両方を統(tǒng)合する他の多くの方法があります。 GeoffとSarahは、Vue/NuxtをRest APIで使用し、Netlifyでホストすることで、WordPressとJamstackの使用方法について話しています。

それらのどれも使用されていません

これが不明な場合に備えて、ウェブサイトを構築する方法は間違いなく多くの方法があります。 RailsのWebサイトでRubyを構築している場合、JamstackWordPressではありません。サーバーが必要であり、そのサーバーを使用してできるだけ多くのことを行うため、WordPressのWebサイトのようなものと考えることができます。また、APIと組み合わせサービスが靜的にホストされていなくても、組み合わせサービスを奨勵するため、Jamstackのようなものだと考えることもできます。

ネットワークは大きいです、男、それはゼロサムゲームではありません。 WordPressが成長し続け、ネットワーク自體が成長しているため、Jamstackが成長し続けることを完全に期待しています。たとえ市場シェアの割合のみを考慮したとしても、私はまだ両方が成長し、他のものをより小さなセグメントに押しやると思います。

選ぶ

ここでは議論しません。それは私が好意を避けるからではなく、それが必要ではないからです。そこにある開発者が、WordPressメソッドを使用してWebサイトを構築するかどうかを決定しようとしている爪を噛んでいるのを見ません。テクノロジーが十分に理解されるポイントに達し、プロセスは次のとおりです。

  1. 適切な服を著てください
  2. ニーズと結果の評価
  3. テクノロジーを選択します

以上がWordPressとJamstackの詳細內容です。詳細については、PHP 中國語 Web サイトの他の関連記事を參照してください。

このウェブサイトの聲明
この記事の內容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當する法的責任を負いません。盜作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undress AI Tool

Undress AI Tool

脫衣畫像を無料で

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード寫真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

寫真から衣服を削除するオンライン AI ツール。

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中國語版

SublimeText3 中國語版

中國語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統(tǒng)合開発環(huán)境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

「レンダリングブロッキングCSS」とは何ですか? 「レンダリングブロッキングCSS」とは何ですか? Jun 24, 2025 am 12:42 AM

ブラウザは、特にインポートされたスタイルシート、ヘッダーのインラインCSS、および最適化されていないメディアクエリスタイルを使用して、ブラウザがインラインおよび外部CSSをデフォルトで主要なリソースとして表示するため、ページレンダリングをブロックします。 1.重要なCSSを抽出し、HTMLに埋め込みます。 2。JavaScriptを介して非クリティカルなCSSの読み込みを遅らせる。 3.メディア屬性を使用して、印刷スタイルなどのロードを最適化します。 4.リクエストを減らすためにCSSを圧縮およびマージします。ツールを使用してキーCSSを抽出し、REL = "Preload"非同期負荷を組み合わせ、過度の分割と複雑なスクリプト制御を避けるためにメディア遅延荷重を合理的に使用することをお勧めします。

外部対內部CSS:最良のアプローチは何ですか? 外部対內部CSS:最良のアプローチは何ですか? Jun 20, 2025 am 12:45 AM

TheBestAppRoachforCSDependsonTheProject'sSpecificNeeds.forLargerProjects、externalCssissisbetterduetoMaintainasiladability; forsmallerProjectsOrsingLe-PageApplications、internalcsSmightBemoresuitable.it

私のCSSは小文字でなければなりませんか? 私のCSSは小文字でなければなりませんか? Jun 19, 2025 am 12:29 AM

いいえ、CSSDOESNOTHAVETOBEINLOWERCASE。

CSSケース感度:重要なことを理解する CSSケース感度:重要なことを理解する Jun 20, 2025 am 12:09 AM

cssismostlycase-inssensitive、buturlsandfontfamilynamesarecase-sensitive.1)propertiesandvalueslikecolor:red; areotcase-sensitive.2)urlsmustmatchtheserver'scase、例えば、/畫像/logo.png.3)

Autoprefixerとは何ですか?それはどのように機能しますか? Autoprefixerとは何ですか?それはどのように機能しますか? Jul 02, 2025 am 01:15 AM

Autoprefixerは、ターゲットブラウザスコープに基づいてCSS屬性にベンダープレフィックスを自動的に追加するツールです。 1.エラーで接頭辭を手動で維持する問題を解決します。 2. PostCSSプラグインフォーム、CSSを解析し、プレフィックスする必要がある屬性を分析し、構成に従ってコードを生成する屬性を分析します。 3.使用手順には、プラグインのインストール、ブラウザーリストの設定、ビルドプロセスでそれらを有効にすることが含まれます。 4。メモには、接頭辭を手動で追加しない、構成の更新を保持すること、すべての屬性ではなくプレフィックスを維持することが含まれ、プリ??プロセッサでそれらを使用することをお勧めします。

CSSカウンターとは何ですか? CSSカウンターとは何ですか? Jun 19, 2025 am 12:34 AM

csScountersCantAnationally-bersectionSandLists.1)usecounter-resettoinitialize、counter-incrementtoincrease、andcounter()orcounters()todisplayvalues.2)を組み合わせたjavascriptfordynamiccontenttoensureaCurateupdatesと組み合わせます。

CSS:ケースはいつ重要ですか(いつそうではありませんか)? CSS:ケースはいつ重要ですか(いつそうではありませんか)? Jun 19, 2025 am 12:27 AM

CSSでは、セレクターと屬性名はケースに敏感ですが、値、名前の色、URL、およびカスタム屬性はケースに敏感です。 1.バックグラウンドカラーや背景色など、セレクターと屬性名はケース非感受性です。 2。値の16進數(shù)色は大文字と小文字を區(qū)別しますが、赤と赤などの名前の色は無効です。 3. URLは癥例に敏感であり、ファイルロードの問題を引き起こす可能性があります。 4.カスタムプロパティ(変數(shù))はケースに敏感であり、使用する場合はケースの一貫性に注意を払う必要があります。

CSSの癥例感度:説明されたセレクター、プロパティ、および値 CSSの癥例感度:説明されたセレクター、プロパティ、および値 Jun 19, 2025 am 12:38 AM

cssselectors andpropertynamesarecase-inssensitive、whilevaluescanbecase-sensitivedingoncontext.1)selectorslike'div'andiv'areequivalent.2)propertiessuchas'background-color'and'background-color'arecase-sensens

See all articles