静的動的の違い

Question

JavaScriptがPostBackしなくても画面を書き換えることができるのはなぜでしょうか。

また、静的ページと動的ページの違いはなんでしょうか。
http://neta.ywcafe.net/000436.html
上記のサイトを参考にしたのですが、単純にアクセスごとにページが変わるだけではないようですので。

think49 · Accepted Answer

#3です。 > ご回答によると新規にテーブルができる、などであれば理解できるのですがクライアント側に存在しない画像を表示させることができるのでしょうか。クライアント側にあってもサーバ側にあっても画像は表示できます。 -

の要素ノードを追加すれば、ならサーバ -

の要素ノードを追加すれば、ならローカルイメージとしては、現在のページにHTMLタグを表すノードを追加していると思って構いません。 Firebugをインストールすれば、イメージしやすいと思いますよ。 > であれば参考サイトのように更新することで広告が切り替わるだけのサイトは、入力値を書き換えているわけではないので静的ページであるということでしょうか。(回答者様の場合) 私はJavaScriptで生成するものは、全て動的だと思っています。下記2つのHTMLをブラウザで表示してみてください。 ---- 静的ページテスト

静的ページだよ。

---- ---- 動的ページテスト

クリックしてね

---- 静的ページは「読み込んだデータから順番に表示する」だけですが、動的ページは「読み出されたコードを見て、コードが指示したとおりのタイミングで表示」します。ご質問の広告表示も表示するタイミングはコードに依存していてこれは「動的に生成している」と言えるのではないでしょうか。 # document.write は静的っぽい命令ですが、今時こんな書き方をする人はあまりいません。繰り返しになりますが、Firebugをインストールすれば生成されたノードを確認できますので、イメージがわかないようでしたら是非試してみてください。

think49 · Answer

視点をどこに持っていくかで動的か否かの判断が分かれそうですね…。
以下、参考意見として受け取ってください。

> JavaScriptがPostBackしなくても画面を書き換えることができるのはなぜでしょうか。
ブラウザはノードという概念を持っていてJavaScriptはノードを書き換えるから、です。

第2回　ブラウザからHTMLはどう見えているかを理解しよう ～ドキュメントツリー～:ITpro
http://itpro.nikkeibp.co.jp/article/COLUMN/20070627/276068/?ST=swd-tech

Firefox拡張Firebugをインストールすると、[F12] キーでドキュメントツリーを確認できます。
コンソールで

var p = document.createElement('p');
p.appendChild(document.createTextNode('Hello World!'));
document.body.appendChild(p);

を実行すると、FirebugのHTMLタブでp要素ノードが追加された事を確認できます。

> また、静的ページと動的ページの違いはなんでしょうか。
私は「入力値に応じて出力が変化するページ = 動的ページ」と理解しています。

http://www.google.co.jp/search?q=JavaScript はq=JavaScriptの値を変化させる事で出力が変化するので動的ページ。

JavaScriptも入力値を持っているので、基本的には動的だと思います。
「Web制作者が書いたコードの中で入力させる」か「onclickイベントなどでユーザに入力させる」などの細かな違いはありますが、
変化させるタイミングが一定していない性質もあるので動的と認識しています。
(静的ページは読み込みが終了したら全て表示されます)

steel_gray · Answer

どこかに正式な用語の辞書ってのがあって正解が決まっている問題では無いとは思いますが。

あるURLをサーバにリクエストした時、毎回同じ内容が返されれば静的、
毎回違う内容が返されれば動的、と分けられるんじゃないでしょうか。

例えば
http://example.com/sample.html
をリクエストの結果、得られるhtmlファイルが毎回同じかどうか、です。
リクエストのたびに変化するカウンターがimgで埋め込まれていたり、広告がjavascriptを通じて埋め込まれていても、html自体は同じなので静的。
（静的なページに動的なコンテンツが埋め込まれている、とでもいうのでしょうか。）

taloo · Answer

アクセスしたときに、「URLは同じだけどそこに書かれている内容はアクセスする条件に応じて変わる」物はすべて動的ページになります。
昔から言われている動的ページというのは、BBSなどが有名ですが、
アクセスカウンターや、広告が入っているページなども含まれます。

ブログやWikiなど、CGIを使っていても「URLが同じならそこに書かれている内容は常に同じ」であれば、
静的ページに分類されると思います。
（アクセスのたびに内容が変わる広告やブログパーツが入っていない場合）

CGIもSSIも使っていなければURLが同じなら内容は変わらないため、静的ページになります。
（xreaやgeocitiesなどの無料ディスクスペースのホームページは、CGIと同じような機能を使った広告が入るため、動的ページです)


AjaxやJSONPを使うと、最初にアクセスしたときは常に同じページですが、
その後、（読み込み完了のタイミングや、閲覧者がどこかのボタンなどをクリックしたタイミングなどで）
URLが変わることなくページの内容が変わるので、「動的ページ」ですが、
JavaScriptを停止していると画面が変わらないので、
「JavaScriptを停止しているブラウザで見れば静的ページ、
　JavaScriptを有効にしているブラウザで見れば動的ページ」
となると思います。

JavaScriptに対応していない検索ロボットからみれば、静的ページの分類になると思います。


> JavaScriptがPostBackしなくても画面を書き換えることができるのはなぜでしょうか。
AjaxだけがJavaScriptではありません。

参考にされているサイトは情報が古い気がします。
最近のGoogleロボットはある程度ではありますが、JavaScriptやAjaxにも対応している気がしますから。

静的 動的の違い

#3です。

視点をどこに持っていくかで動的か否かの判断が分かれそうですね…。

どこかに正式な用語の辞書ってのがあって正解が決まっている問題では無いとは思いますが。

アクセスしたときに、「URLは同じだけどそこに書かれている内容はアクセスする条件に応じて変わる」物はすべて動的ページになります。

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

静的動的の違い