動的なWebページ

ウィキペディアから、無料の百科事典
ナビゲーションにジャンプ 検索にジャンプ
動的Webページ:サーバーサイドスクリプトの例(PHPおよびMySQL)。

サーバー側の動的Webページは、サーバー側スクリプトを処理するアプリケーションサーバーによって構築が制御されるWebページです。サーバーサイドスクリプトではパラメータによって、クライアント側の処理の設定など、 すべての新しいWebページのアセンブリがどのように進行するかが決まります。

クライアント側の動的Webページ、ロード時にブラウザで実行されているJavaScriptを使用してWebページを処理します。JavaScriptは、 Document Object Model(DOM)を介してページと対話し、ページの状態を照会して変更することができます。Webページはクライアント側で動的にすることができますが、サーバー側のコードが含まれていない限り、 GitHubPagesAmazonS3などの静的ホスティングサービスでホストすることもできます。

次に、動的Webページがユーザーまたはコンピュータープログラムによって再ロードされ、可変コンテンツが変更されます。更新情報は、サーバーから、またはそのページのDOMに加えられた変更から取得される可能性があります。これにより、閲覧履歴が切り捨てられたり、保存されたバージョンが作成されて戻る場合がありますが、AJAXテクノロジを使用した動的なWebページの更新では、戻るページが作成されたり、表示されたページの前にWeb閲覧履歴が切り捨てられたりすることはありません。エンドユーザーはAJAXを使用して、実際のWebコンテンツがWebブラウザーで単一ページとして管理される1つの動的ページを取得します。そのページに表示されるレンダリングは異なる場合があります。AJAXエンジンは、アプリケーションサーバーからクライアント のDOMの一部であるDOMを要求するブラウザー上にのみ存在します。

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

基本的な考え方

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

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

この種の効果を作成するには、次の2つの方法があります。

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

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

歴史

正確な概念は「Webページの広範な開発」の後でのみ意味をなすため、「動的Webページの始まり」または年表について正確にすることは困難です。HTTPは1990年から使用されており、HTMLは標準として1996年から使用されています。Webブラウザの人気の高まりは1993年のMosaicから始まりました。ただし、動的に駆動されるWebサイトの概念は、インターネット、実際にはHTMLよりも前から存在していることは明らかです。たとえば、1990年に、インターネットが一般に使用される前に、動的に駆動されるリモートアクセスメニューシステムが、南カリフォルニア大学 BBSのUSCヘルスケアシステムのコンピュータサポートのディレクターであったSusanBiddlecombによって16回線で実装されました。 TBBSTDBSadd-on.databaseを備えたシステム。

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

Execusiteは、1997年6月にプロの市場向けの最初の動的Webサイトソリューションを導入しました。Execusiteは2000年1月にWebsite Pros(現在のWeb.com)に買収さまし。ウェブサイトのプロから(2000年12月)。Execusiteは、2001年12月に Wolters-Kluwerに買収され、CCH SiteBuilderとしてブランド名が変更されました。

サーバーサイドスクリプト

クライアント/サーバーエコシステムには、ブラウザー、HTTP要求、Webサーバー、および応答の4つのステップがあります。 サーバーサイドスクリプトは、動的なWebページまたはリソースがWebサーバーによって処理および生成されるときに発生します。
動的Webページまたはリソースへの要求が行われると、アプリケーションサーバーはサーバー側の言語を使用して要求を処理します。

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

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

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

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

クライアント側のスクリプト

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

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

JavaScriptが最初に広く使用されたのは、言語がECMAScriptとして標準化され、 Netscape3に実装された1997年でした[5]

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

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

組み合わせ技術

動的なWebページをまとめて構築するすべてのクライアントおよびサーバーコンポーネントは、Webアプリケーションと呼ばれます。Webアプリケーションは、ユーザーの操作、状態、セキュリティ、およびパフォーマンスを管理します。[7]

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

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

も参照してください

参考文献

  1. ^ ネルソン、アン; ネルソン、ウィリアムHM(2002)。Webデータベース構造を使用した電子商取引の構築アディソンウェスリー。ISBN 9780201741308
  2. ^ ベンソン、ブレントW.(1999)。「JavaScript」ACMSIGPLANの通知34(4):25–27。土井10.1145 /312000.312023S2CID10076062_  
  3. ^ Tatroe、Kevin(2013)。PHPのプログラミング:動的Webページの作成(3版)。オライリー。ISBN 9781449365837
  4. ^ ドイル、バリー; Lopes、Cristina Videira(2008年1月17日)。「Webアプリケーション開発のための技術の調査」。arXiv0801.2618 [ cs.SE ]。
  5. ^ Okin、JR(2005)。情報革命:ワールドワイドウェブの歴史、技術、および使用に関する非ダミーガイドアイアンバウンドプレス。ISBN 9780976385745
  6. ^ 「VBScriptの学習」、P。Lomax。ISBN1-56592-247-6 _ エド。オライリー、1997年。秒。C13。 
  7. ^ Wayback MachineWebアプリケーション(2014年2月22日アーカイブ)

外部リンク