Webアプリケーションとは

 Webページは、通常はHtml(Hyper Text Markup Language)という言語によって記述されています。それによってできるファイルはHtmlファイルと呼ばれています。Internet ExplorerなどのWebブラウザーはWebサーバー内にあるHtmlファイルをダウンロードして表示します。

Htmlの仕組み
Htmlの仕組み

 Htmlファイルは基本的には静的なページを表示します。静的とは、毎回同じ表示をするページのことです。カタログのようなものを公開するだけの場合は、これでも十分かもしれません。しかし、最近のWebページは表示するたびに変化しています。例えば、アクセス数をカウントしていたり、日付時刻を表示していたりするWebページが多くあります。これらは動的なページと言えます。動的なページを作成するということは、アクセスするたびに、何らかの処理がされているということです。処理方法は大きく分けて2つに分類できます。

■ クライアントサイド

 クライアント側で処理をさせて、ブラウザーの表示に反映させる仕組みです。クライアントスクリプトにより記述で実現できます。種類としては、JavaScriptやVBScriptなどがあります。

クライアントサイド処理の仕組み
クライアントサイド処理の仕組み

 JavaScriptを使って動的ページを作成してみましょう。

○ Html

 Htmlファイルに次のように記述してください。

test.html

  1. <html>
  2.  <head>
  3.   <title>現在の時刻の表示</title>
  4.  </head>
  5.  <body>
  6.   現在時刻は、
  7.   <script type="text/javascript">
  8.    var _dt = new Date();
  9.    var _time = _dt.getHours() + '時' + _dt.getMinutes() + '分';
  10.    document.write(_time);
  11.   </script>
  12.   です。
  13.  </body>
  14. </html>

○ 実行結果

実行結果
実行結果

サンプルダウンロード

○ 解説

 作成したファイルをダブルクリックしてWebブラウザーで表示します。すると、現在の時刻がWebブラウザーに表示されます。

 Htmlファイルはscriptタグで囲まれた部分を処理として実行します。8行目では日付オブジェクトを生成しています。そして9行目で日付オブジェクトのgetHoursメソッドで時間を、getMinutesメソッドで分を取得して時間の文字列表現を作成しています。そして10行目で作成した文字列をWebブラウザーに書き出しています。

■ サーバーサイド

 サーバー側で処理をさせて、その結果をクライアントのWebブラウザーで表示する仕組みです。サーバーサイドスクリプトなどを使って実現させます。PHPや、ASP.NET、Perl、Python、Rubyなどが用いられます。

サーバーサイド処理の仕組み
サーバーサイド処理の仕組み

 ここまで見てきたような技術を使ってWebアプリケーションを構築します。

前へ   次へ