静的サイト

静的サイトとは、事前に用意したHTMLなどのファイルを、利用者のリクエストに応じて配信するWebサイトです。ページを配信するたびに、サーバーがデータからHTMLを組み立てる構成とは区別します。[1]

静的Webサイト、Static Websiteとも呼びます。「静的」はファイルを配信する仕組みに着目した言葉で、画面に動きがないことや、JavaScriptを使わないことを意味しません。[3][4]

静的サイトのファイルは、直接作成する方法でも、生成用のソフトウェアで事前に作る方法でも用意できます。サーバーが閲覧のリクエストごとにHTMLを生成するのではなく、配信するファイルを先に用意する点が共通します。[1][4]

HTMLなどのファイルを用意する

HTMLやCSSなどを編集してページを作り、公開先に配置する方法です。ページの内容を変えるときは、配信するファイルを更新します。[1]

たとえば、会社案内の文章をHTMLファイルに記述して公開する形が考えられます。コーディングでファイルを作ることと、そのファイルを利用者へ配信することは、別の作業です。

静的サイトジェネレーターで生成する

静的サイトジェネレーター（SSG）は、入力したコンテンツから、ブラウザーで表示できる静的なファイルを生成するソフトウェアです。公開前のビルドでHTMLを生成し、できあがったファイルを配信します。[2][4]

たとえば、記事の文章を入力データとして用意し、共通のレイアウトへ組み込んだHTMLを事前に出力する使い方です。生成を自動化しても、閲覧のリクエストより前にページを用意するという特徴は変わりません。

違いの中心は、HTMLを生成する時点です。静的配信では閲覧前にファイルを用意し、サーバー側で動的に生成する構成ではリクエストを受けて内容を組み立てます。[1][2]

SSGを使うときの事前生成と、閲覧時の生成を区別すると、同じHTMLがブラウザーに届くまでの仕組みを整理できます。

事前に用意したページでも、JavaScriptによる操作や、APIから取得したデータの表示を組み合わせられます。静的なファイルの配信と、ブラウザー側で行う処理は両立します。[2][3][4]

配信するHTMLを事前に作ることと、表示後に画面の内容を変えることは別です。「静的だから内容を更新できない」と捉えず、ファイルを作成・更新する処理と、利用者のブラウザーで動く処理を分けて理解します。