流れ6の1語目 / 10

ブラウザ・URL

ネットワーク
会社の公式Webサイトの改修チームに入った初日です
「今回の改修範囲は、URLのパスが /news/ で始まるページね」
「ブラウザ・URL」って、何のことだろう…?

ブラウザは、Webページを見るためのソフトです。

URL(ユーアールエル)は、見たいページの「住所」です。ブラウザはURLを読んで、どのサーバーに、どのページを頼むかを決めます。

このページで分かること読む 約3分・問題 3問
  • ブラウザは、URLをもとにサーバーへページを頼み、返ってきたものを画面に表示するソフト
  • URLは「どうやって・どこの・何を」を1行で表した住所
  • ? から後ろ(クエリ)はサーバーに渡す条件、# から後ろ(フラグメント)はページの中の場所

身近な例えで理解する

家族に、図書館で借りてきてほしい本をメモで頼みます。「市立中央図書館の、2階の、旅行の棚の、この本。45ページを見たい」と、大きい場所から順にしぼって書きます。家族はメモを見て図書館へ行き、本を借りて帰ってきます。そして45ページを開いて、目の前に広げて見せてくれます。

  • メモを見て本を取ってきて、開いて見せてくれる家族ブラウザ
  • 図書館の名前ドメイン名(どこのサーバーか)
  • 2階の旅行の棚の、この本パス(サーバーの中のどのページか)
  • 45ページを開く# から後ろ(ページの中の場所)

家族は図書館のカウンターで「45ページを見たい」とまでは伝えません。何ページを開くかは、持ち帰ってから家族が使う情報です。URLの # から後ろも、サーバーには送られず、ブラウザだけが使います。

ちょっと確認

Q1対応づけ

https://www.example.jp/news/2026/?page=2 の各部分と、意味を結んでください。

左から1つ選び、次に右から合うものを選んでください。

左
右

例えを外して、実際のしくみ

ここからは実際のしくみ
スキーム(https)

どの決まりで通信するか。https なら暗号化したHTTPで通信します(→15 HTTP/HTTPS)。ポート番号を書かないときは、https なら443番が使われます(→05 ポート番号)

ドメイン名(www.example.jp)

どのサーバーか。ブラウザはDNSでIPアドレスに変えてからつなぎます(→04 DNS)

パス(/news/2026/)

サーバーの中のどのページ・ファイルか。/ で区切って階層を表します

クエリ(?page=2)と フラグメント(#contact)

? から後ろは、サーバーに渡す条件(「2ページ目」「検索ワード」など)。名前=値 の形で、いくつもあるときは & でつなぎます。# から後ろは、ページの中のどこを表示するか。# から後ろはサーバーには送られず、ブラウザだけが使います

https://www.example.jp/news/2026/?page=2#contact を例に、左から読みます。

このページのまとめ

ブラウザ
URLをもとにページを頼み、返ってきたものを表示するソフト
URL
見たいページの住所。スキーム・ドメイン名・パスなどでできている
パス
サーバーの中のどのページか。/ で区切った階層
クエリ(?〜)
サーバーに渡す条件
フラグメント(#〜)
ページの中の場所。サーバーには送られない

先輩のひとことの意味

先輩「今回の改修範囲は、URLのパスが /news/ で始まるページね」

ドメイン名の後ろ、/news/ から始まる部分がパスです。「サイトの中で /news/ の下にあるページ(お知らせのページ)だけを直す」という意味です。https://www.example.jp/news/2026/ は範囲に入りますが、https://www.example.jp/about/ は入りません。

練習問題で確かめる

Q2先輩のひとこと
先輩「URLのパスが /news/ で始まるページが改修範囲ね」

改修範囲に入るURLはどれ?

Q34択

URLの # から後ろ(例:#contact)について、正しいものは?

参考資料

ご意見・「これで例えて!」を募集しています

ご意見・ご感想・質問・間違いのご指摘など、何でもお気軽にお寄せください。「この言葉も例えで説明してほしい」「こんな例えなら分かりやすい」という声をもとに、新しいページや例えを作ります。

  • 説明してほしいITの言葉
  • 例えてほしい場面(部活・アルバイト・家事など)
  • 分かりにくかったところ・間違いのご指摘

意見箱は準備中です。

解説・例え・練習問題はすべてオリジナルです。参考にしているのは公式ドキュメントのみです。ご意見・ご感想・間違いのご指摘など、何でもお寄せください。確認してすぐに直します。

LinuCはLPI-Japanの登録商標です。当サイトはLPI-Japanおよび他の企業・団体とは関係ありません。

運営:core