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() + ':' + _dt.getSeconds();
  10.    document.write(_time);
  11.   </script>
  12.   です。
  13.  </body>
  14. </html>

○ 実行結果

実行結果
実行結果

サンプルダウンロード

 HTMLファイルはscriptタグで囲まれた部分を処理として実行します。今回の例で言うと、

■ サーバーサイド

 サーバ側で処理をさせて、その結果をクライアントのWebブラウザで表示する仕組みです。SSIやCGIやASPがそれにあたります。CGIの主な言語としてPerlなどが挙げられます。

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

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

前へ   次へ