1
～私たちはどのようにしてウェブサイトを表示できるのか～
『インターネットで
ウェブサイトを表示している裏側の話』
さくらインターネット株式会社
ク ラ ウ ド 事 業 本 部
前佛 雅人
ZEMBUTSU MASAHITO
2021年6月17日(木)

2

17:05～17:20
『 インターネットでウェブサイトを表示している裏側 』
さくらインターネット株式会社 前佛 雅人
17:20～17:30
『 なぜ今、公式サイトが必要なのか 』
浄土宗善立寺 副住職 小路竜嗣
17:30～18:15
『 Wixで実現するお寺のDX化 』
Wix.com Japan株式会社 コミュニケーションズマネージャー 間島ゆかり
WixerDesign合同会社 代表 平川 亮二
18:15～18:30
質疑応答

4

今日お伝えしたいこと
• “コンピュータやインターネットは「魔法の箱」ではない”
• インターネットは、世界中のコンピュータが、
一定のルールに基づいて相互接続しているネットワーク。
• データセンタの中に「箱」としてのサーバがあり、
「ソフトウェア」としてのサーバが動いている。
• URL やドメイン名を辿れば、（人間が分かりやすく）
コンピュータはサーバと通信できる。
5

「通信」とは？
① 様子を知らせること（手紙）。
② ［郵便・電信・電話などで］情報を交換し、連絡をとること。
6
（出典：新明解国語辞典 第八版, 2020）
全世界規模の情報通信ネットワーク
『 インターネット 』

「通信」とは？
① 様子を知らせること（手紙）。
② ［郵便・電信・電話などで］情報を交換し、連絡をとること。
7
（出典：新明解国語辞典 第八版, 2020）
全世界規模の情報通信ネットワーク
『 インターネット 』 データセンタとサーバ

8
全世界規模の情報通信ネットワーク
『 インターネット 』
電話局
郵便局
データセンタとサーバ
スマートフォン（携帯電話）は
電話網を通した通話だけでなく、
情報通信ネットワークも接続

情報通信ネットワーク ( information and communication network )
• 複数のコンピュータをケーブルや無線信号を用いるデータ通信回線で接
続し、データをやりとりする通信網をコンピュータネットワークという。
• 現代の情報通信ネットワークは、電話網やコンピュータネットワーク。
• 電話網は回線交換方式。
• インターネットはパケット交換方式。
• コンピュータ、入出力機器、計測機器
などをネットワークでつなぎ、全体と
して1つの働きを持たせるように組み
あわせたものを情報システムという。
9

10
電話網
076-475-1234 076-475-0119
電話局
（市内局番）
※回線交換方式
コンピュータネットワーク
ハブ
192．168．0．11 192.168.0.12
（LAN＝ローカルエリアネットワーク）
※パケット交換方式
パケット

11
東京在住
A さん
大阪オフィス
B さん
東京の A さんが、大阪（06）の B さんに電話するには？
?

12
電話網
076-475-1234 076-475-0119
電話局
（市内局番）
電話網
（市外局番・携帯電話）
東京 03
携帯キャリア 090
市内局番475 市外局番3
市外局番9番（うち、当該キャリアのもの）

