Language
日本語
English

Caution

JavaScript is disabled in your browser.
This site uses JavaScript for features such as search.
For the best experience, please enable JavaScript before browsing this site.

  1. Home
  2. HTML5Beginner - How Websites Are Displayed

How Websites Are Displayed - Japanese Only

みなさまどうもこんにちわ。続きましてウェブサイトが表示される仕組みを軽くみていきましょう。一般的に『ネットサーフィン』って呼ばれているやつの仕組みになりますね。

ネットサーフィンをしている時の『ブラウザ』は『URL』(ゆーあーるえる)に従って世界中のどこかに存在している『リモートサーバー』にアクセスし、そこから送り返された『HTMLファイル』などのデータを受信し、それを表示しています。

色々な単語がでてきましたのでひとつひとつ解説解説していきたいと思います。

『ブラウザ』とは『インターネットブラウザ』のことで一般に『ブラウザ』と呼ばれます。これは主にウェブサイトを閲覧するために使用されるソフトウェアで、今みなさんがこのウェブサイトを閲覧するために使っているであろうそのソフトウェア全般の事を指します。詳しくは先の記事で解説します。

続いて『リモートサーバー』です。リモートサーバーとは外部からのアクセスを処理できる機能が構築されたパソコンの事です。『リモートサーバー』は単純に『サーバー』と呼ばれたり『リモート』と呼ばれたりすることが多いです。

このサーバーにHTMLファイルなどを置いておくと世界中の人々に情報を公開することができます。しかし、サーバーを0から設計するとなるとネットワークの知識やOSの知識が必須で少々難易度が高いです。なので『レンタルサーバー』を借りてウェブサイトを公開する方が大多数になりますね。

大手企業さんがしっかりと設計したレンタルサーバーならばセキュリティがしっかりしてあり簡単に公開設定ができるようになっていることがほとんどですのでマニュアル通りにポチポチと進めていくだけで簡単にウェブサイトを公開することができます。

続いて『URL』です。今閲覧しているブラウザの上のほうにある『アドレスバー』をみてみましょう。そこに『http://wp-p.info/.....』というような感じで表示されているかと思います。これがインターネットにおける住所のようなもので一般に『URL』と呼ばれます。

ブラウザはこのURLに書いてある通りにサーバーを探してアクセスします。アクセスを感知したサーバーは内部で指定されているHTMLファイルなどのデータを送り返し、それを受信したブラウザはHTMLを解釈し、ウェブサイトとして表示してくれる、といった感じですね。

続いて先ほどの記事でも登場した『HTMLファイル』についてです。HTMLファイルとはHTMLが記述されているただのテキストファイル(普通の文字で構成されたデータファイル)になります。

ではみなさんが今閲覧しているこのウェブサイトのHTMLファイルをちょっと覗いてみましょう。こんな感じです。

このようなHTMLファイルをブラウザで開くとウェブサイトとして表示してくれます。

というわけで一連の流れはこんな感じになりますがなんとなく掴めて来ましたでしょうか。

さてこれからHTMLの勉強を進めていくのですが、先程も解説したとおりサーバーを用意してどうのこうのするのはちょっと敷居が高いです。なので当コーナーではみなさんの『ローカル』にHTMLファイルを置き、そこでHTMLの勉強を進めていきたいと思います。

『ローカル』とはリモートの対義語で、みなさんの手元にあるパソコンの事を指します。『ローカルファイル』と言われたらみなさんの手元にあるパソコンに保存されたデータファイルの事を指すような感じですね。『ローカル』のHTMLファイルもブラウザで開けばちゃんとウェブサイトとして表示してくれます。

では早速勉強を進めていきたいところですが、その前にHTMLファイルを作成しやすい環境と作ったウェブサイトに間違いがないかちゃんと確認できる環境を作らなくてはなりません。

一般にこれは『環境構築』とか呼ばれます。HTML以外の他のプログラム言語でも作業に入る前に開発環境を作るところから始めます。良い作業環境なくして良い仕事はできないのでございます。

というわけで次の記事からは『拡張子』、『テキストエディタ』、『インターネットブラウザ』についての解説とそれに伴う環境構築を進めたいと思います。

しばらく地味な記事が続きますが頑張っていきましょう。ではでは~。

This article was written by Sakurama.

Author's beloved small mammal

桜舞 春人 Sakurama Haruto

A Tokyo-based programmer who has been creating various content since the ISDN era, with a bit of concern about his hair. A true long sleeper who generally feels unwell without at least 10 hours of sleep. His dream is to live a life where he can sleep as much as he wants. Loves games, sports, and music. Please share some hair with him.

If you find any errors or copyright issues, please .