Response Headers - Web Development Udacity English (auto-generated) Japanese

Response Headers - Web DevelopmentYouTube↗ IA↗(long shot)
Education 6.4K views 21 likes 4 dislikes 23 Feb 2015

Udacity 651K subscribers United States YouTube↗

Click to Play Video

we have our basic response status line

ステータスラインは終わりましたので

and just like the request the status

次はそれに続くヘッダを見ていきましょう

line is followed by a number of headers

リクエストと同じ構造ですね

I'll give you a few examples here are

それではいくつかヘッダの例を挙げます

some headers that are commonly include above HTTP responses now just like the

これらはよくHTTPレスポンスに含まれるヘッダです

client requests the headers that you see

リクエストのときと同様に[br]ヘッダはいつも同じとは限りません

aren't always the same some of them are required and when I say required I mean

中には必須のヘッダもあります

usually there but the web has evolved

必須のヘッダと言っても Webは基本的に進化し続けています

organically over time so many of the headers that are you know required are

現在必須とされているヘッダの多くも

you know often not there or things will

将来的には必要ないかもしれません

work without them but anyway okay so

とりあえず進みましょう　Dateヘッダは必須です

date is there all the time that's when the request happened you know no

リクエストが発生した日時です

surprise there server this is similar to the user agent header on the request

Serverヘッダはリクエストの[br]User-Agentヘッダと似ています

this is the generally the name and version number of the server that's handling the response now personally I

リクエストを受けたサーバの[br]名前とバージョンが記されています

try to never include this or if I do

私は個人的にはServerヘッダは排除するか

include it I make something up because

もしくは内容をデタラメにします

otherwise you're just giving free information to you know a would be it

そうしないとコンピュータの情報が洩れて

would be hacker who wants to know you know what the vulnerabilities work

ハッカーにぜい弱性を攻撃されてしまうかも知れません

against you content type very popular

次にcontent-typeヘッダです

this is the type of document that's

これは文書の型を表しています

being returned this is so your browser knows how to display it so text hTML is

ブラウザが文書を表示するのに使います

a common one obviously you know that's

ほとんどの場合はtext/htmlですね

that's what an HTML page would be you

HTMLで記述されるページがほとんどです

could see image PNG or you know image

リクエストした文書が画像ならば

gif you know if it's an image that sort

image/pngだったりimage/gifだったりもします

of thing and content length is how long

Content-Lengthヘッダは文書の長さです

the document that follows this content length is often included but it's not

Content-Lengthヘッダは多くの場合は含まれますが

strictly required because the browser will know when the documents done

文書のデータを受信し終えれば接続が切断されて

receiving data because the connection

自動的に分かりますので必須ではありません

might close there's other ways of also in you know telling the browser that I'm

データの受信の終了をブラウザが判断する材料は

done sending data but it's not super

他にもありますが今は割愛します

relevant right this second we've discussed the basic requests and

これまでで基本的なリクエストとレスポンスを

responses let's let's play around in a

説明してきました　ここからは

terminal a little bit and you know

ターミナルで少し練習してみましょう

practice with these a bit okay so open up a terminal if that is not

それではターミナルを開いてみてください

straightforward on your machine we'll

開き方が分からない場合は

have some class notes on on how to do

下の説明を参照してください

that you Windows users might have some

Windowsを使っている人は[br]少しややこしいかもしれません

challenges in front of you so we're in

ターミナルは開けましたか?

our terminal and we're going to use a program called telnet to make some

これからTelnetというプログラムを使って

internet requests to web

Webサーバにインターネットリクエストを送って

servers and watch the HTTP go by so we

HTTPのフローを確認したいと思います

can see it in practice okay so let's make a request okay I'm making a request

では早速リクエストを送ってみましょう

to Udacity comm 80 this is the request your browser will

www.udacity.comの80番ポートに[br]リクエストを送っています

be making if you were loading Udacity calm in it

これがwww.udacity.comをロードする際に[br]ブラウザが送るリクエストです

we connected UIC comm port 80 which if

これでwww.udacity.comの[br]80番ポートに接続できます

you recall 80 is the default okay so I'll hit enter we connect and

Enterキーを押すと接続されますので

now I'm going to send the request line that we talked about before

まずはリクエストラインを送ります

now I'm going to send an HTTP 1.0 and

先ほど話が出ましたがHTTPは1.0にします

I'll explain why in a second and I'm going to include the host header Google

次にHostヘッダを付けます

wants this because as we discussed

これはGoogle App Engineが

before it's hosting a lot of different web servers on that machine now let's

多くのWebサーバをホストしているためです

scroll back up to the top of this you

では上に戻りましょう

can see the request we made get slash HTTP 1.0 hosts Udacity comm

先ほど作成したリクエストGET / HTTP/1.0と[br]Host: www.udacity.comがあります

why did i do 1.0 because the default behavior and 1.1 is 2 is for the server

なぜHTTPを1.0にしたかというと[br]1.1のデフォルト動作では

to not close the connection to allow the