13
電話番号
03-xxxx-xxxx
東京○○局
市内交換機
（加入者交換機）
※固定電話網
市外局番3
06-xxxx-xxxx
大阪○○局
市内交換機
（加入者交換機）
市外局番6
（参考）総務省｜電気通信番号制度｜電話番号に関するQ&A
https://www.soumu.go.jp/main_sosiki/joho_tsusin/top/tel_number/q_and_a.html
0
国内
市外局番
1～4桁
市内局番
1～4桁
加入者番号
4桁
NTT東日本
番号情報
データベース
TDIS ( Telecom Directory
Information System
NTT西日本
番号情報
データベース
TDIS ( Telecom Directory
Information System
06-xxxx-xxxx
03-xxxx-xxxx

14
03-xxxx-xxxx
東京○○局
市内交換機
（加入者交換機）
※固定電話網
市外局番3
06-xxxx-xxxx
大阪○○局
市内交換機
（加入者交換機）
市外局番6
（参考）総務省｜電気通信番号制度｜電話番号に関するQ&A
https://www.soumu.go.jp/main_sosiki/joho_tsusin/top/tel_number/q_and_a.html
NTT東日本
番号情報
データベース
TDIS ( Telecom Directory
Information System
NTT西日本
番号情報
データベース
TDIS ( Telecom Directory
Information System
中継交換機 中継交換機
中継交換機
中継事業者

15
社内 LAN のパソコン データセンタにある
サーバ
http://www.example.jp
インターネットのウェブサイトを開くには？
?

16
コンピュータネットワーク
ハブ
L2スイッチ
192．168．0．11
（LAN＝ローカルエリアネットワーク）
無線 LAN アクセスポイント
192.168.0.12 192．168．50．101
ルータ
L3スイッチ
192．168．50．102
「パケット」と呼ぶ
分割したデータを
やりとりする
パケット
「ハブ」は
コンピュータ間を
接続
「スイッチ」は
ネットワーク間を
接続

17
ハブ
192．168．0．11
無線 LAN アクセスポイント
192.168.0.12 192．168．50．102
192．168．50．101
ルータ
192.168.0.0/24 192.168.50.0/25
192.168.0.0/255.255.255.0
192.168.0.0～192.168.0.255
192.168.50.0/255.255.255.128
192.168.50.0～192.168.50.127
192.168.0.1 192.168.50.1
ゲートウェイ
TCP ( Transmission Control Protocol )
IP ( Internet Protocol )

18
いわゆる「インターネット」という概念は『 Inter- + Network 』
ルータ
IP アドレス
( IPv4 / IPv6 )
社内 LAN
ルータ
ISP
インターネットサービスプロバイダ
ルータ
データセンタ
サーバ サーバ
IX相互接続点
Internet Exchange Point
コンテンツ事業者
ネットワーク
ルータ
（参考）インターネットの仕組みとISPの構造
https://www.slideshare.net/taijitsuchiya5/isp-55698799
～の間, 相互に
The Internet
組織が所有するネットワークを
相互接続
ルータ
※ハードウェア筐体としての「サーバ」と、
ネットワークでサービスを提供する「サーバ」

19
いわゆる「インターネット」という概念は『 Inter- + Network 』
ルータ
IP アドレス
( IPv4 / IPv6 )
社内 LAN
ルータ
ISP
インターネットサービスプロバイダ
ルータ
データセンタ
サーバ サーバ
IX相互接続点
Internet Exchange Point
コンテンツ事業者
ネットワーク
ルータ
（参考）インターネットの仕組みとISPの構造
https://www.slideshare.net/taijitsuchiya5/isp-55698799
～の間, 相互に
The Internet
ルータ
CDN
Contents Delivery Netowrk
ルータ
携帯電話事業者
ルータ

データセンタの機能と役割
• サーバや機器などを収容する専用の設備をデータセンタという。
• データセンタ上のインフラを使い、さくらインターネットは
クラウドサービスを提供している
20

ISHIKARI
石狩
石狩データセンタ

23
[画像] 「プロバイダーマップ」制作秘話【iNTERNET magazine Reboot】(1/2) - INTERNET Watch
https://internet.watch.impress.co.jp/img/iw/docs/1086/818/html/199506.png.html
1995
年

24
[画像] 「プロバイダーマップ」制作秘話【iNTERNET magazine Reboot】(2/2) - INTERNET Watch
https://internet.watch.impress.co.jp/img/iw/docs/1086/818/html/200110.png.html
2001
年

25
25
https://en.wikipedia.org/wiki/Internet#/media/File:Internet_map_1024_-_transparent,_inverted.png
インターネット上の接続経路を可視化した図

26
26
Pete LinforthによるPixabayからの画像

27
27
インターネット（英: the Internetあるいは英: internet[1]）とは、イ
ンターネット・プロトコル・スイートを使用し、複数のコンピュータ
ネットワークを相互接続した、グローバルなネットワーク（地球規
模の情報通信網）のことである。

28
28
インターネット（英: the Internetあるいは英: internet[1]）とは、イ
ンターネット・プロトコル・スイートを使用し、複数のコンピュータ
ネットワークを相互接続した、グローバルなネットワーク（地球規
模の情報通信網）のことである。
世界中のコンピュータを、
一定の決まり事に基づいて
相互接続しているネットワーク。

ネットワークでの情報のやりとり
• 情報通信ネットワークは、範囲や接続形態によって、LAN(Local Area
Network)、WAN(Wide Area Network)、インターネットがある。
• インターネットは、電子メールやWebページなど、情報のやりとりをするため
のサービスを提供するコンピュータ（サーバ）や情報の交通整理をする機器
（ルータ）、それらを利用するための
コンピュータなどが接続されている。
• 情報機器の種類が異なっても、TCP/IP
と呼ぶ通信手順（通信プロトコル）に
従って通信データのやりとりができる。
29

ここまでの用語の振り返り
⚫ LAN ( Local Area Network )
⚫ インターネット ( The Internet, Inter + Network )
⚫ IX ( Internet Exchange Point )
⚫ IP アドレス ( Internet Protocol Address )
⚫ TCP/IP 、通信プロトコル
⚫ データセンタ
30

31
社内 LAN のパソコン データセンタにある
http://www.example.jp
インターネットのウェブサイトを開くには？
?
HTTP
http://www.example.jp/index.html

32
社内 LAN のパソコン データセンタにある
http://www.example.jp
インターネットのウェブサイトを開くには？
?
HTTP
http://www.example.jp/index.html
クライアント サーバ

33
社内 LAN のパソコン データセンタにある
http://www.example.jp
インターネットのウェブサイトを開くには？
?
❷ ウェブサイトの接続先
IP アドレスを知るには？
❹ そもそも、どのような手順で
サーバからファイルを
手に入れられるの？
❸ サーバとは何なの？
HTTP
http://www.example.jp/index.html
クライアント サーバ
❶ そもそも「www」って何？？

34
34
TanteTatiによるPixabayからの画像

35
35
蜘蛛の巣 ウェブ

36
36
Web
ウェブ
Wide
ワイド
World
ワールド
Tim Berners-Lee
“Hyper Text”
NCSA Mosaic NCSA HTTPd

37
37
http://www
Hyper Text Transfer Protool

38
http://www.example.jp
user@example.jp
ドメイン名
ドメイン名
ドメイン名

39
http://www.example.jp/index.html
ドメイン名
ホスト名
FQDN (fully qualified donamein name)
（絶対ドメイン名、完全に指定されたドメイン名）
パス名
プロトコル
URL ( Uniform Resource Locator )
URL

情報機器の識別 = DNS ( Domain Name System)
• 情報通信ネットワークに接続されている情報機器は、IPアドレスと呼ばれる
番号が割り振られて識別されている。
• IPアドレスは数字の羅列でわかり
にくいため、DNSサーバにあるデー
タベースで、IPアドレスとドメイン
名を対応させ、目的のコンピュー
タに辿り着く。
40

ここまでの用語の振り返り
⚫ WWW ( World Wide Web )
⚫ DNS ( Domain Name System )
⚫ URL ( Uniform Resorce Locator )
⚫ ホスト名、ドメイン名
⚫ サーバ
⚫ HTTP ( Hyper Text Transfer Protocol )
41

42
42
サーバー
Server

43
43
Colossus CloudによるPixabayからの画像

さくらのレンタルサーバのプラン
• https://www.sakura.ne.jp/
44

サーバ
• ハードウェア（筐体）としての「サーバ」
• ソフトウェア（サービス）としての「サーバ」
45

46
開発部
A さん
総務部
B さん
開発部の A さんが、総務部の B さんに内線電話するには？
?

47
開発部
A さん
総務部
B さん
内線電話のフロー（相手の番号を知らない場合）
内線表
a
内線表を調べる
b
内線番号が分かる
c 電話機で
ダイヤルを入れる
開発部の部屋 総務部の部屋
PBX網
Private Branch eXchange
PBX
構内交換機
内線表を調べ（look up）、相手の電話番号を知る

48
開発部
A さん
総務部
B さん
内線電話のフロー（相手の番号を知っている場合）
内線表
a 電話機で
ダイヤルを入れる
開発部の部屋 総務部の部屋
PBX網
Private Branch eXchange
PBX
構内交換機
相手の番号を頭の中（ローカル）に
記憶している（キャッシュがある）ので
内線表を調べる（look up）する必要がない

電話とインターネットの名前解決
• 電話
• 電話番号を知らなければ、内線表を調べる
• 社外（外線）の番号は、電話帳（タウンページ、ハローページ）を調べる
• 番号が分かれば、PBXが外線・内線を自動的に判断して接続
• インターネット
• IPアドレスが分からなければ、ホスト名から調べる（DNSの名前解決）
• ローカル（自分のPC、社内DNS）で知らない（キャッシュが無い）場合、
名前解決のためにインターネットに問い合わせる
• IPアドレスが分かれば、ルータが社内LANとインターネットを自動的に判断して接続

50
社内 LAN のパソコン データセンタにある
サーバ
http://www.example.jp
インターネットのウェブサイトを開くには？
?

51
ハブ
192．168．0．11
無線 LAN アクセスポイント
192.168.0.12 192．168．50．102
192．168．50．101
ルータ
192.168.0.0/24 192.168.50.0/25
192.168.0.0/255.255.255.0
192.168.0.0～192.168.0.255
192.168.50.0/255.255.255.128
192.168.50.0～192.168.50.127
192.168.0.1 192.168.50.1
ゲートウェイ
TCP ( Transmission Control Protocol )
IP ( Internet Protocol )

52
ドメイン名の概念は、階層構造
.org .com .net
.edu .gov
example.com
www.example.com mail.example.com
“ . ” (ルート)
.cn .us
sakura.ad.jp
www.sakura.ad.jp mail.sakura.ad.jp
.jp
gTLD
generic Top Level Domain
ccTLD
Country Code Top Level Domain

ドメインは権限の委譲で管理
• インターネット上の DNS は分散管理
• ドメインごとに管理団体が存在
• gTLD
• ccTLD
• “.jp” は JPNIC がドメインの情報を管理・権限委譲
• DNS サーバ（ネームサーバ）のデータベースを管理
• ドメインの権限を委譲された DNS サーバ
• 自ドメインの DNS レコードを管理できる
• DNS レコードの権限委譲ができる（いわゆる、サブドメイン）

ここまでの用語の振り返り
⚫ DNS ( ドメインネームシステム）
⚫ DNS の「名前解決」
⚫ ドメイン名
⚫ gTLD
⚫ ccTLD
⚫ DNS レコード
54

まとめ

56

今日お伝えしたいこと
• “コンピュータやインターネットは「魔法の箱」ではない”
• インターネットは、世界中のコンピュータが、
一定のルールに基づいて相互接続しているネットワーク。
• データセンタの中に「箱」としてのサーバがあり、
「ソフトウェア」としてのサーバが動いている。
• URL やドメイン名を辿れば、（人間が分かりやすく）
コンピュータはサーバと通信できる。
57

参考資料

59
59
用語集 - JPNIC
https://www.nic.ad.jp/ja/tech/glossary.html