ホームページ >ウェブフロントエンド >jsチュートリアル >5 分でわかる初心者のためのウェブの仕組み

5 分でわかる初心者のためのウェブの仕組み

Barbara Streisand
Barbara Streisandオリジナル
2024-12-08 18:54:14561ブラウズ

How the web works for beginners in 5m
コンピューターまたは携帯電話の Web ブラウザーで Web ページを表示したときに何が起こるかを簡略化して学習します。

クライアントとサーバー

インターネットに接続されているコンピュータは、クライアントおよびサーバーと呼ばれます。簡略化された

How the web works for beginners in 5m

  • クライアントは、一般的な Web ユーザーのインターネット接続デバイス (Wi-Fi に接続されたコンピューターなど) と、それらのデバイスで利用可能な Web アクセス ソフトウェア (通常は Chrome などの Web ブラウザ) です。
  • サーバーは、Web ページ、サイト、またはアプリを保存するコンピューターです。クライアント デバイスが Web ページにアクセスしようとすると、Web ページのコピーがサーバーからクライアント マシンにダウンロードされ、ユーザーの Web ブラウザーに表示されます。

クライアントとサーバーに加えて、以下にも挨拶する必要があります。

  • インターネット接続: ウェブ上でデータを送受信できます。

  • TCP/IP: 伝送制御プロトコルとインターネット プロトコルは、インターネット上でのデータの移動方法を定義する通信プロトコルです。

  • DNS: ドメイン ネーム システムは、Web サイトのアドレス帳のようなものです。ブラウザに Web アドレスを入力すると、ブラウザは Web サイトを取得する前に、DNS を参照して Web サイトの IP アドレスを見つけます。ブラウザは、HTTP メッセージを適切な場所に送信できるように、Web サイトが存在するサーバーを見つける必要があります (以下を参照)。

  • HTTP: ハイパーテキスト転送プロトコルは、クライアントとサーバーが相互に通信するための言語を定義するアプリケーション プロトコルです。

  • コンポーネント ファイル: Web サイトは多くの異なるファイルで構成されています。これらのファイルには主に 2 つのタイプがあります:

    • コード ファイル: Web サイトは主に HTML、CSS、JavaScript から構築されます。
    • アセット: 画像、音楽、ビデオ、Word ドキュメント、PDF など、Web サイトを構成するその他すべての要素の総称です。

ブラウザに Web アドレスを入力すると

  1. ブラウザは DNS サーバーにアクセスし、Web サイトが存在するサーバーの実際のアドレスを見つけます
  2. ブラウザは HTTP リクエスト メッセージをサーバーに送信し、Web サイトのコピーをクライアントに送信するように要求します。このメッセージと、クライアントとサーバー間で送信されるその他すべてのデータは、TCP/IP を使用してインターネット接続経由で送信されます。
  3. サーバーがクライアントのリクエストを承認すると、サーバーはクライアントに「200 OK」メッセージを送信します。これは、「もちろん、その Web サイトを見ることができます。ここにあります」という意味で、Web サイトのファイルをブラウザーに送信し始めます。データパケットと呼ばれる一連の小さなチャンクとして
  4. ブラウザは小さなチャンクを組み立てて完全な Web ページを作成し、それを表示します。

ファイル解析の順序

  • HTML 解析: ブラウザは HTML ファイルを解析し、 を検出することから開始します。外部 CSS および