ブラウザとは?SafariやChromeのこと|「ブラウザで開く」のやり方

30秒でわかる答え

ブラウザとは、Webページを見るためのアプリで、Safari・Chrome・Edgeが代表です。「ブラウザで開く」は、URLをSafariやChromeのアドレス欄に貼って表示させること。Google検索は、ブラウザの中で使う検索サービスです。

ブラウザとは、Webページを見るためのアプリで、Safari・Chrome・Edgeがその代表です。

「ブラウザで開いてください」と言われて、画面を見回したのに「ブラウザ」というアイコンがどこにもない。それもそのはずで、ブラウザはアプリの名前ではなく、役目の名前です。

ユイ

申し込みの案内に「ブラウザで開いてください」とあって、何を押せばいいのか分かりませんでした

イト

ブラウザって、検索するやつのことじゃないの?

ピコ

まず、自分の画面でどれがブラウザか探してみよう。話はそこからだよ

自分のスマホ・パソコンでは、どれがブラウザ?

探すのは「ブラウザ」という文字ではなく、その役目を持つアプリの名前です。端末ごとに、まず次の名前を探してください。

使っている端末まず探すアプリ
iPhone・iPad・MacSafari(青いコンパスの形のアイコン)
Androidのスマホ・タブレットChrome(赤・黄・緑に青い丸のアイコン)
WindowsのパソコンEdge(青と緑の渦のアイコン)

表にない端末でも、アプリ一覧にChrome・Edge・Firefoxのどれかがあれば、それがあなたのブラウザです。開くと画面の上か下に、文字を入れる細長い欄(アドレス欄)があります。

では、YouTubeのアプリがあるのに、なぜわざわざ「ブラウザで開いて」と言われるのでしょう。

アプリとブラウザの違い|YouTubeは両方で見られる

ブラウザもアプリの一つで、違いは開ける相手の数です。YouTubeのアプリはYouTubeだけを見る専用アプリ、ブラウザはどのWebページでも開けるアプリです。だからYouTubeは両方で見られます。アプリを動かす土台との関係は、OSとは で確かめられます。

「ブラウザで開いてください」は、「専用アプリの中ではなく、SafariやChromeで開いてください」という意味です。メッセージやSNSのアプリでリンクを押すと、そのアプリの中だけで動く小さなブラウザ(アプリ内ブラウザ)で開くことが多いからです。申し込みや支払いのページには、そこでは先へ進めないものがあります。

ブラウザで開くとは?URLを貼って表示させること

