MENU
  • ホーム
ネットの中に自分の知識と資産を築こう
WordPressで自分の人生を豊かにするブログ
  • ホーム
WordPressで自分の人生を豊かにするブログ
  • ホーム
  1. ホーム
  2. パソコン
  3. Webページが表示される仕組みを専門用語を含めて理解しておこう

Webページが表示される仕組みを専門用語を含めて理解しておこう

2024 6/04
パソコン
当ページのリンクには広告が含まれています。

何気なくインターネットを使ってると思いますがWordPressでブログをやる場合には【Webページが表示される仕組み】を分かっていた方が良いです

この後に用語の解説もしますが、簡単にご説明します

WebブラウザでWebサイトを見るときの流れ
  1. URLに含まれているドメインをDNSサーバーに問い合わせます
  2. DNSサーバーがドメインからIPアドレスを特定します
  3. 特定したIPアドレスがDNSサーバーから送信されます
  4. 取得したIPアドレスのWebサーバーにデータを要求(リクエスト)します
  5. Webサーバーが要求に応じて保存しているリソース(HTMLやCSS・画像など)を返します(レスポンス)
  6. Webサーバーから返されたデータをWebブラウザで表示させます
目次

Webブラウザとは

Webブラウザとは、インターネット上にあるWebページを見るためのアプリケーションのことです

有名なところで言うと下記のようなものです

左から「Apple Safari」「Google Chrome」「Microsoft Edge」「Mozilla Firefox」になります

ブラウザによって機能は多種多様です

ドメイン=IPアドレス

ドメインとは人間が管理しやすいように付けられた「任意のアルファベットや数字」の事です

IPアドレスはコンピューターが管理しやすい「184.3.2.6」とかの数字の羅列です(分かりやすく適当につけた数字です)

「ドメイン=IPアドレス」です。

人間から見るかコンピューターから見るかの違いです

DNSサーバーとは

DNSサーバーとはドメイン名とIPアドレスを紐つけて管理するコンピューターのことで、ドメインを問い合わせるとそのドメインのIPアドレスを教えてくれます

リソースとは

Web関係でリソースというと、HTMLやCSS・画像の事を指します

Webサーバーとは

Webサーバーとはリソースを管理しているコンピューターのことで、取得したIPアドレスのWebサーバー内にあるリソースを要求することができます

そしてWebサーバーから返されたデータ(リソース)をWebブラウザで見る事ができます

要求することをリクエストといい、返されることをレスポンスと言います

まとめ

用語を理解すると記事冒頭でご説明した内容が理解できると思います

おさらいをするとこんな感じです

やなぎ

「Yahoo」にアクセスすると仮定します

WebブラウザでYahooのURLにアクセスするとき、http://www.yahoo.co.jp/というURLにアクセスします

このURLに含まれているドメイン、つまり「yahoo.co.jp」です。

「yahoo.co.jp」をDNSサーバーに問い合わせると、ドメインのIPアドレスを教えてくれます

DNSとはドメイン名とIPアドレスを紐つけて管理するコンピューターのことで、WebブラウザとはGoogle Chrome、Mozilla Firefox、Microsoft Edge、Apple SafariなどのWebサイトを観覧するためのアプリケーションのことです

IPアドレスは数字の羅列なのでコンピュータからは管理しやすいですが、人間からは管理しにくいので分かりやすく任意のアルファベットで管理します

その任意のアルファベットのことをドメインと言います

「ドメイン=IPアドレス」です

ハリネズミ博士

東京タワーの場所をX Y座標で言われても分からないので「東京都港区芝公園4丁目2−8」と住所で管理するというような感覚です

取得したIPアドレスをリソース(HTMLやCSS・画像など)を保存しているWebサーバーにデーターをリクエスト(要求)します

するとWebサーバーからレスポンスされた(返された)データをWebブラウザで表示させる事ができます

今回はヤフーニュースが見る事ができます

パソコン
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
  • ブログのお問い合わせフォームから英文のメールが来て困っている
  • HTMLとCSSのコードを書く「VS Code」のショートカットキーをご紹介します

この記事を書いた人

yanagimanのアバター yanagiman

関連記事

  • HTMLとCSSのコードを書く「VS Code」のショートカットキーをご紹介します
    2024年6月4日
  • Google chrome(グーグルクローム)でcookie(クッキー)を確認する方法
    2021年2月25日
  • FTPソフト⇒FileZilla(ファイルジラ)をインストールしてエックスサーバーに接続してファイルをアップロードしよう
    2020年3月28日
  • エックスサーバーで独自ドメインのメールアドレスを作ってGメールに転送させてみよう
    2020年3月28日
  • キーボードで文字を打つと入力したところから文字が消えてしまう時の対処法
    2020年3月28日
  • キーボードのテンキーで数字が入力できなくて上下左右に移動してしまう時の対処法
    2020年3月28日
  • キーボードでアルファベットを入力すると全部大文字になっちゃう時の対処法
    2020年3月28日
  • 1番簡単な方法でPDFを圧縮してMBを減らし複数のPDFをZipファイルに圧縮しよう
    2020年3月28日
WordPressの相談窓口

WordPressの導入方法・操作方法等で困っている事はありませんか?超基本過ぎて誰にも聞けないような事ありませんか?出来る限り期待に応えたいと思っています

新着記事
  • CSSの超基礎と全体像を知ろう
  • HTMLの超基礎と全体像を知ろう
  • HTMLとCSSのコードを書く「VS Code」のショートカットキーをご紹介します
  • Webページが表示される仕組みを専門用語を含めて理解しておこう
  • ブログのお問い合わせフォームから英文のメールが来て困っている
カテゴリー
  • HTML/CSS
  • おすすめ教材
  • ドメイン・サーバー
  • パソコン
  • ビジネス思考
  • プライベート
  • プラグイン
  • メルマガ集客
  • ワードプレス
  • 便利なツール
  • 賢威
目次
  • ホーム
  • プライバシーポリシー
  • お問い合わせ&お悩み相談フォーム
  • 特定商取引法に基づく表記

© yanagiman

目次