Webとは何か

言葉の意味

Web 蜘蛛の巣

「World Wide Web」『フリー百科事典ウィキペディア日本語版』。2012年7月4日 (水) 14:22 UTC、URL:http://ja.wikipedia.org/wiki/Web

世界に広がっている

World Wide Web 世界に広がる蜘蛛の巣

World Wide Web ＝ WWW

World Wide Web ＝ WWW = Web

Web = インターネット？

いいえWebはインターネットの一部の機能

インターネットネットワーク同士の集合体

inter中 ∼間、相互間を意味するラテン語の接頭辞

network複数の要素がお互いに接続された網状の構造体網という意味の英単語 netと略す

Inter-netインターネット

インターネットはネットワークの集合体Webはインターネットの機能の一部

Webの技術は若く進化中

インターネットの歴史

インターネットのはじまりは？

1958年 DARPA創設(Defense Advanced Research Projects Agency)

1969年 ARPANET始動 DARPAの指揮下で作られたネットワークインターネットの元となったネットワーク http://www.ﬁbel.org/linux/lfo-0.6.0/node457.html

LO世界で初めて送られたメッセージ http://www.itmedia.co.jp/news/articles/0910/30/news040.html

1983年軍事用から分離他のネットワークとつながれるようになりインターネットという言葉も普及

1984年1000台のコンピュータが接続 1987年10000台のコンピュータが接続 1989年100000台のコンピュータが接続

World Wide Web 誕生1990年11月12日 WWWの提案書を発表1990年11月13日 WWW実装1991年08月06日 WWW公開 WWW(World Wide Webの略)

World Wide Web 誕生1990年02月15日僕が生まれる1990年11月12日 WWWの提案書を発表1990年11月13日 WWW実装1991年08月06日 WWW公開

僕よりも若い

Webがなぜ出来たのか

誰がWWWをつくりなぜつくったのか

誰が？

ティム・バーナーズ＝リーテキストhttp://blogs.itmedia.co.jp/tooki/2012/07/wikipedia-940f.html

CERN 素粒子・原子核物理学研究情報技術研究素粒子物理学を中心に研究している機関http://http://www.osel.cz/index.php?clanek=6063/page/nextcube

なぜ？

世界中から集まる研究者たち多様なコンピュータを持ち寄り様々なデータ・フォーマットを利用していた

膨大なデータから必要なものを探すのが大変だったそれをひとつにまとめたい

ストレスがあった為です私は不満を持っていましたティム・バーナーズ＝リーティム・バーナーズ＝リーが示す次のウェブ http://www.ted.com/talks/tim_berners_lee_on_the_next_web.html

どうやって？

ハイパーテキスト

ハイパーテキスト複数の文章を相互に関係づける仕組みテキストを超えるという意味から「hyper∼超えた」「text∼文章」と命名

絵で表すとこんなイメージ矢印…リンク

Web = ハイパーテキストシステム

ハイパーテキストシステムとは？

1945年ヴァネヴァー・ブッシュ memex 世界初のハイパーテキストシステムこの装置は図書館と電気的に接続されて所蔵する本やフィルムを表示できさらにその資料同士が相互にリンクしていて、相互参照してほかの作品を表示することもできるというデバイス http://www.mii.kurume-u.ac.jp/ smoto/edu/ala/history/p1.html

1960年テッド・ネルソン Xanadu 初のハイパーテキストプロジェクト http://www.xanadu.com.au/ted/XUsurvey/xuDation.html

1987年ビル・アトキンソン Hyper Card商用ソフトウェアで、はじめてハイパーテキストシステムを実現したもの http://withfriendship.com/user/neeraj/hypercard.php

1990年ティム・バーナーズ＝リーWorldWideWeb 世界初のWebブラウザ httpd 世界初のWebサーバ http://info.cern.ch/NextBrowser1.html

NeXTcubehttp://www.smartcube.ru/page/nextcube

NeXT Software アップル創業者の1人スティーブ・ジョブズがアップルを辞め 1985年に設立した会社その後1996年にアップルが買収http://appadvice.com/appnn/2011/08/steve-jobs-resigns-as-ceo-of-apple

CERN Document Server

1991年 WWW一般公開 Webが人々に

ブラウザとは何か

ブラウザデータや情報をまとまった形で閲覧するためのソフトウェア

さまざまなブラウザ1993 1994 1995 19962002 2003 2004 2008

第一次ブラウザ戦争NetscapeとInternet Explorerの間で繰り広げられたシェア合戦

第二次ブラウザ戦争 http://gs.statcounter.com/#browser-ww-weekly-201120-201220

使用出来るタグの違いなどで絶え間ないブラウザ戦争

ブラウザが表示されるまでの仕組み

URLをブラウザに入力 Webサイトの住所URL (Uniform resource Locator)www.hangame.co.jp

この仕組みは普段は意識しないインターネットサービスを利用

DNSについて

Domain Name System1983年 Webよりも古い技術

ドメインとは

www.hangame.co.jp

