動的ウェブページ

動的 Web ページは、保存されたまま配信される 静的 Web ページとは対照的に、実行時 (ソフトウェア実行中) に構築されるWeb ページです。

サーバーサイド動的ウェブページとは、サーバーサイドスクリプトを処理するアプリケーションサーバーによって構築が制御されるウェブページです。 ^[1]サーバーサイドスクリプトでは、パラメータによって、すべての新しいウェブページの組み立てがどのように進むかが決定され、さらにクライアントサイド処理の設定も含まれます。

クライアント側の動的 Web ページは、読み込み時にブラウザで実行されるJavaScript を使用して Web ページを処理します。JavaScript は、ドキュメント オブジェクト モデル(DOM) を介してページと対話し、ページの状態を照会して変更することができます。Web ページはクライアント側で動的になる場合がありますが、サーバー側のコードが含まれていない限り、 GitHub PagesやAmazon S3などの静的ホスティング サービスでホストできます。

動的 Web ページは、その後、ユーザーまたはコンピューター プログラムによって、可変コンテンツを変更するために再読み込みされます。更新情報は、サーバーから取得される場合もあれば、そのページの DOM に加えられた変更から取得される場合もあります。これにより、閲覧履歴が切り捨てられたり、保存されたバージョンが作成されて戻ることができる場合もありますが、AJAXテクノロジを使用した動的 Web ページ更新では、戻るページが作成されたり、表示されたページの前の Web 閲覧履歴が切り捨てられたりすることはありません。AJAX を使用すると、エンドユーザーは、Web ブラウザーで 1 つのページとして管理される 1 つの動的ページを取得できますが、そのページでレンダリングされる実際のWeb コンテンツは異なる場合があります。AJAX エンジンは、ブラウザー上にのみ存在し、そのクライアントの DOM の一部をアプリケーション サーバーに要求します。特定のアプリケーション サーバーは、標準化されたRESTスタイルのインターフェイスを提供して、Web アプリケーションにサービスを提供できます。^[2]

DHTMLは、静的な Web ページではない Web ページを作成するために使用されるテクノロジと方法の総称ですが、AJAX の普及以降は一般的に使用されなくなり、AJAX という用語自体も現在ではほとんど使用されていません。クライアント側スクリプト、サーバー側スクリプト、またはこれらの組み合わせにより、ブラウザーでの動的な Web エクスペリエンスが実現します。

HTMLまたはXHTMLのみを使用した従来のハイパーテキストナビゲーションでは、「静的」コンテンツが提供されます。つまり、ユーザーは Web ページを要求し、そのページとそのページ上の情報を表示するだけです。

ただし、Web ページは、「ライブ」、「動的」、「インタラクティブ」なユーザー エクスペリエンスを提供することもできます。Webページ上のコンテンツ (テキスト、画像、フォーム フィールドなど) は、さまざまなコンテキストや条件に応じて変化する可能性があります。

この種の効果を生み出すには 2 つの方法があります。

• クライアント側スクリプトを使用して、マウスやキーボードの操作、または指定されたタイミング イベントに応じて、特定のWeb ページ内のインターフェイスの動作を変更します。この場合、動的な動作はプレゼンテーション内で発生します。
• サーバーサイドスクリプトを使用して、ページ間で提供されるページソースを変更し、ブラウザに提供されるWebページまたはWebコンテンツの順序を調整したり、リロードしたりします。サーバーの応答は、投稿されたHTMLフォームのデータ、 URLのパラメータ、使用されているブラウザの種類、時間の経過、データベースまたはサーバーの状態などの条件によって決まります。^[3]

クライアント側スクリプトを使用する Web ページでは、リッチ インターフェイス ページと呼ばれるプレゼンテーション テクノロジを使用する必要があります。JavaScriptやActionScriptなどのクライアント側 スクリプト言語は、それぞれダイナミック HTML (DHTML) やFlashテクノロジに使用され、プレゼンテーションのメディア タイプ (サウンド、アニメーション、テキストの変更など) を調整するために頻繁に使用されます。スクリプトでは、リモート スクリプトも使用できます。リモート スクリプトとは、隠しフレーム、XMLHttpRequests、またはWeb サービスを使用して、DHTML ページがサーバーから追加情報を要求する手法です。

サーバー側スクリプトを使用する Web ページは、多くの場合、PHP、Perl、ASP、JSP、ColdFusionなどのサーバー側言語を使用して作成されます。これらのサーバー側言語は通常、Common Gateway Interface (CGI)を使用して動的な Web ページを作成します。これらの種類のページは、クライアント側で最初の種類 (DHTML など) を使用することもできます。

「動的 Web ページの始まり」や年代順について正確に述べることは困難です。なぜなら、正確な概念は「Web ページの広範な開発」の後でのみ意味をなすからです。HTTP は1989 年から存在し、HTMLは 1996 年から公的に標準化されました。 Web ブラウザの人気が高まり始めたのは、 1993 年のMosaicからです。 1995 年から 1996 年にかけて、Coldfusion、WebObjects、PHP、Active Server Pagesなど、複数の動的 Web 製品が市場に投入されました。

JavaScript（当時はLiveScriptと呼ばれていた）の導入により、JavaScriptコードをクライアントのブラウザで実行し、クライアント側で動的なWebページを作成できるようになりました。^[4] AJAXという用語の文字「J」は、もともとJavaScriptとXMLの使用を示していました。2009年に開発されたNode.jsなどのサーバー側JavaScript処理の台頭により、JavaScriptはサーバー上でページを動的に作成し、完全な形式でクライアントに送信するためにも使用されています。

