[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:02.72,0:00:07.17,Default,,0000,0000,0000,,インターネット HTTP(エイチ テー テー ピー)と\NHTML(エイチ テー エム エル) Dialogue: 0,0:00:07.49,0:00:11.74,Default,,0000,0000,0000,,わたしはジャスミン\NXBOX Oneエンジニアリング チームのプログラム マネージャです Dialogue: 0,0:00:13.35,0:00:16.48,Default,,0000,0000,0000,,「XBOX Live」では ― Dialogue: 0,0:00:17.20,0:00:22.65,Default,,0000,0000,0000,,インターネットをつかって\N世界中のゲーマーをつないでいます Dialogue: 0,0:00:24.10,0:00:28.75,Default,,0000,0000,0000,,これは、かんたんに見えるかもしれませんが、\Nシーンの後ろでは、多くのことがおきています Dialogue: 0,0:00:29.77,0:00:35.46,Default,,0000,0000,0000,,インターネットによって、人々のつながりかたが、大きくかわりましたが\Nインターネットは、どのように動いているのでしょう? Dialogue: 0,0:00:36.05,0:00:40.49,Default,,0000,0000,0000,,世界中のコンピュータは、どのように\Nおたがい、コミュニケートしているのでしょう?\N Dialogue: 0,0:00:40.49,0:00:43.49,Default,,0000,0000,0000,,まず、ウェブ ブラウジングをみてみましょう Dialogue: 0,0:00:43.49,0:00:48.75,Default,,0000,0000,0000,,さいしょ、あなたは、「ウェブ ブラウザ」を開きます\Nこれはウェブ ページにアクセスするアプリケーションですね Dialogue: 0,0:00:49.61,0:00:58.06,Default,,0000,0000,0000,,つぎに、ウェブアドレス、\NまたはURL(ユニフォーム リソース ロケータ)を入力します Dialogue: 0,0:00:58.06,0:01:01.06,Default,,0000,0000,0000,,たとえば「tumblr.com」と入れます Dialogue: 0,0:01:03.59,0:01:06.81,Default,,0000,0000,0000,,はい、わたしはデビット カープ\NTumblr の、せつりつ者です Dialogue: 0,0:01:06.81,0:01:11.12,Default,,0000,0000,0000,,わたしたちが、毎日つかっているウェブ ブラウザが\Nどのように動くのかをお話しします Dialogue: 0,0:01:12.12,0:01:16.56,Default,,0000,0000,0000,,あなたがアドレスを入れて、エンターを、おすと\N何がおきるでしょう? Dialogue: 0,0:01:17.12,0:01:20.47,Default,,0000,0000,0000,,それは、あなたが考えているより、ビックリするものですよ Dialogue: 0,0:01:21.02,0:01:26.73,Default,,0000,0000,0000,,まず、あなたのコンピュータは、遠くはなれた\N「サーバ」と、よばれるコンピュータと、話をはじめます Dialogue: 0,0:01:27.55,0:01:34.68,Default,,0000,0000,0000,,ウェブサイトのために、\Nサーバは「HTTP」で返事をします Dialogue: 0,0:01:35.52,0:01:40.71,Default,,0000,0000,0000,,「HTTP」は\Nハイパー テキスト トランスファー プロトコルです Dialogue: 0,0:01:40.71,0:01:45.57,Default,,0000,0000,0000,,これはコンピュータが、他のコンピュータに、\Nドキュメントを送るための言語です Dialogue: 0,0:01:45.94,0:01:48.01,Default,,0000,0000,0000,,これは、ふくざつ、ではありません Dialogue: 0,0:01:48.01,0:01:52.54,Default,,0000,0000,0000,,あなたのコンピュータと、ウェブサーバの会話を、のぞいて見てみると Dialogue: 0,0:01:52.54,0:01:56.67,Default,,0000,0000,0000,,「GET(げっと=得る)」リクエストというのが、たくさんあります Dialogue: 0,0:01:56.67,0:02:01.05,Default,,0000,0000,0000,,「GET」と、そのあとに、\Nほしいドキュメントの名前を書くだけです Dialogue: 0,0:02:01.05,0:02:10.37,Default,,0000,0000,0000,,ログインページがほしければ、Tumblrのサーバに送る、\Nゲット リクエストは、「GET /login」です Dialogue: 0,0:02:10.37,0:02:16.54,Default,,0000,0000,0000,,Tumblrのログインページを、HTMLで送って下さい、と言うことです Dialogue: 0,0:02:17.71,0:02:21.61,Default,,0000,0000,0000,,「HTML」は、ハイパー テキスト マークアップ ランゲージのいみで Dialogue: 0,0:02:21.94,0:02:25.93,Default,,0000,0000,0000,,ウェブ ブラウザで、ページが、\Nどのように見えるかを表す言語です Dialogue: 0,0:02:26.48,0:02:30.11,Default,,0000,0000,0000,,たとえば、ウィキペディアのような、ドキュメント(文章)は\N Dialogue: 0,0:02:30.54,0:02:36.43,Default,,0000,0000,0000,,HTMLを使って書かれていて、タイトルを大きく太くして、フォントを決めて Dialogue: 0,0:02:37.35,0:02:42.79,Default,,0000,0000,0000,,文字にリンクを つけたり、もじを太字にしたり、イタリックにしたり\Nページの真ん中にイメージを おいて Dialogue: 0,0:02:45.77,0:02:47.85,Default,,0000,0000,0000,,右にしたり、左にしたりできます Dialogue: 0,0:02:49.07,0:02:52.99,Default,,0000,0000,0000,,テキスト(文字)は、HTMLの中に、そのまま書きます Dialogue: 0,0:02:52.99,0:02:57.82,Default,,0000,0000,0000,,その他の、写真、絵、ビデオなどは、べつのURLのファイルにあり Dialogue: 0,0:02:59.85,0:03:06.11,Default,,0000,0000,0000,,ブラウザは、それぞれ べつのHTTPリクエストを出して、\N先にとどいたものから、表じ していきます Dialogue: 0,0:03:07.73,0:03:13.19,Default,,0000,0000,0000,,ウェブ ページに、たくさんのイメージがあれば\Nそれぞれ、べつべつのHTTPリクエストを出すので Dialogue: 0,0:03:13.65,0:03:15.93,Default,,0000,0000,0000,,ページをかくのは、\Nおそくなります Dialogue: 0,0:03:18.62,0:03:23.64,Default,,0000,0000,0000,,ウェブ ブラウザで使われるのは\N「GET」リクエストだけではありません Dialogue: 0,0:03:23.90,0:03:31.03,Default,,0000,0000,0000,,入力フォームや、けんさくクエリーなど\N何か、こちらから送るときは Dialogue: 0,0:03:32.07,0:03:35.87,Default,,0000,0000,0000,,HTTPの、「POST(ぽすと)」リクエストをつかいます Dialogue: 0,0:03:36.49,0:03:44.94,Default,,0000,0000,0000,,では、Tumblrへログインします\Nまず「POST」リクエストで、Tumblrのログインページに、データを送ります Dialogue: 0,0:03:45.36,0:03:48.87,Default,,0000,0000,0000,,電子メールアドレスと、パスワードです Dialogue: 0,0:03:49.68,0:03:53.59,Default,,0000,0000,0000,,それらは、Tumblrサーバに送られ、\NTumblrのサーバは、あなたが「デビッド」だと、カクニンします Dialogue: 0,0:03:54.59,0:03:58.37,Default,,0000,0000,0000,,「デビッドさん、ようこそ」と、ウェブ ページを送りかえします Dialogue: 0,0:03:59.94,0:04:05.48,Default,,0000,0000,0000,,そのとき、ウェブ ページには「クッキー」がついています\Nブラウザは、それを保存(ほぞん)します Dialogue: 0,0:04:07.62,0:04:11.11,Default,,0000,0000,0000,,ウェブ サイトが、あなたがダレか、おぼえておくためです Dialogue: 0,0:04:12.14,0:04:16.94,Default,,0000,0000,0000,,それは、会社の、IDカードみたいなものです Dialogue: 0,0:04:16.94,0:04:21.79,Default,,0000,0000,0000,,ブラウザは、あなた=デビッドのID番号をホカンしています Dialogue: 0,0:04:21.79,0:04:26.66,Default,,0000,0000,0000,,そして、次に Tumblr.com にアクセスしたとき Dialogue: 0,0:04:26.66,0:04:30.93,Default,,0000,0000,0000,,そのID番号をつけて、Tumblrのサーバに送るのです Dialogue: 0,0:04:30.93,0:04:35.97,Default,,0000,0000,0000,,Tumblrのサーバは、ブラウザからリクエストが来たとき\NID番号を見つけて Dialogue: 0,0:04:35.97,0:04:39.43,Default,,0000,0000,0000,,「これは、こないだの、デビッドだ」と、わかるのです Dialogue: 0,0:04:40.44,0:04:49.04,Default,,0000,0000,0000,,インターネットは、オープンなので、コネクションは共有(きょうゆう)され、\N文字は、だれでも読めてしまいます Dialogue: 0,0:04:49.36,0:04:55.33,Default,,0000,0000,0000,,ハッカーが、個人情報(こじんじょうほう)を、\Nのぞき見することも出来てしまいます Dialogue: 0,0:04:55.63,0:04:59.11,Default,,0000,0000,0000,,ウェブサイトには、安全のための\Nタイサクがあります Dialogue: 0,0:04:59.11,0:05:07.63,Default,,0000,0000,0000,,「SSL = セキュア ソケット レイヤー」と\N「TLS = トランスポート レイヤー セキュリティー」です Dialogue: 0,0:05:07.63,0:05:16.66,Default,,0000,0000,0000,,SSL や TLS は、あなたの通信(つうしん)をラップ(包み込み)して、\Nのぞき見や、改ざんから守るものです Dialogue: 0,0:05:16.66,0:05:25.90,Default,,0000,0000,0000,,ブラウザのアドレスバーに、小さな「カギ」のマークがあれば、SSL や TLS が動いています Dialogue: 0,0:05:25.90,0:05:31.14,Default,,0000,0000,0000,,「HTTPS」は、あなたの「HTTP」リクエストが、安全で守られている事を意味します Dialogue: 0,0:05:32.34,0:05:36.30,Default,,0000,0000,0000,,ウェブサイトは、ブラウザと安全に話すために Dialogue: 0,0:05:36.30,0:05:39.50,Default,,0000,0000,0000,,さいしょに、「デジタル証明(しょうめい)」を送ります Dialogue: 0,0:05:39.50,0:05:45.14,Default,,0000,0000,0000,,それはIDカードのようなもので、ウェブサイトが本物であることを証明します Dialogue: 0,0:05:45.14,0:05:48.77,Default,,0000,0000,0000,,デジタル証明は、「CA = サティフィケート オーソリティー」が、発行します Dialogue: 0,0:05:48.77,0:05:54.06,Default,,0000,0000,0000,,審査(しんさ)をして、ウェブサイトに証明書を発行するところで Dialogue: 0,0:05:54.06,0:05:57.53,Default,,0000,0000,0000,,めんきょやパスポートを発行する、役所と同じです Dialogue: 0,0:05:57.76,0:06:05.32,Default,,0000,0000,0000,,もし、証明書がなければ、ウェブブラウザは「ワーニング=警告」を出します Dialogue: 0,0:06:06.74,0:06:12.51,Default,,0000,0000,0000,,これがウェブブラウズの、きほんです\Nインターネットで、日々起きていることです Dialogue: 0,0:06:13.16,0:06:21.70,Default,,0000,0000,0000,,まとめると HTTPとDNSが、\NHTML、メディアファイルなどの送受信を管理(かんり)し、 Dialogue: 0,0:06:22.92,0:06:31.46,Default,,0000,0000,0000,,このウラでは、TCP/IPとルータ ネットワークが、情報を、小さなパケットにして送り Dialogue: 0,0:06:31.77,0:06:36.67,Default,,0000,0000,0000,,それぞれのパケットは、「0」と「1」のバイナリで表されて Dialogue: 0,0:06:36.67,0:06:42.55,Default,,0000,0000,0000,,電線や光ケーブル、WiFiネットワーク、などで運ばれるのです Dialogue: 0,0:06:42.55,0:06:49.76,Default,,0000,0000,0000,,いままで、よくわからずに使っていたインターネットが\Nどのように動くかを学びました Dialogue: 0,0:06:49.76,0:06:54.17,Default,,0000,0000,0000,,これらの全てのレイヤーが、上手く組み合わさり、スケールと信頼性(しんらいせい)をもちながら、 Dialogue: 0,0:06:54.17,0:06:57.45,Default,,0000,0000,0000,,情報(じょうほう)が\N運ばれます