ブラウザを開き、 www.example.com Enterキーを押します。1秒後にはページが読み込まれます。しかし、その舞台裏では何が起こっているのでしょうか？実際には、インターネットの存在自体を可能にする一連の技術的プロセスが存在します。
すべてを段階的に見ていきましょう👇
1. DNS — インターネットの「電話帳」
コンピューターは「example.com」のような単語を理解しません。コンピューターは数字を交換します。 IPアドレスサイト名をIPに変換するには、 DNS (Domain Name System) — グローバル分散データベース。
サイトのアドレスを入力すると、ブラウザはDNSサーバーにリクエストを送信します。DNSサーバーは、必要なサーバーが配置されているIPアドレスを返します。これでコンピューターはどこに連絡するかがわかります。
例： www.google.com → 142.250.190.78
2. 接続の確立 — HTTP および HTTPS プロトコル
IPアドレスを知っているブラウザは、サーバーへの接続を開始します。これはプロトコルに従って行われます HTTP またはその保護されたバージョン HTTPS.
HTTP — クライアントとサーバー間のデータ交換の一般的なプロトコル。
HTTPS — 同じプロトコルですが、データが傍受されないようにSSL/TLSを使用して暗号化されています。
アドレスの横に鍵が表示されている場合、接続は保護されています 🔒
3. リクエストとデータパッケージ
ブラウザが送信します HTTP リクエスト これは、サイトのメインページなど、受信したいものが正確に記載された手紙のようなものです。
インターネットはデータを完全に送信するのではなく、小さな断片として送信します。 パッケージ各パケットは、目的地に到達するまで、多くのデバイスやサーバーを経由して独自のルートをたどります。
すべてのパケットが到着すると、HTMLページ、スタイル、スクリプト、画像が1つの応答にまとめられます。
4. ネットワークの旅
各パッケージは ルーター —グローバルネットワーク上で最適なルートを選択する特別なデバイス。あるパケットはドイツを経由し、別のパケットはフィンランドを経由しますが、最終的にすべてがコンピューター上で一緒に集まります。
これによりインターネットは安定しています。どこかで切断された場合、パケットは別のルートを見つけます。
5. サーバーからの応答
サーバーはリクエストを受け取り、処理して結果を返します。これは次のとおりです。
HTMLファイル—ページ構造。
CSS — レイアウトと色;
JavaScript — ロジックとインタラクティブ性。
画像、ビデオ、その他のリソース。
応答は同じ原則で返されます。つまり、ブラウザが収集したデータパケットの形式で返されます。
6. ブラウザはどのようにページを描画しますか？
レンダリングの魔法が始まります。ブラウザは以下の手順で動作します。
HTMLを解析し、ドキュメントの構造を構築します（DOM).
CSS のスタイルを適用します（ CSSOM).
JavaScriptを実行し、インタラクティブ性とダイナミクスを追加します。
画面上のすべてをレンダリングします。
そのため、サイトは段階的に読み込まれます。最初にテキスト、次に画像、そしてアニメーションが表示されます。
7. キャッシュ：再ログイン時のアクセス速度の向上
読み込みを高速化するために、ブラウザは一部のデータ（画像、スタイル、フォント）を キャッシュ次回アクセスした際に、これらのファイルを再度ダウンロードする必要はありません。ページはすぐに開きます。
Enterキーを押してから数秒後に起こることは次のとおりです。
ブラウザはDNSを介してIPを検索します。
HTTPS接続を確立します。
HTTPリクエストを送信します。
データはネットワーク上でパケットで送信されます。
サーバーはHTML、CSS、JSに対応しています。
ブラウザにページが表示されます。
速度を上げるためにファイルがキャッシュされます。
これらはすべて、ほんの一瞬で起こります。インターネットは本当に素晴らしいものです。
アプリで コディック ネットワーク、Web開発、プロトコルの基礎を学ぶことができます。インターネットの内部構造、独自のサーバーの書き方、クエリの分析方法を学びます。そして Telegramチャンネル コディカは、他の学生と話し合い、質問をすることができます。
Enterキーを押した後に何が起こるか、考えたことはありますか？どの段階が一番驚いたかコメント欄に書いてください。