はじめに
「静的サイト」と「動的サイト」という言葉はよく聞きますが、具体的にどう違うのか、どんな場面で使い分けるべきか を整理できていませんでした。そこで、改めてまとめて記事にしてみました。
この記事は個人的なアウトプットを目的として作成したものです。そのため、誤った情報や不足している内容が含まれている可能性があります。もし間違いや気になる点がございましたら、ぜひご指摘いただけますと幸いです。
静的サイト
静的サイト とは、アクセスするユーザーや場所に関係なく、常に同じ内容が表示されるサイトのことです。
静的サイトの使用例
- ポートフォリオサイト（作品紹介ページなど）
- 企業の公式サイト（会社概要や採用情報など）
- マニュアルサイト（製品の使い方ページなど）
これらのサイトは頻繁な更新を必要とせず、誰が見ても同じ内容を提供するため、静的な構成が適しています。
動的サイト
動的サイト とは、ユーザーの情報やリクエストに応じて、異なるコンテンツを表示するサイト のことです。バックエンド（データベースやAPI）と連携し、ユーザーごとに異なる情報を表示できます。
JavaScriptを使用してアニメーションや動きをつけることは可能ですが、それだけでは 動的サイトにはなりません。「表示する内容が変化するかどうか」がポイントです。
動的サイトの使用例
- ショッピングサイト（ECサイト）
→ ログインすると購入履歴やおすすめ商品が表示される - SNS（Twitter, Instagramなど）
→ ユーザーによってタイムラインの内容が異なる - オンライン予約サイト
→ ユーザーごとに予約情報が異なる
動的サイトは、ユーザーに合わせた情報を提供したい場合に適しています。
終わりに
静的サイトと動的サイトの違いを理解することで、用途に応じた適切なサイト構築ができるようになります。
「更新が少なく、誰が見ても同じ情報を表示したいなら静的サイト」
「ユーザーごとに異なるデータを表示するなら動的サイト」
と覚えておくと良さそうです。
参考