どうしてブラウザから世界中のWebページが見れるの？

どうしてブラウザから
世界中のWebページを⾒ることができるの？

ブラウザはの役割は？
ファイルを
読み取って
HTML
CSS
JavaScript

ブラウザの役割 ⇒ HTML/CSS/JSを読み込んで
画⾯に表⽰してくれる！
ファイルを
読み取って
画⾯に
　表⽰してくれる！
HTML
CSS
JavaScript

じゃあどこのファイルを読み込むの…？？

じゃあどこのファイルを読み込むの…？？
↓
その「どこ？」を⽰すのがURL
URL=ファイルの住所！

URLは住所！…ってどうゆうこと？

このURLが表すのは、
file:///C:/Users/y-kinoshita/Desktop/profile.html

「y-kinoshitaというこのコンピューターの中の、

「y-kinoshitaというこのコンピューターの中の、デスクトップにある、

「y-kinoshitaというこのコンピューターの中の、デスクトップにある、 profile.htmlというファイルを
読み込んで表⽰してますよ！」という意味

URLをもう少し細かく⾒てみると…
file:///C:/Users/y-kinoshita/Desktop/profile.htmlが
表すのは…？？
click!!

フォルダ開いて…
モザイクモザイクモザイク
click!!

ここが
「file:///C:」
で、
click!!

ここが
「file:///C:」
で、
click!!
click!!

ここが
「file:///C:」
で、
その中に
ユーザー(Users)
があって
click!!
click!!

ここが
「file:///C:」
で、
その中に
ユーザー(Users)
があって
click!!
click!!
click!!

ここが
「file:///C:」
で、
その中に
ユーザー(Users)
があって
その中に
y-kinoshita
があって
click!!
click!!
click!!

ここが
「file:///C:」
で、
その中に
ユーザー(Users)
があって
その中に
y-kinoshita
があって
click!!
click!!
click!!
click!!

ここが
「file:///C:」
で、
その中に
ユーザー(Users)
があって
その中に
y-kinoshita
があって
その中に
デスクトップ
があって
click!!
click!!
click!!
click!!

ここが
「file:///C:」
で、
その中に
ユーザー(Users)
があって
その中に
y-kinoshita
があって
その中に
デスクトップ
があって
click!!
click!!
click!!
click!!
click!!

ここが
「file:///C:」
で、
その中に
ユーザー(Users)
があって
その中に
y-kinoshita
があって
その中に
デスクトップ
があって
その中に
profile.html
があって
これが表⽰される！
click!!
click!!
click!!
click!!
click!!

URLをいろいろ変えると
⾃分 PC内あらゆるところにあるファイルに
アクセスできる

URLをいろいろ変えると
⾃分 PC内あらゆるところにあるファイルに
アクセスできる
↓
アクセスできるなら、
そのURLをブラウザに⼊⼒すれば、
表⽰可能！

でも、
隣の⼈のPCのファイルを⾒たいときは…？？

隣のPCは
そのままでは繋がってない(=アクセスできない)ので、
隣のPCのファイルを読むことはできない！
profile.html
A B
AさんのPCの中のprofile.htmlには
アクセスできない！！
HTML
CSS
JavaScript

じゃあどうやったらAさんのファイルを⾒れるの？
profile.html
A B
AさんのPCの中のprofile.htmlには
アクセスできない！！
HTML
CSS
JavaScript

レンタルサーバを借りて、そこに置く！

これ全部、
コンピュータ!!
レンタルサーバを借りて、そこに置く！

レンタルサーバとは？？ ⇒ みんながアクセス可能なところ
A B
ネット経由で
アクセスでき
る！！
DC
ネット経由で
アクセス
できる！！
ネット経由で
アクセス
できる！！
ネット経由で
アクセス
できる！！
http://www.ume.ne.jp
みんなが
アクセス可能な
ところ

AさんのファイルをBさんが⾒れるようになるまで

A B
A 借
http://www.ume.ne.jp/Asan
profile.html
Aさんがレンタルサーバを借りる

A B
A 借
profile.html
profile.html
ファイルを
預ける
借りたレンタルサーバに、Aさんがファイルを置く

A B
A 借
profile.html
アクセスを
要求
Aさんが借りたレンタルサーバに、Bさんがアクセスする

http://www.ume.ne.jp/Asan/profile.html
ここにAさんのページへのURLを⼊⼒する
アクセスするとはつまり、
ブラウザからURLを⼊⼒するってこと
ブラウザにAさんのページへのURLを⼊⼒！！
↓
http://www.ume.ne.jp/Asan/profile.html
レンタルサーバの中の Aさんが借りた
場所にある
profile.htmlに
アクセス!!
B

A B
A 借
profile.html
⼊⼒したURLをたどると、Aさんのファイルが⾒れる

A B
A 借
profile.html
/Asan

A B
A 借
profile.html
/Asan
/profile.html

A B
A 借
profile.html Aさんのprofile.htmlが
⾒れた！！
/Asan
/profile.html

A B
A 借
profile.html
もちろんBさん以外も⾒れる！！
D
⾒れた！！
C
⾒れた！！
⾒れた！！

⽇本各地にサーバがあってそれが繋がってるので…

A
レンタルサーバ
サーバ
サーバ
⾒れた！！
profile.html
F
⾒れた！！
⽇本中から⾒れる！！
H

A
サーバ
⾒れた！！
サーバ
サーバ
E
M
⾒れた！！
profile.html
もちろん世界中からも⾒れる！！
サーバ
サーバ

まさにWorld Wide Web！！
(世界中に張り巡らされた蜘蛛の巣)

ということで、
せっかく⾃分がつくったWebページを
世界に公開したい⽅は、
レンタルサーバを借りましょう:)
月額129円借

どうしてブラウザから世界中のWebページが見れるの？

Recommended

Recommended

More Related Content

Similar to どうしてブラウザから世界中のWebページが見れるの？

Similar to どうしてブラウザから世界中のWebページが見れるの？ (9)

どうしてブラウザから世界中のWebページが見れるの？