動的サイト

動的サイトとは、利用者のリクエストや参照するデータに応じて、ページの内容を生成するWebサイトです。サーバーがデータを使ってHTMLを組み立てる構成が、その典型です。[1]

動的という言葉は、画面にアニメーションがあるという意味ではありません。内容をどこで生成・更新するかに着目し、サーバー側の処理とブラウザー側の処理を分けて捉えます。[2][3]

ページの内容は、サーバーが作って送る方法と、ブラウザーが受け取ったデータを使って更新する方法があります。同じアプリケーションで両方を組み合わせる構成も取れます。[2][3]

サーバーで生成する場合

サーバーはリクエストに応じてデータを取り出し、HTMLのテンプレートに組み込んでページを生成します。MDNの製品ページの例では、製品を識別する情報からデータを取得し、表示するHTMLを作ります。[1]

このようなサーバー側の処理は、バックエンドの役割です。ページの見た目と、そのページにどのデータを使うかという処理を分けて考えます。

ブラウザーで内容を更新する場合

ブラウザー側では、JavaScriptなどを使い、受け取ったデータから画面の内容を生成・更新します。サーバーがデータを返し、クライアント側のコードが表示するという役割分担です。[2][3]

すべての内容をサーバーで完成させて送る構成とは、生成する場所が異なります。画面への表示を担当するフロントエンドと、データを処理する側の役割を区別すると、仕組みを整理できます。

大きな違いは、ページを要求されたときに内容を生成するか、先に用意したファイルを配信するかです。サーバーでHTMLを生成する典型的な構成を、静的配信と比べると次のようになります。[1]

この比較は、ページの生成と配信の方法を整理したものです。ブラウザーがデータを取得して画面を更新する処理もあるため、実際のサイト全体を一つの方式だけで捉えないことが重要です。[2][3]

画面上の動きと、コンテンツを動的に生成する仕組みは別です。JavaScriptは、サーバーから受け取ったページの操作や表示にも使われるため、その有無だけではページの生成方式を判別できません。[2][3]

「画面が動くか」ではなく、「どこで、どのデータから内容を作るか」を見ます。動的な生成を説明するときも、サーバーとブラウザーのどちらが担当する処理なのかを明確にします。