ぶっちゃけWebって何?どんな意味なの??
パンダ嫁
覆面パンダ
そもそもインターネットとも違うんだ?
パンダ嫁
覆面パンダ
なので今回はWebの意味や歴史、インターネットとの違いなどを図解を交えて説明していこう!
Webを知る前に、まず先にざっくりとだけど「インターネット」というものについて知ってもらった方が理解が早いかな。
そのあと、Webとは何なのかについてを説明するよ。
パンダ嫁
インターネットって何?
覆面パンダ
パンダ嫁
覆面パンダ
覆面パンダ
略して「ネット」って言ったりもするね。
![インターネットとはのイメージ](https://fukumen-panda.com/wp-content/uploads/2018/11/インターネットとは.jpg)
インターネットのイメージ図
あんまり意識してこなかったけど、インターネットって世界と繋がっているんだね。すごい。
パンダ嫁
覆面パンダ
インターネットがあれば、今この場にいない人とも連絡が取れるしこの星の反対側の人と話すこともできる、また、握力の鍛え方など自分の知らない情報も知ることができるなど、魔法のようなことが可能なんだ。
パンダ嫁
覆面パンダ
パンダ嫁
覆面パンダ
Webとは何?
覆面パンダ
パンダ嫁
覆面パンダ
Webで使われているハイパーテキストというシステム
覆面パンダ
![ハイパーテキストとはのイラスト](https://fukumen-panda.com/wp-content/uploads/2018/11/ハイパーテキストとは.jpg)
ハイパーテキストのイメージ
パンダ嫁
覆面パンダ
Webの正式名称は「www(ワールドワイドウェブ)」
![worldwidewebのイメージのイラスト](https://fukumen-panda.com/wp-content/uploads/2018/11/Webとは.jpg)
worldwidewebのイメージ
覆面パンダ
このつながりが蜘蛛の巣を連想させることから、世界規模の蜘蛛の巣を意味する「World Wide Web」と名付けられたんだね。まさに読んで字のごとく、世界中にはられた見えない蜘蛛の巣のようなものをイメージしてくれるとわかりやすいかな。
パンダ嫁
Webとインターネットとの違いとは
覆面パンダ
パンダ嫁
覆面パンダ
アンケート結果
Yes:4人
NO:26人
※覆面パンダの個人的調べ(IT企業に勤める友人30人に聞いてみました)
覆面パンダ
パンダ嫁
覆面パンダ
覆面パンダ
覆面パンダ
・インターネットは目に見えないネットワークの海
・WEBはそのインターネット世界の海に浮かぶ、島や街や建物・情報。そしてそれをつなぐ橋
覆面パンダ
パンダ嫁
覆面パンダ
人間の技術力を侮っていた…
パンダ嫁
覆面パンダ
Webの歴史
そもそもWebっていつから始まったの?ってかそもそも誰が作ったの?
パンダ嫁
覆面パンダ
では簡単にサクッと歴史を見ていこう!
ん…?セルン…?まさかシュタインズゲートの?
パンダ嫁
覆面パンダ
Webってどんな仕組みなの?ざっくり簡単説明。
覆面パンダ
パンダ嫁
覆面パンダ
あれってどういう仕組みになっているかわかる?
パンダ嫁
覆面パンダ
![Webの仕組みの簡単説明](https://fukumen-panda.com/wp-content/uploads/2019/12/web-shikumi.jpeg)
Webページを表示する際の簡単な流れ
パンダ嫁
覆面パンダ
- クライアント:インターネットにアクセスできる機器(PC・スマートフォン・タブレットなど)を指す。
- ブラウザ:Googlechromeやfirefox、IEなど、Webサイトやページを表示・閲覧するためのツール。
- サーバー:Webページを表示させるためのHTMLや画像などのデータが入っていたり提供する機器。リクエストを受けると、そのデータを返す。
- リクエスト:クライアントからサーバーに対して、ページの表示や画像の表示、またはダウンロードなど、目的のものを表示するように要求すること。
- レスポンス:サーバーからブラウザに対して、受けた要求を返すこと。
覆面パンダ
すると、サーバーに「Aのページを表示してー!」というリクエストが行き、サーバーがそのAのページのデータをGooglechromeに、「いいよー!そっちで見れるような形でだすねー!」というレスポンスと言う名の返事を返すのさ。
そうすることでスマホの画面には見事Aのページが表示されるんだ。
サーバーさんのおかげで見れるんだね。
パンダ嫁
覆面パンダ
まとめ:Webとはインターネットを利用した、画像や映像、文章などを表示したり見ることができる仕組みだよ!
覆面パンダ
パンダ嫁
関連記事こちらも見られています
![ブログとは何ですか?のサムネイル](https://fukumen-panda.com/wp-content/uploads/2017/01/blogthananndesuka-160x160.jpg)
![検索キーワード・クエリの種類記事のサムネイル](https://fukumen-panda.com/wp-content/uploads/2019/10/kensaku-kw-160x160.jpg)
![検索キーワードと検索数(ボリューム)の調べ方](https://fukumen-panda.com/wp-content/uploads/2019/11/search-how-to-160x160.jpg)