「インターネットはなぜつながるのか」をかなりざっくりまとめました。現在制作中です。

1. URL入力から画面表示までに
起こること6選
Kenshin oga

2. 目次
2
・全体像の説明
・起こること６選
①URLを解読しリクエストを作成
②リクエストをデータパケットに変換して送信
③自宅or会社のネットワークを通過
④インターネットによる転送
⑤Webサーバに到達
⑥Webサーバが受け取り、返信
・まとめ

3. 全体像の説明
3
ユーザ側
Webブラウザ
TCP/IP
LANドライバ
ハブ
ルーター
サーバ側
Webサーバー
TCP/IP
LANドライバ
キャッシュ
サーバ
ファイア
ウォール
コア・インターネット
電話局
電話局
プロバイダ
アクセス回線
アクセス回線

4. 全体像の説明
4
ユーザ側
Webブラウザ
TCP/IP
LANドライバ
ハブ
ルーター
サーバ側
Webサーバー
TCP/IP
LANドライバ
キャッシュ
サーバ
ファイア
ウォール
コア・インターネット
電話局
電話局
プロバイダ
アクセス回線
アクセス回線
①
②
③
⑤
⑥
④

5. 電話局
アクセス回線
サーバ側
Webサーバー
TCP/IP
LANドライバ
キャッシュ
サーバ
ファイア
ウォール
コア・インターネット
電話局
プロバイダ
アクセス回線
5
ユーザ側
Webブラウザ
TCP/IP
LANドライバ
ハブ
ルーター
全体像の説明
①URLを解読して
リクエストを作成

6. ①URLを解読しリクエストを作成
6
郵便で例えるなら...手紙を書く段階
リクエスト・メッセージ

7. ①URLを解読しリクエストを作成
7
・URLを解読
例
https: + // + www.youtube.com + /feed/trending...
プロトコル名
続く文字列がサーバであることを表す
Webサーバ名 データ元のパス名
ブラウザの開発者ツール
・プロトコル名： どういう通信がしたいか（http, ftp, file, mailto...）
・データ元のパス名： サーバ上のリソースや仮想的なルーティング
「youtubeの急上昇ページにアクセスしたい」とわかる

8. 8
・リクエスト・メッセージを作成
①URLを解読しリクエストを作成
GET /feed/trending HTTP/１.１
・・・
Host :www.youtubei.com
User-Agent : Mozilla/5.0 (Windows NT 10.0; Win64; x64)
AppleWebKit/537.36 (KHTML, like Gecko)
Chrome/117.0.0.0 Safari/537.36
・・・ (十数行続く)
例：youtubeの急上昇ページにアクセス
メソッド：サーバに何をしてほしいか
(主にGET,POSTを使う)
URI：処理の対象(ファイルパスなど)

9. 9
・サーバ名からIPアドレスを問い合わせる
①URLを解読しリクエストを作成
サーバ名(ドメイン名)： 人間が理解しやすい
IPアドレス ： 機械が理解しやすい
Webブラウザ
TCP/IP
LANドライバ
ユーザのPC
２つを変換する機能が必要
DNS
(ドメインネームシステム)
[ www.youtube.com ]の
IPアドレスは？
[ 172.217.175.14 ]です！
アクセス先(IPアドレス)が判明！
通信をするには、相手のIPアドレスが必要

10. 電話局
アクセス回線
サーバ側
Webサーバー
TCP/IP
LANドライバ
キャッシュ
サーバ
ファイア
ウォール
コア・インターネット
電話局
プロバイダ
アクセス回線
10
ユーザ側
Webブラウザ
TCP/IP
LANドライバ
ハブ
ルーター
全体像の説明
②リクエストを
データパケットに
変換して送信

11. ②リクエストをデータパケットに変換して送信
11
郵便で例えるなら...
手紙を封筒に入れ、宛先と切手を貼る段階
リクエスト・メッセージ

12. ②リクエストをデータパケットに変換して送信
12
パケット化する＝転送に必要な情報をくっつける
・パケットとは … データを運ぶための形
・パケットの形式
ヘッダー
ヘッダー (宛名や切手のようなもの)
データ(中身)
基本形
MACヘッダー IPヘッダー
TCP/IP
TCPヘッダー リクエスト
・パケット化の流れ
HTTPヘッダー メッセージ・ボディ
リクエスト
TCP 断片１
TCPが断片に分割
断片２
TCP 断片１
IP
TCP 断片１
IP
MAC
パケットのできあがり！

13. 13
②リクエストをデータパケットに変換して送信
各ヘッダの情報、役割
●TCP：データの品質を管理
・宛先、送信元ポート番号(どのアプリか)
・データ断片の順序情報
・データが送れているかを管理
・通信相手との接続情報
・データが壊れていないかを管理 ...など
●IP
・宛先、送信元IPアドレス ...など
●MAC
・宛先、送信元MACアドレス ...など
・パケット化の流れ
HTTPヘッダー メッセージ・ボディ
リクエスト
TCP 断片１
TCPが断片に分割
断片２
TCP 断片１
IP
TCP 断片１
IP
MAC
パケットのできあがり！

14. ②リクエストをデータパケットに変換して送信
14
〇IPアドレスとMACアドレスの使い分け
ルータA
IPアドレス：192.168,10,1
MACアドレス:18:3e:ef:b9:37:9
ルータB
IPアドレス：192.168,10,2
MACアドレス:18:3e:ef:b9:37:10
PC1
MACアドレス：18:3e:ef:b9:37:11
PC2
...
PC3
MACアドレス：18:3e:ef:b9:37:13
PC4
...
・IPアドレス：インターネットにおける住所
・MACアドレス：機器の識別番号(ルータも)
〇IPアドレスとMACアドレスの違い
セグメント１ セグメント２
東京エリア 大阪エリア
東京営業所 大阪営業所
東京都××区1-1
大阪府××市1-1
・IPアドレス ➡ 最終的にどこに届けるか
・MACアドレス ➡ 次にどこに届けるか
☆２つのアドレスがあることで
効率的な通信ができる

15. ②リクエストをデータパケットに変換して送信
15
・図で流れを確認(参考)
①URLを解読して
リクエストを作成
②リクエストを
データパケットに
変換して送信
③自宅or会社の
ネットワークを通過