Wikipedia を支えるコンテンツ管理システムであるMediaWikiは、フォームの送信と URL パラメータを通じてやり取りされる、もともとサーバー側の動的な Web ページの例です。時間の経過とともに、ビジュアル エディターなどの段階的に強化される拡張機能によって、クライアント側で動的な要素も追加されましたが、従来の編集フォームなどの元の動的なサーバー側要素は、エラーや非互換性が発生した場合にフォールバック (グレースフル デグラデーション) できるように残っています。

Web サーバー上で実行されるプログラム(サーバー側スクリプト) は、さまざまな Web ページの Web コンテンツを生成し、ユーザー セッションを管理し、ワークフローを制御するために使用されます。サーバーの応答は、投稿されたHTML フォームのデータ、 URLのパラメーター、使用されているブラウザーの種類、時間の経過、データベースまたはサーバーの状態などの条件によって決まります。

このような Web ページは、多くの場合、Web サーバーと同じハードウェアで実行できるサポート サーバーによって、 ASP、ColdFusion、Go、JavaScript、Perl、PHP、Ruby、Python、WebDNAなどのサーバー側言語の助けを借りて作成されます。これらのサーバー側言語は、多くの場合、 Common Gateway Interface (CGI) を使用して動的な Web ページを生成します。2 つの注目すべき例外はASP.NETとJSPで、これらは API で CGI の概念を再利用しますが、実際にはすべての Web 要求を共有仮想マシンにディスパッチします。

サーバー側言語は、ウェブサーバー上のウェブページのソースファイル内にタグやマーカーを埋め込むために使用されます。^[5]クライアントコンピュータ上のユーザーがそのウェブページを要求すると、ウェブサーバーはこれらのタグやマーカーを解釈してサーバー上でアクションを実行します。たとえば、データベースからの情報や現在の日付などの情報を挿入するようにサーバーに指示することができます。

動的な Web ページは、変更がほとんどまたはまったく予想されず、ページが大量の Web トラフィックを受信することが予想される場合にキャッシュされることが多く、リクエストごとにページをその場で生成する必要がある場合、サーバーに無駄な負荷がかかり、ページの読み込みが遅くなります。

クライアントサイドスクリプティングは、入力デバイスの動作や指定されたタイミングイベントに応じて、特定のWebページ内のインターフェースの動作を変更します。この場合、動的な動作はプレゼンテーション内で発生します。クライアントサイドコンテンツは、ユーザーのローカルコンピュータシステム上で生成されます。^[6]

このような Web ページでは、リッチ インターフェイス ページと呼ばれるプレゼンテーション テクノロジが使用されます。JavaScriptやActionScriptなどのクライアント側スクリプト言語は、それぞれダイナミック HTML (DHTML) やFlashテクノロジに使用され、プレゼンテーションのメディア タイプ (サウンド、アニメーション、テキストの変更など) を調整するために頻繁に使用されます。クライアント側スクリプトでは、リモート スクリプトも使用できます。リモート スクリプトとは、隠しフレーム、XMLHttpRequests、またはWeb サービスを使用して、DHTML ページがサーバーから追加情報を要求する手法です。

JavaScriptが初めて公に使用されたのは1995年で、Netscape Navigator 2に実装され、 2年後にECMAScriptとして標準化されました。 ^[7]

例

クライアント側のコンテンツはクライアントのコンピュータ上で生成されます。ウェブブラウザはサーバーからページを取得し、ページに埋め込まれたコード（通常はJavaScriptで記述）を処理して、取得したページのコンテンツをユーザーに表示します。^[8]

プロパティinnerHTML(または書き込みコマンド) は、クライアント側の動的ページ生成を示すことができます。2 つの異なるページ A と B は、 (「イベント応答動的」によって) および として再生成できますdocument.innerHTML = A。または、およびdocument.innerHTML = Bによって「ロード時の動的」に再生成できます。 document.write(A)document.write(B)

動的なWebページを総合的に構築するクライアントとサーバーのコンポーネントはすべてWebアプリケーションと呼ばれます。Webアプリケーションは、ユーザーとのやり取り、状態、セキュリティ、パフォーマンスを管理します。^[9]

Ajax は、クライアント側スクリプトとサーバー側リクエストの両方を組み合わせて使用​​します。これは、コンテンツを動的に交換するための Web アプリケーション開発技術であり、これを行うためにサーバーにデータのリクエストを送信します。サーバーは要求されたデータを返します。このデータはクライアント側スクリプトによって処理されます。この技術では、クライアントがサーバーの言語パーサーによって Web ページ全体を再生成するように要求せず、変更されるコンテンツのみが送信されるため、サーバーのロード時間を短縮できます。Googleマップは、 Ajax 技術を使用する Web アプリケーションの例です。

Web ブラウザなどの Web クライアントは、独自のサーバーとして機能し、Gopher、FTP、NNTP (Usenet)、HTTP などのさまざまなサーバーからデータにアクセスしてページを構築できます。HTTPは、クライアントからサーバーへのドキュメントのアップロードをサポートしています。これを行うには、いくつかのHTTP メソッドがあります。

• ディープウェブ（検索インデックス）
• ダイナミック HTML
• htmlファイル
• パーソナライゼーション管理システム
• レスポンシブウェブデザイン
• 動的なWebページを提供する ソリューションスタック
  • LAMP (ソフトウェアバンドル)
  • LYME (ソフトウェアバンドル)
  • LYCE (ソフトウェアバンドル)
• 静的ウェブページ
• Webコンテンツ管理システム
• Webテンプレートシステム

• W3.org の静的 Web サイトと動的 Web サイト
• W3.org の関係管理メソッドを使用した動的 Web サイト。
• テキサス大学オースティン校による動的 Web ページの広範な分析。