「www」: World Wide Webにあることを示す第4レベルドメインという「hangame」: ハンゲームのサイトを示す第3レベルドメインという、ドメイン取得時に任意で設定「co」：組織の種類、組織名などを表すセカンドレベルドメイン（SLD）という「jp」：国別ごとに分類されるこの場合は日本トップレベルドメイン（TLD）という

なぜこれが必要か

名前解決ネットワーク上で、コンピュータにつけられた名前からIPアドレスを割り出すこと

大まかな仕組みのフロー

Webクライアント Webサーバインターネット ①IPアドレスに変換される www.hangame.co.jp 119.235.231.240 ②双方向のTCPコネクション ③GETリクエストを送信 ④指定されたファイルを返信 ⑤TCPコネクション切断

Webクライアント Webサーバインターネット ①IPアドレスに変換される www.hangame.co.jp 119.235.231.240 ②双方向のTCPコネクション電話に似てます ③GETリクエストを送信「もしもし」といって ④指定されたファイルを返信返事がある感じ ⑤TCPコネクション切断

Webクライアント Webサーバインターネット ①IPアドレスに変換される www.hangame.co.jp 119.235.231.240 ②双方向のTCPコネクション ③GETリクエストを送信 GET ／ファイル名 ④指定されたファイルを返信 index.html ⑤TCPコネクション切断

Webクライアント Webサーバインターネットヘスポンスヘッダｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ ①IPアドレスに変換される www.hangame.co.jp HTML本文 119.235.231.240 ②双方向のTCPコネクション <HTML> <HEAD> … ③GETリクエストを送信 ④指定されたファイルを返信 ⑤TCPコネクション切断

DNSの重要性Webサイトの表示する仕組み

について

W3C World Wide Web Consortiumの略 438組織が参加するコンソーシアム 30の組織が日本から参加 3つのホスト組織が運営MIT（アメリカ）、ERCIM（ヨーロッパ）、慶応義塾大学（アジア）

1994年ティム・バーナーズ＝リーが創設したWeb標準団体 http://www.wired.com/wiredenterprise/2012/06/sir-tim-berners-lee/

具体的にHTML、XML、DOM、CSS、PNGなどの標準化

W3Cの役割とは1. Web標準化2. 正しいWebの普及・啓蒙3. Webの可能性、将来性を示す

Web標準化すべき理由メンテナンス性の向上アクセシビリティの向上SEO対策ファイルサイズの低減とサーバスペースの節約

ブラウザの違いで使用できないタグが存在

どのブラウザに合わせて開発すべき？

迷いを防ぐために立てられたのが標準化団体やコミュニティ

ではなぜW3Cなのか

どこの国の法律にもW3Cに従えなんて書いてない

Web技術の国際標準化に関係している団体

W3Cの影響力が理由は W3C創設者であるティム・バーナーズ＝リーが関係しています

影響が強い理由World Wide Webを考案ハイパーテキストシステムを実装・開発URL、HTTP、HTMLの最初の設計URL (Uniform Resource Locator)HTTP (HyperText Transfer Protocol)HTML (HyperText Markup Language)

誰かしら発言力が強くなければいけないそれがW3Cだった

これは先週24日の話 HTML5規格、今後はWHATWGとW3Cバージョンに分岐http://it.slashdot.jp/story/12/07/24/0036245/HTML5-%E8%A6%8F%E6%A0%BC%E3%80%81%E4%BB%8A%E5%BE%8C%E3%81%AF-WHATWG-%E3%81%A8-W3C-%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%E3%81%AB %E5%88%86%E5%B2%90

WHATWGW3Cの方向性に不満を感じ立ち上げられたコミュニティ中心人物はイアン・ヒクソン https://lh5.googleusercontent.com/-4PrlPbAmvvQ/AAAAAAAAAAI/ AAAAAAAADKI/I6gA8yhkKUQ/s250-c-k/photo.jpg

先進版と安定版に分裂

先進版を推進するのはWHATWG安定版を推進するのはW3C

この件で、HTMLの仕様策定は加速しWebがより魅力的なプラットフォームへ

まとめ

World Wide Web = WWW = Webインターネット = ネットワークの集合体Webの根幹 = ハイパーテキストシステムブラウザ = まとまった情報を閲覧するためのものDNS = 閲覧する人が分かりやすくするためのものW3C = 発言力の強い標準化団体

Webとは何か

誰でも世界中からアクセス可能なインターネット上にある情報やシステムのこと

そして、そこから僕や皆さんが新しいものを創造するもの

やるべきことWebを使ってお客さまを楽しませること

個人的な解釈 Webは誰でも楽しむ権利があることだから作り手も楽しまなきゃいけないただ標準化団体の発するメッセージに耳をかたむけそれを意識するのは作り手にはとても重要

ご清聴ありがとうございました

Webとは何か

by teracchi on Jul 30, 2012

Accessibility

Upload Details

Usage Rights

2 Embeds 213

Statistics

Webとは何か Presentation Transcript

http://blog.livedoor.jp	206
http://hazi.me	7