ホームページ > ウェブフロントエンド > jsチュートリアル > 静的サイト生成 (SSG) |類推による説明

静的サイト生成 (SSG) |類推による説明

Mary-Kate Olsen
リリース: 2024-11-28 06:28:13
オリジナル
271 人が閲覧しました

Static Site Generation (SSG) | Explanation with Anology

静的サイト生成 (SSG) は、HTML ページが実行時ではなく構築時に生成される Web サイトを構築する方法です。これは、Web サーバーに展開される前に、Web サイトのコンテンツが静的 HTML ファイルに事前レンダリングされることを意味します。


静的サイト生成 (SSG) は、印刷書籍の世界から類推できます。

例え: 発売前に本を印刷する

あなたが新しい本の出版を計画している著者であると想像してください。このシナリオでは、本は Web サイトであり、本のページは個々の Web ページ (ホームページ、概要ページ、ブログ投稿など) です。

  1. 従来の動的 Web サイト (リアルタイム印刷):

従来の Web サイト (動的 Web サイトなど) の場合、誰かが書籍を注文するたびに、出版社は書籍を最初から 1 冊ずつ印刷します。すべての顧客は、本が印刷され製本されるまで、本を入手するまで待たなければなりません。注文が増えるほど、すべての部数を印刷するのに時間がかかり、多くの人が一度に注文する場合 (ウェブサイトが遅い場合)、プロセスが遅くなる可能性があります。

  1. 静的サイトの生成 (印刷済み書籍):

次に、誰かが注文してから本を印刷するのではなく、事前にすべての本を印刷して店舗に在庫することを想像してください。誰かが本を購入しに来たとき(またはウェブサイトにアクセスしたとき)、すぐに印刷済みの本を棚から手に取ることができます。待ち時間はなく、本 (Web ページ) は準備完了です。

これは静的サイト生成 (SSG) に似ており、ユーザーがサイトにアクセスする前にすべての Web ページが生成され、誰かがページをリクエストすると、事前に構築された静的ファイルから即座に提供されます。

この例え話の利点:

スピード: ユーザーが事前に構築された Web ページに即座にアクセスできるのと同じように、顧客は事前に印刷された書籍をすぐに手に取ることができます。

効率: ユーザーごとにページを再レンダリングする必要がないのと同じように、誰かが本を注文するたびに書籍を再印刷する必要はありません。

スケーラビリティ: 顧客が 10 人でも 10,000 人でも、顧客が行う必要があるのは、棚から印刷済みの本を手に取ること (または、事前に作成されたページが提供されること) だけです。

これが SSG にどのように適用されるか:

事前構築: 本は一括印刷されます (ページは構築時に事前レンダリングされます)。

即時アクセス: ユーザー (顧客) がサイト (ストア) にアクセスすると、コンテンツはすでに構築済み (印刷済み) であるため、即座にコンテンツを取得します。

SSG テクノロジーの例: ギャツビー

Gatsby は人気のある静的サイト ジェネレーターです。さまざまなソース (CMS、マークダウン ファイル、API など) からのデータを静的な HTML、CSS、JavaScript ファイルにコンパイルすることで、Web サイトを事前構築できます。ウェブサイトを構築したら、まるで本棚に印刷済みの本を並べるかのように、すぐに公開できます。

要約すると、SSG は発売前にすべての書籍を印刷するようなもので、顧客が来店したときに印刷を待つことなく即座にコピーを入手でき、コンテンツをより迅速かつ効率的に提供する方法を提供します。

以上が静的サイト生成 (SSG) |類推による説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート