よろずやIT
プログラミング

静的サイトと動的サイトの違いとは

執筆・監修:よろずやIT編集部|編集方針を見る

結論:まずここだけ読めばOK

詳しい手順・原因は、この下で解説しています。

プログラミングのイラスト

静的サイトとは

静的サイトとは、あらかじめ用意された固定の内容が、誰がいつアクセスしても、同じ内容のまま表示されるWebサイトのことです。表示される内容は、あらかじめ完成した状態でサーバーに保存されています。

動的サイトとは

動的サイトとは、アクセスされるたびに、その時の条件(ログイン状況や入力内容など)に応じて、サーバー側で内容を組み立て直してから表示するWebサイトのことです。同じURLでも、見る人やタイミングによって、表示される内容が変わることがあります。

「印刷されたチラシ」と「その場で作る注文書」に例えると

それぞれのメリット・デメリット

静的サイトのメリット・デメリット

動的サイトのメリット・デメリット

どんなサイトがどちらに当てはまるか

近年の技術的な進化

近年では、基本的には静的サイトとして高速に配信しつつ、一部の機能だけを動的に追加する、といった技術的な組み合わせ(ハイブリッドな構成)も広く使われるようになっています。用途に応じて、両方の良いところを組み合わせる工夫が進んでいます。

全体を通して言えること

サイト構築の相談では、『とりあえず動的サイトにしておけば安心』と考える方がいますが、会員機能などが不要なら静的サイトの方が表示速度・保守性ともに優れていることが多く、目的に応じた選定が重要です。

静的サイトは「あらかじめ完成した内容」、動的サイトは「その場で組み立てる内容」という違いがあります。それぞれの特性を理解した上で、目的に応じた作り方が選ばれています。

PR作りながら学ぶWebプログラミング実践入門 改訂版 一冊で学ぶ HTML/CSS、JavaScript、React、Node.js、Express 【電子書籍】[ 掌田津耶乃 ]

作りながら学ぶWebプログラミング実践入門 改訂版 一冊で学ぶ HTML/CSS、JavaScript、React、Node.js、Express 【電子書籍】[ 掌田津耶乃 ]

¥3,168

楽天で見る
SHAREXLINEはてブ

関連記事

最新のIT関連書籍 トップ10

PR / 楽天市場の売れ筋ランキングを定期的に取得しています。価格は変動する場合があるため、購入前に各ストアでご確認ください。