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アプリケーションを構築します。

前へ   次へ