ホームページの基本的な仕組みと考え方

はじめに、ホームページの基本的な仕組みを説明します。

ホームページとWEBアプリケーションの違い

どちらもWEB上にあり、ウェブブラウザを用いて閲覧します。

両者の違いはというと、厳密に定義されているわけではないと思いますが、ホームページとは基本的に作成者が一方的に情報を公開するサイトのことを差し、WEBアプリは閲覧者からも情報を発信でき、作成者や自分以外の他の閲覧者といろんなやりとりができるサイトを指します。

例えば、今皆さんが見ているこのサイトは作成者からの一方的な情報発信なのでホームページです。

一方で、掲示板やチャットができるサイトや、通販サイトなどは閲覧者が情報を入力し、作成者や他の閲覧者とやりとりができるのでWEBアプリケーションです。

WEBアプリケーションはプログラミングの知識が必要になってくるため、ホームページに比べて作成する難易度が高くなります。

ホームページの仕組み

ホームページの作成者は、作成したhtmlなどのファイルをサーバに置いておきます。

ホームページはいつでも表示できるように24時間常に電源がはいったサーバに置いておく必要があります。

個人でホームページを作成する場合、一般的にはレンタルサーバーサービスを利用します。

  1. ホームページを表示させるには、ユーザがブラウザでhtmlなどのファイルがおいてあるサーバにアクセスします。
  2. サーバ側でブラウザに主力するデータを作成し、ユーザ側にデータを返します。ホームページの場合はサーバ側での処理は特に意識しなくても大丈夫です。
  3. ユーザ側にデータを送ります。
  4. サーバから送られてきたデータをブラウザで表示します。

関連記事

  • WEBアプリの基本的な仕組みと考え方

    WEBアプリの基本的な仕組みを説明します。まずは、WEBアプリで頻繁に登場する用語の説明を交えながら、ホームページの仕組みについて復習します。


  • 登録時にクライアントとサーバでデータの入力チェックを行う方法

    classic aspで登録時にクライアントとサーバでデータの入力チェックを行う方法について説明します。誤って不正なデータを登録してしまうのを防ぐために、ユーザが入力した内容をチェックする処理を実装し...


  • ホームページの問題点とサーバ処理の基本と必要性

    サーバ処理でhtmlファイルをそのまま出力している場合は、データが変わるごとに、htmlファイルを書き換えなければなりません。


  • ホームページの基本的な仕組みと考え方

    ホームページとWEBアプリケーションの違いは、ホームページとは基本的に作成者が一方的に情報を公開するサイトのことを差します。


  • GETとPOSTの違い

    GETとPOSTの違いについて説明します。formのmethod属性には、GETとPOSTの2種類があります。method属性では送信(リクエスト)の方法を指定しています。何も指定しない場合はGETで...


  • サーバ処理でクライアントからの情報を取得する方法

    classic aspでサーバ処理でクライアントからの情報を取得する方法について説明します。クライアント側からサーバ側への送信処理は実装できたので、次はサーバ側でデータの登録を行う処理を実装します。


  • cssで三角形を表示する方法

    画像を使わずに、cssでスタイルを指定するだけで三角形を表示させる方法を紹介します。三角形を表示させるにはborder(枠線)を使用します。縦と横が重なる部分は、どちらかのスタイル(青か赤)を優先させ...


  • 唐松岳・八方尾根に日帰り登山レビュー

    唐松岳に日帰り登山に行ってきました。登山道は森の中を歩く箇所は少なく、ほとんど開けた場所で、風が下から吹いてきてとても気持ちが良いです。途中までリフトが使えることや、道がとても歩きやすいことから、唐松...


  • canvasのアニメーションで軌跡・残像・フェードアウトを表現する

    アニメーションを応用し軌跡や残像を残したり。フェードアウトする方法を紹介します。軌跡を残すためにはクリアする処理をなくす必要があります。クリアをしなければ、前回描画した状態に対して追記する形になるため...


  • LaravelのElixirでbrowserSyncを導入する

    LaravelのElixirでビルド後にブラウザを自動で再表示するために、browserSyncを導入しました。browserSyncをするためには「laravel-elixir-browsersyn...