ブラウザで開くとは、そのページのURL(https:// から始まる文字の列)をブラウザに渡して、画面に表示させることです。やり方は二つあり、確実な方から試します。

  1. 確実な方法:案内にあるURLを長押しなどでコピーし、SafariやChromeを開いて、アドレス欄に貼り付けて決定する。
  2. 近道:アプリの中で開いた画面なら、画面の端のメニュー(点が三つ並んだ印など)に「ブラウザで開く」「Safariで開く」のような項目があれば、それを選ぶ。

URLの読み方は、URLとは で確かめられます。

URLを渡されたブラウザは、相手から完成した画面をもらってくるのではありません。届くのは、材料です。

ブラウザとは何をするアプリ?届くのは絵でなく材料

漫画:絵は、どこでできる? 全4ページ

イトは草花のページを見て完成した写真が届くと思う。受け取るHTML・CSS・画像を模型で分け、カードを並べて組み立てる。端末で表示する役がブラウザだと分かり、ピコの写真も追加してみる。

画像を押すと拡大できます。+/−で大きさを変え、拡大中はドラッグして読めます。

1 / 4完成した絵?

ラボの工作壁に草花ページの見本。イトが端末を開く。

1ページ目:完成した絵?
Webページの表示は、完成画面を写真として受け取るだけではありません。

1ページ目のセリフ

  • イト「写真が届くの?」

2 / 4届くのは材料

サーバーからブラウザへ、HTML・CSS・画像が届く図を見る。

2ページ目:届くのは材料
サーバーはページを表すデータを返し、ブラウザが受け取ります。

2ページ目のセリフ

  • 図:サーバー→材料(HTML=構造、CSS=見た目、画像)→ブラウザ。

3 / 4手元で組み立てる

イトが紙模型の構造・見た目・写真を重ね、完成する画面との関係を確かめる。

3ページ目:手元で組み立てる
ブラウザが受け取った材料を解釈して端末の画面に表示します。

3ページ目のセリフ

  • 模型の札「構造」「見た目」「画像」
  • マコト「画面にするのは、ブラウザだよ。」

4 / 4ここで形に

同じ草花ページを表示できたイトに、ピコが自分の写真を差し出す。

4ページ目:ここで形に
受け取る材料と、それを表示するブラウザを分けて説明できます。

4ページ目のセリフ

  • イト「こっちで、形にするんだ!」
  • ピコ「ぼくの写真も!」

横にスワイプして次のページへ。画像を押すと拡大できます。

紙の組立ては役割を分ける模型です。実際のブラウザはデータを解釈して描画し、通信・保存・安全確認・JavaScript実行なども担います。Webページ全体が1枚の写真で届くわけではありません。

本文の解説へ ↓

100%

拡大中はマウスや指でドラッグできます。100%では左右スワイプ・左右キーでページ送り。

URLを渡されてからブラウザがしていることは、大きく四つです。

  1. URLを読み、どこへ行くかを決める。
  2. 住所の名前から、ページを預かる相手のコンピューター(サーバー)の宛先を調べる(DNSとは の仕事)。
  3. サーバーに「このページをください」と頼み、HTML(文章と骨組み)、CSS(色や並び)、JavaScript(動き)、画像を受け取る(リクエストとレスポンスとは の中身)。
  4. 受け取った材料を読み、一つの画面に組み立てる。

第40話「ブラウザは何をしている?」 の工房と同じで、サーバーは材料を送る側、ブラウザは手元で組み立てる側です。

イトとマコトとピコが、ブラウザ工房でページ材料が画面に組み立てられる流れを見ている
ブラウザは、ページの材料を受け取り、読み取り、利用者が見られる画面に組み立てます。

マコト

届くのが写真じゃなくて材料だから、ページの文字を大きくしたり、コピーしたりできるのか

ピコ

そう。文字は文字のまま届くから、ブラウザが大きさも変えられるんだ

アドレス欄に住所ではなく、ただの言葉を入れたときに動くのが検索エンジンです。ここがブラウザと混ざる原因です。

ブラウザと検索エンジン(Google)の違い

ブラウザはアプリ、検索エンジンは情報を探すサービスです。Google検索やBing検索は検索エンジンで、ChromeやSafariはブラウザです。「Google」は検索エンジンの名前、「Google Chrome」はブラウザの名前で、同じGoogleが付いていても役目が違います。

ユイとピコが、ブラウザ窓から直接ページへ進む道と検索サービスへ進む道を見比べている
ブラウザはWebページを開くアプリで、検索エンジンは情報を探すサービスです。
アドレス欄に入れるものブラウザの動き
https://example.com/住所(URL)として読み、そのページへ向かう
ブラウザとは検索の言葉として検索エンジンに渡し、結果の一覧を開く
ブックマーク保存しておいたURLを開く

「ブラウザで検索する」という言い方は自然です。仕組みとして言うなら、ブラウザというアプリの中で、検索エンジンというサービスを使っています。

同じURLを開いたのに、前に見た古い画面のまま変わらない。そんなときは、ブラウザが手元に残しているものが関わっています。

ブラウザが覚えているもの|履歴・Cookie・キャッシュ

ブラウザは表示するだけでなく、三つのものを手元に残します。

名前ざっくりした役割
履歴開いたページの記録
Cookieログイン状態や設定などに使われる小さな情報
キャッシュ画像やファイルなどを再利用しやすくする保存

ログインしたまま開けるのはCookie、二度目の表示が速いのはキャッシュのおかげです。裏返すと、古いキャッシュが残って表示が変わらない、という形で不具合の側にも顔を出します。消す前に キャッシュ削除で何が起きるか で、消えるものを確かめられます。

ブラウザでページが開かないときの切り分け

「ブラウザで開いてください」のとおりにしても開かないとき、原因はURL・ブラウザ・回線と相手の三か所のどこかです。順に見ます。

  1. URL:アドレス欄の文字に抜けや余計な空白がないか。よく見る別のサイトは開くか。
  2. ブラウザ:別のブラウザ(SafariがだめならChrome)で開くか。開くなら、拡張機能(後から足した追加の機能)を止める、キャッシュを消す、の順で試す。
  3. 回線と相手:Wi-Fiや回線全体が遅くないか。サービス側に障害のお知らせが出ていないか。

特定のブラウザだけで起きるなら、そのブラウザの設定・拡張機能・キャッシュが候補です。どのブラウザでも同じなら、回線か相手側を疑います。

イト

検索する場所だと思ってたけど、材料を読んで画面を作る工房だったんだ

ユイ

次に「ブラウザで開いてください」と言われても、Safariを開いてURLを貼ればいいと分かりました

ブラウザとは何か、自分の言葉で説明してみよう

空欄を、自分の言葉で埋めてみてください。

ブラウザとは、Webページを______アプリです。
「ブラウザで開く」とは、URLをブラウザの______に貼って表示させることです。
検索エンジンは、情報を______サービスです。

答えの例は、「見るための」「アドレス欄」「探す」です。三つ言えたら、アプリとサービスを分けて説明できています。

ブラウザでよくある質問

Q1. ブラウザは一つだけ入れておけばいいですか?

A. ふだん使うのは一つで足ります。もう一つ入れておくと、ページが開かないときに「別のブラウザでは開くか」をすぐ試せます。

Q2. リンクを押したとき、自動で開くブラウザは変えられますか?

A. 変えられます。端末の設定にある「既定のブラウザ」「デフォルトのブラウザ」という項目で、入っているブラウザの中から選びます。

Q3. パソコンとスマホで、ブラウザは別物ですか?

A. 役目は同じで、同じURLを入れれば同じページを開けます。画面の大きさに合わせて、文字や画像の並びが変わるだけです。

次に「ブラウザで開いて」と言われたら

ユイが止まった案内文に戻ります。することは二つだけ。SafariかChromeのアイコンを探し、案内のURLをアドレス欄に貼る。それで、専用アプリではなくブラウザが材料を取りに行き、画面を組み立てます。いま、自分の端末でブラウザのアイコンを一つ見つけておいてください。次に言われたとき、迷う時間がなくなります。

この記事の情報・用語を確認する

読了目安 9分 / 更新日

TERM PRIMER

ブラウザ|この記事で使った言葉

ブラウザ
Webサイトのデータを受け取り、人が読める画面として組み立てるアプリです。
URL
Web上のページやファイルの場所を示す住所のような文字列です。
検索エンジン
Web上のページを集めて整理し、検索語に合うものを探して並べるサービスです。
HTML
Webページの文章や見出し、画像の位置など、ページの骨組みを書くための言葉です。
CSS
Webページの色、余白、文字サイズなど、見た目を整えるための言葉です。
JavaScript
Webページに動きや操作を加えるためによく使われるプログラミング言語です。
キャッシュ
一度使ったデータを一時的に保存し、次に速く使えるようにするしくみです。

LAB WHITEBOARD

ブラウザを一文で説明してみよう

「自分の端末でどれがブラウザかを見つけ、「ブラウザで開く」とは何をすることかと、検索エンジンとの違いを自分の言葉で説明できるようになる。」を、いまの自分の言葉で一文にしてみてください。途中の説明でも大丈夫です。