「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典イメージぴよ画像「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典

「静的ページ」と「動的ページ」の違い

スポンサーリンク

予備知識


用語意味
Webページインターネットの世界で見られる文書ファイル
Webサイト複数のWebページを集めて、ひとかたまりにしたモノ。いわゆる「ホームページ」のこと
Webブラウザホームページを見るときに使うソフト
HTMLファイルホームページのファイルHTMLのルールに従って書かれたテキストファイル
サーバサービスや機能を提供する側のコンピュータ
Webサーバホームページ関連の仕事をしているサーバ

それぞれの用語の意味


用語意味
静的ページHTMLファイルで作られている普通のWebページ。いつ誰が見ても同じ内容が表示される、表示される内容が変わらないホームページ(の中の1ページ)
動的ページプログラムから出力されたWebページ。あれやこれやの要因によって表示される内容が変わるかもしれないホームページ(の中の1ページ)

似ているところ


どちらもホームページ(の中の1ページ)です。
Webブラウザで見られるページです。


違うところ


表示される内容がどこから来るかが違います。

静的ページ:(あらかじめWebサーバに置いた)HTMLファイルの内容が表示される
動的ページ:プログラムから出力される


です。

あなたがホームページを見ようとすると、まず、ホームページを見るときに使うソフト(Webブラウザ)からホームページのファイルが置いてあるコンピュータ(Webサーバ)に対して「このページをおくれ」と お願いが出されます。


「静的ページ」と「動的ページ」の違い1

そのお願いに対して、WebサーバさんからWebブラウザさんに「ほれ、そのページだよ」と お返事がきます。


「静的ページ」と「動的ページ」の違い2

お返事を受け取ったWebブラウザさんは、受け取った内容(ホームページのファイル)を画面上に表示してくれます。


「静的ページ」と「動的ページ」の違い3

これが、ホームページが表示されるときの流れです。

この流れにおいて、WebサーバさんがWebブラウザさんに送ったホームページのファイルに注目してください。


「静的ページ」と「動的ページ」の違い4

このファイルは

1.あらかじめWebサーバさんに預けてある普通のファイル(HTMLファイル)
2.Webブラウザさんから「このページをおくれ」な お願いが来たタイミングで、Webサーバさんの中にいるプログラムが大慌てで作ったファイル


のどちらかに分類されます。


「静的ページ」と「動的ページ」の違い5

この2つのうち

1.あらかじめWebサーバさんに預けてある普通のファイル(HTMLファイル)

が静的ページです。


「静的ページ」と「動的ページ」の違い6

もう一方の

2.Webブラウザさんから「このページをおくれ」な お願いが来たタイミングで、Webサーバさんの中にいるプログラムが大慌てで作ったファイル

が動的ページです。


「静的ページ」と「動的ページ」の違い7

ページの作り方の違いに伴い

静的ページ:表示される内容が変わらない
動的ページ:表示される内容が変わるかもしれない


という特徴があります。

静的ページはHTMLファイルで作られた普通のページです。
いつ誰が見ても同じ内容が表示されます。


「静的ページ」と「動的ページ」の違い8

動的ページはプログラムによって作られたページです。
ピヨ太君が見ているときは「ピヨ太君、いらっしゃい」と表示し、ピヨ子さんが見ているときは「ピヨ子さん、いらっしゃい」と表示する、のように表示する内容を変えたりできます。


「静的ページ」と「動的ページ」の違い9

イメージは

静的ページ:スーパーのお寿司
動的ページ:回らないお寿司屋さんのお寿司


です。

静的ページは作り置きです。
事前に作って用意しておくので、お客さまを見て、後からサビ抜きにしたり、ネタの種類を変えたりは、できません。


「静的ページ」と「動的ページ」の違い10

動的ページは、その場で作ります。
お客さまの顔を見て酢飯やワサビの量を調整することも可能です。


「静的ページ」と「動的ページ」の違い11

そんなイメージです。


備考


パッと見で静的ページに見えても実際には動的ページの場合があります。
例えば『わわわIT用語辞典』は、すべてのページが動的ページです。
一見すると静的ページに見えるページもあるでしょうけどね。
全ページ、プログラムから出力しています。
そのため、全部のページに「今は〇〇時××分です」のように現在時刻を表示したり、訪問者を判別して「あなたは〇回目の訪問です」などと表示することも(意味がないのでやりませんが)やろうと思えばやれます。


スポンサーリンク
書籍画像009
書籍画像049


書籍画像
わわわ説明術コラム
宣伝だよ
「分かった!」と思わせる説明の技術 知識ゼロの相手にも伝わるようになる本
エンジニア育成現場の「失敗」集めてみた。 42の失敗事例で学ぶマネジメントのうまい進めかた
クイズで学ぶUIデザイン ユーザビリティの基本が身につく50問