「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典

順番に見ていきましょう。
まずは予備知識として「アプリ」について簡単に説明します。
「そんなの説明されなくても知ってるよ！」な人は適当に読み飛ばしてください。

アプリは、みなさんが「ソフト」と言われてパッと思い浮かべるようなソフトのことです。
実際にはOS（コンピュータの人格に相当するソフト）のようなシステム的なソフトは含まなくて あれやこれやですけどね。
そこら辺を気にし始めると結構ややこしくなります。
今回は単純に「ソフト」と読み替えてください。



※「システム的なソフトは含まなくて あれやこれや」の部分が気になる方は、用語「アプリケーションソフトウェア」の説明を ご覧ください。

ちなみに「アプリケーションソフトウェア」の省略表現です。



以上を踏まえて

ホームページを見るときに使うソフト

が「ブラウザアプリ」です。



「Webブラウザ」とも呼ばれます……というか個人的には「Webブラウザ」という言い方の方が馴染みがあります。
※本ページでも以降は「Webブラウザ」と表現します。

あなたがホームページを見るとき、まずホームページを見るときに使うソフト（Webブラウザ）からホームページが置いてあるコンピュータ（Webサーバ）に「このページをおくれ」と お願いが出されます。



そのお願いに対して、WebサーバさんはWebブラウザさんに「ほれ、そのページだよ」と お返事をします。
くれと言われたホームページのファイルをあげるのです。



Webブラウザさんは、Webサーバさんからもらったファイルを画面に表示します。



これが、あなたがホームページを見るときの流れです。

答えを先に書いてしまいましたが、この流れに登場した

ホームページを見るときに使うソフト

がWebブラウザです。

Google Chrome（グーグルクローム）やMicrosoft Edge（マイクロソフトエッジ）など、Webブラウザに分類されるソフトは、いろいろ あります。



ホームページを見ると、文字に色が付いていたり、線が引かれていたり、画像が載っていたり、あれやこれやと装飾されていますよね。
ですが、実際のホームページのファイルには文字しか書いてありません。
例えば、以下のような内容が書いてあります。



見ても、よく分かりませんよね？

大丈夫です。

ホームページのファイルを受け取ったWebブラウザさんが、あなたより一足先に中身を読んで解読してくれます。

例えば

<hr />

と書いてあったとしましょう。
これは「線を引いてね」という指示です。

その指示を解読したWebブラウザさんは、画面に線を引いてくれます。

そうです。

ホームページのファイルに

<hr />

と書いてあった場合、そのままの文字ではなく

---

と表示されるのです。
Webブラウザさんが書き換えて表示してくれます。

同じように

<span style="color: #f00;">

は「ここから文字の色を赤くしてね」の指示です。

<span style="color: #f00;">赤文字</span>

と書いておくと、Webブラウザさんが頑張って

赤文字

と表示してくれます。

他にも「ここに、この画像を表示してよ」「ここに動画を表示してよ」「この部分をリンクにしてよ」など、いろいろな指示があります。
それらの指示を読み取って、実際に画像に置き換えたり、動画に置き換えたり、リンクにしたりしてくれているのがWebブラウザさんです。

Webブラウザさんは、あなたがホームページを見るときに必要なソフトです。

・あなたの代わりに「このページをちょうだい」とWebサーバさんにお願いしてくれる
・もらってきたホームページのファイルを解読して、見た目を整えて表示してくれる

などのお仕事をしてくれています。

ちなみに、ホームページのファイルに書かれた内容の解釈の仕方が、Webブラウザさんによって多少、違う場合があります。
解釈の仕方が違う場合は、Google Chromeで見たときとMicrosoft Edgeで見たときで、同じホームページでも見た目がちょっと変わってきたりします。

これに泣かされているWeb系のお仕事をしている人が少なくありません。
どのWebブラウザで見ても同じ見た目にするのは基本的なことですが、凝ったことをやっていると意外に難しかったりします。

---

---