The Internet: HTTP and HTML

インターネット HTTP（エイチ テー テー ピー）と
HTML（エイチ テー エム エル）

わたしはジャスミン
XBOX Oneエンジニアリング チームのプログラム マネージャです

「XBOX Live」では ―

インターネットをつかって
世界中のゲーマーをつないでいます

これは、かんたんに見えるかもしれませんが、
シーンの後ろでは、多くのことがおきています

インターネットによって、人々のつながりかたが、大きくかわりましたが
インターネットは、どのように動いているのでしょう？

世界中のコンピュータは、どのように
おたがい、コミュニケートしているのでしょう？

まず、ウェブ ブラウジングをみてみましょう

さいしょ、あなたは、「ウェブ ブラウザ」を開きます
これはウェブ ページにアクセスするアプリケーションですね

つぎに、ウェブアドレス、
またはURL（ユニフォーム リソース ロケータ）を入力します

たとえば「tumblr.com」と入れます

はい、わたしはデビット カープ
Tumblr の、せつりつ者です

わたしたちが、毎日つかっているウェブ ブラウザが
どのように動くのかをお話しします

あなたがアドレスを入れて、エンターを、おすと
何がおきるでしょう？

それは、あなたが考えているより、ビックリするものですよ

まず、あなたのコンピュータは、遠くはなれた
「サーバ」と、よばれるコンピュータと、話をはじめます

ウェブサイトのために、
サーバは「HTTP」で返事をします

「HTTP」は
ハイパー テキスト トランスファー プロトコルです

これはコンピュータが、他のコンピュータに、
ドキュメントを送るための言語です

これは、ふくざつ、ではありません

あなたのコンピュータと、ウェブサーバの会話を、のぞいて見てみると

「GET（げっと＝得る）」リクエストというのが、たくさんあります

「GET」と、そのあとに、
ほしいドキュメントの名前を書くだけです

ログインページがほしければ、Tumblrのサーバに送る、
ゲット リクエストは、「GET /login」です

Tumblrのログインページを、HTMLで送って下さい、と言うことです

「HTML」は、ハイパー テキスト マークアップ ランゲージのいみで

ウェブ ブラウザで、ページが、
どのように見えるかを表す言語です

たとえば、ウィキペディアのような、ドキュメント（文章）は

HTMLを使って書かれていて、タイトルを大きく太くして、フォントを決めて

文字にリンクを つけたり、もじを太字にしたり、イタリックにしたり
ページの真ん中にイメージを おいて

右にしたり、左にしたりできます

テキスト（文字）は、HTMLの中に、そのまま書きます

その他の、写真、絵、ビデオなどは、べつのURLのファイルにあり

ブラウザは、それぞれ べつのHTTPリクエストを出して、
先にとどいたものから、表じ していきます

ウェブ ページに、たくさんのイメージがあれば
それぞれ、べつべつのHTTPリクエストを出すので

ページをかくのは、
おそくなります

ウェブ ブラウザで使われるのは
「ＧＥＴ」リクエストだけではありません

入力フォームや、けんさくクエリーなど
何か、こちらから送るときは

HTTPの、「POST（ぽすと）」リクエストをつかいます

では、Tumblrへログインします
まず「POST」リクエストで、Tumblrのログインページに、データを送ります

電子メールアドレスと、パスワードです

それらは、Tumblrサーバに送られ、
Tumblrのサーバは、あなたが「デビッド」だと、カクニンします

「デビッドさん、ようこそ」と、ウェブ ページを送りかえします

そのとき、ウェブ ページには「クッキー」がついています
ブラウザは、それを保存（ほぞん）します

ウェブ サイトが、あなたがダレか、おぼえておくためです

それは、会社の、ＩＤカードみたいなものです

ブラウザは、あなた＝デビッドのID番号をホカンしています

そして、次に Tumblr.com にアクセスしたとき

そのID番号をつけて、Tumblrのサーバに送るのです

Tumblrのサーバは、ブラウザからリクエストが来たとき
ID番号を見つけて

「これは、こないだの、デビッドだ」と、わかるのです

インターネットは、オープンなので、コネクションは共有（きょうゆう）され、
文字は、だれでも読めてしまいます

ハッカーが、個人情報（こじんじょうほう）を、
のぞき見することも出来てしまいます

ウェブサイトには、安全のための
タイサクがあります

「SSL ＝ セキュア ソケット レイヤー」と
「TLS ＝ トランスポート レイヤー セキュリティー」です

SSL や TLS は、あなたの通信（つうしん）をラップ（包み込み）して、
のぞき見や、改ざんから守るものです

ブラウザのアドレスバーに、小さな「カギ」のマークがあれば、SSL や TLS が動いています

「HTTPS」は、あなたの「HTTP」リクエストが、安全で守られている事を意味します

ウェブサイトは、ブラウザと安全に話すために

さいしょに、「デジタル証明（しょうめい）」を送ります

それはIDカードのようなもので、ウェブサイトが本物であることを証明します

デジタル証明は、「CA = サティフィケート オーソリティー」が、発行します

審査（しんさ）をして、ウェブサイトに証明書を発行するところで

めんきょやパスポートを発行する、役所と同じです

もし、証明書がなければ、ウェブブラウザは「ワーニング＝警告」を出します

これがウェブブラウズの、きほんです
インターネットで、日々起きていることです

まとめると HTTPとDNSが、
HTML、メディアファイルなどの送受信を管理（かんり）し、

このウラでは、TCP/IPとルータ ネットワークが、情報を、小さなパケットにして送り

それぞれのパケットは、「0」と「１」のバイナリで表されて

電線や光ケーブル、WiFiネットワーク、などで運ばれるのです

いままで、よくわからずに使っていたインターネットが
どのように動くかを学びました

これらの全てのレイヤーが、上手く組み合わさり、スケールと信頼性（しんらいせい）をもちながら、

情報（じょうほう）が
運ばれます