ギャツビーとは?それはワードプレスの競争相手ですか?

ギャツビーとは


2020年にウェブサイトやブログを作成するための非常に多くのオプションがあるため、ギャツビーと呼ばれるこの新しいものがあります。これは、WordPress、Joomlaなどの従来のパスに代わる実行可能な代替手段となる、ゲームの最年少プレーヤーです。またはそれは?とにかくギャツビーとは何ですか?ギャツビーにサイトを設定してデプロイするのは簡単ですか? GatsbyとWordPressの違いは何ですか?それは答えるべきたくさんの質問です.

これは、Gatsbyの使用を開始するためのステップバイステップガイドであり、WordPressと比較してどのように機能するかを示しています。この投稿の終わりまでに、ギャツビーがあなたのウェブサイトのニーズに合っているかどうかに答える立場にあるはずです.

ギャツビーとは?

ギャツビー

への最も簡単な答え "ギャツビーとは" 質問はこれです: ギャツビー (別名。GatsbyJS)は、ReactJSに基づいて構築された静的サイトジェネレーターです。.

最も単純な定義では、静的WebサイトはHTMLページのグループであり、閲覧者がアクセスしたときにデータベースからデータを引き出しません。したがって、静的サイトはすべての訪問者にとって同じように見えます。サーバーがすべての訪問者に同じ応答を送信するため、静的サイトもロードが高速です。ただし、訪問者向けにコンテンツをカスタマイズすることはできません.

一方、WordPressでホストされているWebサイトは動的であるため、表示されるコンテンツは訪問者によって異なります。サーバーは各リクエストを分析し、応答方法を決定します.

aのアイデア "静的なWordPress Webサイト" これは、このブログの以前の投稿の1つ、つまり別名で調査したものです。ヘッドレスワードプレス。ギャツビーは、静的なWordPressまたはWordPressの静的な代替を可能にするもう1つのテクノロジーです。.

ギャツビーを使い始める

さて、ギャツビーが何であるかがわかったところで、それを始めるための最良の方法を学びましょう:

GatsbyはReactを使用して構築されているため、JavaScriptとそのフレームワークについての知識が必要です。これは、WordPress開発者向けのJavaScriptに関するチュートリアルです。.

Gatsbyでサイトの開発バージョンを作成する前に、最初のステップは、システムにGatsbyをインストールする準備をすることです。 GatsbyはReactを使用して構築されているため、パッケージ管理はNodeJSインストールの一部であるnpmを介して行われます。.

開発マシンがWindowsまたはMacOSで実行されている場合は、次のいずれかを使用できます。 NodeJSダウンロードページのインストーラー. Linux環境では、yumやaptなどのパッケージインストーラーを使用してインストールできます。.

sudo apt update
sudo apt install nodejs npm

さらに、Gatsbyでは、開発Webサイトを作成するための前提条件として、バージョン管理ツールであるGitをインストールする必要があります。に向かいます gitのダウンロードページ インストーラーを取得します。 GitHub DesktopやSourceTreeなど、GitのGUIエージェントをすでに使用している場合でも、ターミナルでコマンドとして使用するには、Gitを個別にインストールする必要がある場合があります。.

要件がインストールされたら、ついにギャツビーをインストールする準備が整います。これは クイックスタートガイド ギャツビーのドキュメントから.

Windowsのアプリケーションの一部として付属するNodeJSコマンドプロンプトを開きます。これは、スタートメニューから実行できます。 LinuxやMacOSなどのUnixベースのシステムでは、ターミナルにコマンドnodejsを入力して、NodeJSコマンドプロンプトを起動できます。 GatsbyJSをインストールするには、npmインストーラーを使用します。 -gオプションは、システム内のすべてのユーザーがパッケージを使用できるようにします.

npm install -g gatsby-cli

インストーラーは、パッケージのすべての依存関係を処理します。インストールが成功したら、最初のGatsbyJSサイトを作成する準備ができました.

初めてのギャツビーサイトを作成する