サーバが接続を切断しないからです

browser to make multiple requests for multiple things which is an optimization

ブラウザが複数のリクエストを[br]することを許容するためです

but when you're testing by hand it means the connection stays open and

最適化された機能ではあるのですが

then you have to close the connection on

今回のように手動でテストする場合は

your machine which is you know when

その都度接続を切らなければなりません

you're using telnet it's sometimes a little bit of a pain so we see our

ではリクエストとレスポンスを確認します

response or our request 1.0 hosts

リクエストはHTTP1.0で[br]Host: www.udacity.comとあります

Udacity calm and then you see the

次にサーバからのレスポンスです

response from the server here's the status line HTTP 1.0 200 ok so that

ステータスラインはHTTP/1.0 200 OKです[br]つまりリクエスト成功です

means it worked and now you can see a

そして多くのヘッダがあります

bunch of headers some of these headers we've we've seen and discussed before

先ほど紹介したヘッダもありますね

here's date here is the server it's

DateヘッダとServerヘッダには[br]Google Frontendとあります

Google front-end here is the content type text HTML that means we're

content-typeヘッダにはtext/htmlとあります

receiving HTML which is no big surprise

つまり受け取る文書はHTMLということです

and if we scroll down following the status line and the headers we see the

そして画面を下にスクロールしていくと

actual response document and this is

実際にリクエストした文書があります[br]これはHTML文書です

HTML this is this type of stuff we were

記述方法は先ほど解説したとおりです

working on before this is complex but you get the idea lots of HTML

少し複雑ですがコンセプトは同じです

Similar videos:

Scaling - Web Development
Udacity
12.5K views 81 likes 1 dislikes 27 May 2012100% match

Dynamic Content - Web Development
Udacity
6.1K views 2 likes 0 dislikes 23 Feb 2015100% match

Content Type - Web Development
Udacity
7.5K views 5 likes 1 dislikes 22 Apr 2012100% match

Cache Architecture - Web Development
Udacity
7.2K views 16 likes 1 dislikes 27 May 2012100% match

Components of the Web Solution - Web Development
Udacity
9.6K views 19 likes 0 dislikes 23 Feb 2015100% match

Scaling Databases - Web Development
Udacity
64.3K views 795 likes 7 dislikes 25 Apr 2012100% match

Course Outline - Web Development
Udacity
46.2K views 169 likes 0 dislikes 23 Feb 2015100% match

Web Applications - Web Development
Udacity
19.5K views 59 likes 4 dislikes 02 Jun 2014100% match

Shopping List Take 1 - Web Development
Udacity
841 views 1 likes 0 dislikes 23 Feb 2015100% match

Span and Div Solution - Web Development
Udacity
17.4K views 7 likes 0 dislikes 23 Feb 2015100% match

Overview - Web Development
Udacity
10.4K views 26 likes 0 dislikes 27 May 2012100% match

Components of the Web
Udacity
28K views 54 likes 0 dislikes 23 Feb 2015100% match

Adding Images
Udacity
12.9K views 36 likes 0 dislikes 23 Feb 2015100% match

Types of Databases - Web Development
Udacity
8.5K views 43 likes 4 dislikes 25 Apr 2012100% match

Caching - Web Development
Udacity
12.1K views 102 likes 0 dislikes 23 Feb 2015100% match

Missing End Tag
Udacity
43K views 15 likes 1 dislikes 23 Feb 2015100% match

Ad Networks - Web Development
Udacity
6.7K views 27 likes 3 dislikes 23 Feb 2015100% match

Part 2 - Web Development
Udacity
643 views 2 likes 0 dislikes 07 May 2012100% match

Thing DB - Web Development
Udacity
6.8K views 34 likes 1 dislikes 27 May 2012100% match

Differences Between Get and Post - Web Development
Udacity
78.3K views 516 likes 18 dislikes 22 Apr 2012100% match

Security - Web Development
Udacity
5.7K views 64 likes 0 dislikes 23 May 2012100% match

Datastore Types Solution - Web Development
Udacity
656 views 1 likes 0 dislikes 25 Apr 2012100% match

Port - Web Development
Udacity
15.8K views 18 likes 0 dislikes 23 Feb 201573% match

Cookies - Web Development
Udacity
38.4K views 315 likes 11 dislikes 23 Feb 201573% match

Best Browser - Web Development
Udacity
14.9K views 7 likes 0 dislikes 23 Feb 201567% match

Whitespace Solution - Web Development
Udacity
15.7K views 10 likes 1 dislikes 23 Feb 201567% match

Reddit Architecture - Web Development
Udacity
27.7K views 397 likes 3 dislikes 27 May 201267% match

Bold Tag - Web Development
Udacity
53K views 29 likes 0 dislikes 23 Feb 201567% match

Correct URL - Web Development
Udacity
10.9K views 6 likes 1 dislikes 23 Feb 201567% match

Reddit Architecture 2 - Web Development
Udacity
11.1K views 88 likes 2 dislikes 27 May 201267% match

Settings Privacy About Contact Donate