Gatsbyサイトを作成するには、NodeJSコマンドプロンプトで次のコマンドを実行する必要があります.

ギャツビーの新しいマイサイト

これはGitを必要とするステップです。新しいGatsbyインスタンスを作成すると、 デフォルトのスターターテーマ ギャツビーの、それをディレクトリmy-siteに保存します。ギャツビーのスターターテーマについては、次のセクションで説明します.

Webサイトの開発バージョンをプレビューするには、アクティブディレクトリを新しく作成したmy-siteディレクトリに変更し、開発サーバーを実行します.

cd my-site
ギャツビー開発

成功メッセージが表示されたら、http:// localhost:8000にアクセスして、Webサイトの現在のバージョンを確認します。ほとんどの場合、次のようになります。

最初のサイト

コンテンツに変更を加える前に、Webサイトの製品ビルドを作成するプロセスを見てみましょう。 Webサイトの静的ページの構築を開始するには、次のコマンドを使用します。

ギャツビービルド

静的ファイルがmy-site内のパブリックディレクトリに作成されていることがわかります。ローカルHTMLサーバーを起動して、静的で運用可能な形式でWebサイトを表示するには、次のコマンドを使用する必要があります。 serveを実行する前にbuildコマンドを使用する必要があることに注意してください.

ギャツビーサーブ

成功メッセージに示されているように、http:// localhost:9000にアクセスして、新しく作成したWebサイトの静的バージョンを確認できます。.

ギャツビーのスターターとテーマ

空のギャツビーサイトをインストールすると、 GitHubのデフォルトのスターターテンプレート. スターターは、Gatsby CLIを介して複製および再利用できる、完全に機能するGatsbyサイトです。あなたのウェブサイトを構築するための最初のテンプレートのようなスターターを考えることができます。 GatsbyJSコミュニティは、ブログ、eコマース、ドキュメントなどのさまざまなニーズを念頭に置いて、多くのスターターを構築しています.

ギャツビーは維持する スターターライブラリ 使用できるすべてのスターターを文書化します。 2019年4月の時点で、150を超えるスターターの選択肢があります!

ギャツビースターター

スターターは、ユーザーがほとんどすぐにWebサイトを構築するための優れたプラットフォームを提供しますが、より深刻な開発シナリオでは実際には優れたアイデアではありません。これの主な理由は、時間の経過とともにスターターを更新できないことです.

2018年後半、ギャツビー テーマの概念を紹介しました. これにより、gatsby-config.jsファイルを使用して再利用可能なテーマを作成できるようになりました。これは、特にWordPressと比較した場合、ギャツビーの機能とその機能に大きな変化があります。.

有る 開発者のコ​​ミュニティ ただし、Gatsbyテーマの場合、本番環境に対応したテーマに到達するには、WordPressでまったく問題のないことを行う必要があります。.

ギャツビーへの移行

投稿をGastbyに取り込む最も簡単な方法は、Markdownを使用することです。ブログに関係なく、結果をMarkdown形式にエクスポートして、すべてをGatsbyに移行する必要があります。.

そうは言っても、WordPressを含むほとんどのWebサイトプラットフォームでは、Markdownエクスポートをそのまま利用できないので、まずコンテンツをHTMLまたはXMLにエクスポートしてから、すべてをMarkdownに変換する必要があります。 Markdownページの準備ができたら、ここに Markdown投稿のリストを追加するためのガイド ギャツビーへ.

開発マシンにWordPressとGatsbyの両方がインストールされている場合は、npmでgatsby-wordpress-migrateパッケージを探索することをお勧めします。パッケージページには、 WordPressから移行する.

さらに、WordPressの最新バージョンからの移行は、WordPress REST APIを使用すると簡単になる場合があります。ここにステップバイステップガイドがあります GraphQLとWordPress Rest APIを使用してWordPressブログから投稿を取得する方法 ギャツビーへ.

ギャツビーの長所と短所

ギャツビーを使用することには、潜在的なユーザーにアピールする特定の利点があります。 Gatsbyで構築されたサイトは、基本的には単一ページのアプリケーションです。つまり、内部リンクをクリックしても、まったく新しいリソースを読み込む必要がなくなるため、多くのHTTPリクエストを節約できます。 WordPressでは、サイトが速度に対して最適化されていること、または画像も最適化されていることを確認するために、特定のベストプラクティスに従う必要があります。.

たとえば、ギャツビーでは、画像の最適化は自動的に行われます。まず、Gatsbyは画像からすべてのメタデータを削除し、サイズを変更して圧縮し、遅延読み込みも実装します。 WordPressでは、次のようなサービスを使用することをお勧めします Optimole 画像最適化用.

さらに、ギャツビーは、バンドルや 縮小 それらを提供する前にあなたのウェブサイトのリソースの。最後に、Webサイトは静的であるため、プッシュが到着するとすぐに更新が製品版に反映されます.

全体として、静的サイトは、サーバー自体の破壊を除いて、ハッカーが侵入できる場所が本質的に存在しないため、より安全です。 WordPressを使用すると、誰もが基本的に生のPHPファイルにアクセスでき、複数の異なる攻撃に対して脆弱になる可能性があります。多くのWordPressサイトが同時に20を超えるプラグインを使用しているため、これらのプラグインの1つが悪用され、サイトに侵入するためのゲートウェイとして使用される可能性があります。それはずっと前に起こったように P3プラグイン.

ギャツビー対ワードプレス

この時点で、GatsbyとWordPressの主な違いを理解できます。一方は静的なWebサイトジェネレーターで、もう一方は 本格的な動的ウェブサイトエンジンとCMS, しかし、それぞれの個々の側面をさらに詳しく見てみましょう。

Gatsby vs WordPressで新しいサイトを簡単に作成

WordPressと比較すると、Gatsbyのインストールには同じレベルのスキルが必要だと思います。 WordPressでは、WordPressをインストールする前に、Webサーバー(Apache)、PHP、およびデータベースをインストールする必要があります。.

これは、開発目的でのWordPressのインストールについて説明している場合に特に有効です。つまり、 WordPressをインストールする 手作業で、Webホストの既製のWordPressインストールを利用しない.

Gatsby vs WordPressで空白のサイトを簡単に作成

WordPressと比較して、Gatsbyが何であるかに関して、Gatsbyで空白のサイトを作成することは、ターミナルの使用を伴うため、少し難しいです.

WordPressには、手順を順を追って実行できる優れたインストールウィザードがあり、手動で行う必要があるのはデータベースの準備だけです。.

ギャツビーのテーマとWordPressの比較?

WordPressプロジェクトの成熟度を考えると、WordPressテーマの膨大なコレクションから選択できます。ギャツビーに切り替える場合、テーマをゼロから開発したくない限り、オプションは非常に制限されます。.

言うまでもなく、WordPressでのテーマのインストールと切り替えは非常に簡単で、プログラミングの知識がまったくない場合でも、テーマのカスタマイズはそれほど難しくありません。.

全体として、テーマ部門ではコンテストはありません。 WordPressが支配.

結論

さて、あなたはあなたの答えを見つけたことを願っています "ギャツビーとは?" ここで質問。全体的に見て、ギャツビーはWordPressに飽きてきた、または単に他に何があるかをテストしたい人にとって、本当に興味深い代替案を提示します。.

WordPressは人気、コミュニティ、使いやすさ、およびプラットフォーム全体の全体的な機能の面で明らかに勝者ですが、ネイティブ形式のGatsbyはいくつかの優れた機能も提供します.

このプロジェクトはまだ非常に若く、定期的に新しい機能を追加しています。ただし、ギャツビーの利点を十分に活用するには、JavaScriptとReactに慣れる必要があります。これは、より大きなコミュニティによるギャツビーの採用に対する最大の障害となる可能性があります.

WordPressサイトの高速化に関する速習コースに参加することを忘れないでください。いくつかの簡単な修正により、ロード時間を50〜80%も短縮できます。

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map