1
00:00:00,000 --> 00:00:00,127

2
00:00:00,127 --> 00:00:01,210
DAVID J.マラン：すべての権利。

3
00:00:01,210 --> 00:00:02,160
我々は戻ってきました。

4
00:00:02,160 --> 00:00:05,810
だから、この最終セッションの目標
さらにいくつかの概念を導入することです

5
00:00:05,810 --> 00:00:09,290
だけでなく、すべての人にチャンスを与えます
種類のあなたの指を伸ばして

6
00:00:09,290 --> 00:00:11,270
実際に何かをします
小さな手オン。

7
00:00:11,270 --> 00:00:13,897
目標は、オンにするではありません
私たちのすべてのWeb開発者に

8
00:00:13,897 --> 00:00:16,230
任意の手段が、本当にただによって
あなたにいくつかの味を与えるために

9
00:00:16,230 --> 00:00:21,750
何の基本的な構築物の
Webプログラミングと今日のWebに入ります

10
00:00:21,750 --> 00:00:23,980
開発、そう
things--の静的な側面

11
00:00:23,980 --> 00:00:26,660
何のロジック、ノープログラミング
言語、単に静的なコンテンツ。

12
00:00:26,660 --> 00:00:29,660
そして、それは私たちに機会を与えます
実際にWebサーバがあるかを確認するために、

13
00:00:29,660 --> 00:00:34,140
HTMLファイルが何であるか、何を参照してくださいを参照してください
それは実際にアップサービスを提供しているHTTPです。

14
00:00:34,140 --> 00:00:38,600
しかし、我々は、任意の回顧展を中に飛び込む前に、
クラウドコンピューティングについての質問

15
00:00:38,600 --> 00:00:43,922
またはその間のセキュリティか何か？

16
00:00:43,922 --> 00:00:44,890
>> なし？

17
00:00:44,890 --> 00:00:47,181
すべての権利は​​、よく、してみましょう
念のために、これを行います

18
00:00:47,181 --> 00:00:49,680
サインアップのプロセス
何かには数分かかります。

19
00:00:49,680 --> 00:00:51,221
我々は、それがバックグラウンドでそれを行うもらおう。

20
00:00:51,221 --> 00:00:56,860
あなたができれば、先に行き、
このURLへのhere-- c9.io.

21
00:00:56,860 --> 00:01:02,810
これは、サードパーティでありますservice--
サービスとしてのプラットフォーム、あなたはwill--場合

22
00:01:02,810 --> 00:01:05,190
それはあなたを招待しようとしています
アカウントにサインアップするには、

23
00:01:05,190 --> 00:01:08,650
そしてあなたのそれぞれを与えるために起こっています
いわゆるクラウド内のアカウント

24
00:01:08,650 --> 00:01:11,330
他の誰かのインフラ上で、
Cloud9という会社。

25
00:01:11,330 --> 00:01:13,350
しかし、何を約うれしいです
これは、彼らはあなたを与えることです

26
00:01:13,350 --> 00:01:15,990
の近似
実際の実世界の開発

27
00:01:15,990 --> 00:01:18,530
環境、ではあるが
クラウドとWebブラウザで、

28
00:01:18,530 --> 00:01:21,175
私たちは実際にこれを使用します
今日は少し実験。

29
00:01:21,175 --> 00:01:27,116

30
00:01:27,116 --> 00:01:30,260
そして、先に行くと、ちょうど移動
サインアッププロセスへの道

31
00:01:30,260 --> 00:01:32,630
できれば。

32
00:01:32,630 --> 00:01:36,080
だから我々はクラスでこれを使用するために起こります
私は、生徒たちのすべてのために教えます

33
00:01:36,080 --> 00:01:39,140
キャンパスで、今オフの両方、および
それはどのような歴史的に置き換えられています

34
00:01:39,140 --> 00:01:41,390
そうでない場合はダウンロード可能なソフトウェアでした。

35
00:01:41,390 --> 00:01:44,620
それでは、あなたはへのアクセスを獲得しました。
これらの仮想マシンの一つであり、

36
00:01:44,620 --> 00:01:46,460
基本的に、私は先に説明したこと。

37
00:01:46,460 --> 00:01:50,260
だから、この会社Cloud9おそらく
確かに第三party--から賃料

38
00:01:50,260 --> 00:01:52,760
この場合には、全体をGoogle--
仮想マシンの束

39
00:01:52,760 --> 00:01:56,500
彼らは何とかに切り刻むこと
個々のサーバーの錯覚

40
00:01:56,500 --> 00:01:58,610
私たちのそれぞれが完全な支配を有しています。

41
00:01:58,610 --> 00:02:01,640
Itは言って非常に正確ではありません
彼らは仮想マシンがしていること、

42
00:02:01,640 --> 00:02:04,550
しかし、どのような理由
Cloud9は、実際に使用しています

43
00:02:04,550 --> 00:02:07,570
やや新しい技術であり、
コンテナ化と呼ばれます。

44
00:02:07,570 --> 00:02:13,150
そして、私はこの絵をつかむしましょう
ここでこの絵をペイントします。

45
00:02:13,150 --> 00:02:16,540
>> コンテナがあれば、あります
あなたは絵を思い出します

46
00:02:16,540 --> 00:02:19,900
以前から、少し軽いです
仮想マシンよりも重量。

47
00:02:19,900 --> 00:02:22,090
実際には、最後のに対し、
私たちは約そこに話をした時

48
00:02:22,090 --> 00:02:25,170
運転されます
システムとハイパーバイザ

49
00:02:25,170 --> 00:02:28,260
そしてその後、ゲストオペレーティングシステム、ゲスト
オペレーティングシステム、ゲストオペレーティング

50
00:02:28,260 --> 00:02:30,940
あなたの一番上のシステム、
物理的なハードウェア、

51
00:02:30,940 --> 00:02:33,740
この新しいとの違い
技術、コンテナ化、

52
00:02:33,740 --> 00:02:37,290
彼らはすべてが何らかの形で共有するということです
同じオペレーティングシステム。

53
00:02:37,290 --> 00:02:39,970
しかし、彼らはまだ作成します
みんなの錯覚

54
00:02:39,970 --> 00:02:44,590
彼または彼女自身の排他を持ちます
管理者権限とファイル

55
00:02:44,590 --> 00:02:45,400
サーバー上。

56
00:02:45,400 --> 00:02:48,230
しかし、中に以下のソフトウェアがあります
あなたとハードウェアの間。

57
00:02:48,230 --> 00:02:52,260
結果はです
理論、より高い性能、

58
00:02:52,260 --> 00:02:55,470
あなたが使用しているためか、
少ないリソースを無駄に

59
00:02:55,470 --> 00:02:57,360
そのいわゆる仮想化層の上に。

60
00:02:57,360 --> 00:02:59,420
だから、これはと呼ばれています
本質的にコンテナ化

61
00:02:59,420 --> 00:03:02,920
ドッカーと呼ばれる技術を介して、
これは非常に多く、独自に来ています。

62
00:03:02,920 --> 00:03:05,086
そして、これは何かがあること
あなたの会社のエンジニア

63
00:03:05,086 --> 00:03:08,610
種類のソートの話し始める可能性があります
約すぐに彼らがまだの場合は、

64
00:03:08,610 --> 00:03:11,590
なしは確かにありま​​すけれども
その理由は、任意のbandwagonsにジャンプします。

65
00:03:11,590 --> 00:03:15,410
>> だから、言って、どのような
あなたはおそらく今見

66
00:03:15,410 --> 00:03:22,670
このようなビットに見える画面があります。

67
00:03:22,670 --> 00:03:23,170
OK。

68
00:03:23,170 --> 00:03:25,260
ない場合は、ちょうど私を呼び出します。

69
00:03:25,260 --> 00:03:27,440
そして、されていない場合、私は来ますso--場合。

70
00:03:27,440 --> 00:03:30,244
先に行くと、その大きなをクリックします
プラスワークスペースを作成するには、

71
00:03:30,244 --> 00:03:31,660
あなたは、このような画面が表示されます。

72
00:03:31,660 --> 00:03:35,020
ワークスペースを呼び出すことができます
あなたは今のところ必要な任意の名前を付けます。

73
00:03:35,020 --> 00:03:38,660
そして、ちょうど実際に簡単にするために、
and--行くだけでなく、あなたのいくつかの

74
00:03:38,660 --> 00:03:39,660
既にワークスペースを持っています。

75
00:03:39,660 --> 00:03:47,050
あなたがビジネスをwant--何でもそれを呼び出し、
ハーバード大学、木曜日、あなたが好きなものは何でも。

76
00:03:47,050 --> 00:03:48,800
あなたは説明を必要としません。

77
00:03:48,800 --> 00:03:52,380
あなたがない限り、民間のそれを残すことができます
すでにワークスペースの束を持っています。

78
00:03:52,380 --> 00:03:55,280
あなたはそれを公開することを余儀なくしている場合は、
それは、今日の目的のための罰金です。

79
00:03:55,280 --> 00:03:56,750
ここでは、あまりにも、アップセルの一つです。

80
00:03:56,750 --> 00:03:59,939
あなたは1専用ワークスペースは、によって取得します
デフォルト。しかし、あなたはより多くをしたい場合は、

81
00:03:59,939 --> 00:04:00,980
あなたはより多くを支払う必要があります。

82
00:04:00,980 --> 00:04:02,870
そうでなければ、彼らはあなたを強制します
あなたの仕事はパブリックにします。

83
00:04:02,870 --> 00:04:05,600
しかし、それは彼らのためにも、いいのよ
オープンソースコミュニティでこれをターゲットに

84
00:04:05,600 --> 00:04:07,700
人を奨励します
実際に協力しています。

85
00:04:07,700 --> 00:04:10,699
>> そして重要なの最後の事、
あなたが名前を選択した後にかかわらず、です

86
00:04:10,699 --> 00:04:17,140
あなたがプライベートまたはパブリックを選択した後、
HTML5、大きなオレンジ色のアイコンをクリックします

87
00:04:17,140 --> 00:04:22,430
左から2番目、および
その後、ワークスペースの作成]をクリックします。

88
00:04:22,430 --> 00:04:24,580
そして、それはおそらくだろう
分程度を要します、

89
00:04:24,580 --> 00:04:26,540
しかし、あなたは次にあります
環境、あなた回

90
00:04:26,540 --> 00:04:30,544
を連想させるに見える、それを行います
私は今ここで画面上に持っています。

91
00:04:30,544 --> 00:04:33,210
しかし、再び、それは時間がかかる場合があります
この画面に取得する以上

92
00:04:33,210 --> 00:04:34,770
あなたがクリックした後にワークスペースを作成します。

93
00:04:34,770 --> 00:04:37,936
あなたは私のようにしたい場合でも、ちょうど私をフラグ
何かアドバイスを見てみます。

94
00:04:37,936 --> 00:04:40,191

95
00:04:40,191 --> 00:04:40,690
大丈夫。

96
00:04:40,690 --> 00:04:42,390
だから私は今のところこのような背景に行きますよ。

97
00:04:42,390 --> 00:04:44,260
あなたがするようであれば私を呼び出します
任意の技術的な困難を抱えています。

98
00:04:44,260 --> 00:04:46,210
しかし、再び、それがかかる場合があります
それがオープンするために少し。

99
00:04:46,210 --> 00:04:49,570
とのは、先に行くと何について話しましょう
実際には、ウェブページを作成することを意味し、

100
00:04:49,570 --> 00:04:52,780
何HTMLであり、これをどのようにすべての
我々が開始しているようになりまし相互接続

101
00:04:52,780 --> 00:04:54,730
実際に技術の一部を使用します。

102
00:04:54,730 --> 00:04:58,310
だから、私ができることが判明します
ここに私の小さなMac上で行きます、

103
00:04:58,310 --> 00:05:01,650
呼ばれる簡単なプログラムを開きます
テキストエディット、またはWindows上で私ができました

104
00:05:01,650 --> 00:05:04,480
メモ帳と呼ばれるものを開きます。

105
00:05:04,480 --> 00:05:08,260
そして、私は単に何かを行うことができます
this-- "こんにちは、世界。」のような

106
00:05:08,260 --> 00:05:12,020
そして私は、としてこれを救うことができます
hello.txtだから、そこには魔法。

107
00:05:12,020 --> 00:05:15,200
これは、Webとは何の関係もありません
プログラミング、HTMLとは何の関係も。

108
00:05:15,200 --> 00:05:16,790
ただ、単純なテキストフ​​ァイルを作成します。

109
00:05:16,790 --> 00:05:20,600
しかし、それはウェブことが判明します
ページには、文字通り、それだけです。

110
00:05:20,600 --> 00:05:24,020
これは、テキストを含む単純なテキストフ​​ァイルです
あなたは、キーボードで入力可能性があること、

111
00:05:24,020 --> 00:05:30,070
しかし、通常、常にではありません
.txtファイルが、.htmlのかは.htmないで終わります。

112
00:05:30,070 --> 00:05:32,050
そして、あなたはちょうどありません
ファイル内の単語を入力します。

113
00:05:32,050 --> 00:05:35,280
あなたが実際に呼び出さものを使用する必要があります
タグや、より一般的には、何か

114
00:05:35,280 --> 00:05:37,190
マークアップ言語と呼ばれます。

115
00:05:37,190 --> 00:05:40,510
>> だから私は非常に迅速に入力するつもりです
そしてその後、次のように説明しています。

116
00:05:40,510 --> 00:05:42,290
私は最初に行きますよ
、と言うこれは、次のように入力

117
00:05:42,290 --> 00:05:45,730
ちょっと、ブラウザは、ここに来ます
HTMLで記述されたWebページ。

118
00:05:45,730 --> 00:05:51,850
そして、これら二つの事はちょっと、と言います、
ブラウザは、次は実際にHTMLです。

119
00:05:51,850 --> 00:05:55,790
ねえ、ブラウザは、ここに来ます
頭や私のページの先頭。

120
00:05:55,790 --> 00:05:59,900
のトップのねえ、ブラウザ、内部
私のページ、hello "を、あるタイトルを入れて、

121
00:05:59,900 --> 00:06:01,610
世界。"

122
00:06:01,610 --> 00:06:08,370
私の頭の後ねえ、ブラウザ、
ページは、ここに私のページの本体を付属しています。

123
00:06:08,370 --> 00:06:12,170
私のと、ちょっと、ブラウザ、体
このページには、「こんにちは世界。」と言うべきです

124
00:06:12,170 --> 00:06:15,500
だから、顕著な詳細はここで何ですか？

125
00:06:15,500 --> 00:06:17,960
これは一般的に何であります
ドキュメント型宣言と呼ばれます、

126
00:06:17,960 --> 00:06:20,190
そして、率直に言って、それは少しです
これが最初で暗記するのは難しいです。

127
00:06:20,190 --> 00:06:21,481
あなただけの種類のコピー＆ペーストして。

128
00:06:21,481 --> 00:06:23,760
これは正式な方法であります
ちょっと、というのが、ブラウザ、

129
00:06:23,760 --> 00:06:28,030
私は、HTMLバージョン5を使用していています
やや最近出てきました。

130
00:06:28,030 --> 00:06:31,380
これは、いくつかのことを魔法の呪文です
設計の悪い感覚を持つ人間

131
00:06:31,380 --> 00:06:33,640
置くことを決めました
ファイルの最上部。

132
00:06:33,640 --> 00:06:35,473
それはだにもかかわらず
少し難解な、そ​​れがすべてです

133
00:06:35,473 --> 00:06:38,250
それはここで、ちょっと、ブラウザmeans--
HTMLのバージョン5が付属しています。

134
00:06:38,250 --> 00:06:41,741
>> これの残りの部分は、私たちとされています
今いくつかの時間のために、歴史的に、

135
00:06:41,741 --> 00:06:44,740
それが進化してきています、そして、それはです
おそらく、少し単純なってきて。

136
00:06:44,740 --> 00:06:47,320
いくつかの特性に注目してください
私が強調表示されたものの。

137
00:06:47,320 --> 00:06:49,890
これらのものは、角度であります
左ブラケットbrackets--

138
00:06:49,890 --> 00:06:51,040
そして右のブラケット。

139
00:06:51,040 --> 00:06:52,490
そして、ここで対称性に気づきます。

140
00:06:52,490 --> 00:06:57,340
そして、対称性によって、私はちょうど私のように、意味します
ここでは、この開始タグまたはオープンのタグを持っています

141
00:06:57,340 --> 00:07:01,560
あなたがする場合は、ダウンここで私が持っています
終了タグやだ終了タグ

142
00:07:01,560 --> 00:07:06,460
唯一のものであれば、それはこれを持っているように、異なります
単語の先頭にスラッシュ

143
00:07:06,460 --> 00:07:07,360
HTML。

144
00:07:07,360 --> 00:07:09,360
そして、あなたが考えることができます
これは私が何気なくあったように

145
00:07:09,360 --> 00:07:12,280
ちょっと、前に提案し、
ブラウザは、ここでいくつかのHTMLを付属しています。

146
00:07:12,280 --> 00:07:16,060
そして、逆に、ちょっと、ブラウザ、それはです
それHTML--の開始と終了のため。

147
00:07:16,060 --> 00:07:18,440
>> ここでまたちょっと、ブラウザ、
私のページの頭が付属しています。

148
00:07:18,440 --> 00:07:20,140
ねえ、ブラウザ、それは頭のためにそれです。

149
00:07:20,140 --> 00:07:22,240
ねえ、ブラウザは、ここにあります
私のページの本体。

150
00:07:22,240 --> 00:07:24,020
ねえ、ブラウザ、それは体のためにそれです。

151
00:07:24,020 --> 00:07:26,940
そして、の内部すなわち、いくつかの
今の任意のテキスト。

152
00:07:26,940 --> 00:07:30,520
そして、頭の中、一方、
いくつかは、任意であるがタグ付けされています

153
00:07:30,520 --> 00:07:34,410
そう、言うテキスト、タイトルを話します
私のページの「こんにちは、世界。 "としなければなりません

154
00:07:34,410 --> 00:07:37,470
さて、今のところ、次のことができます
そのブラウザを想定

155
00:07:37,470 --> 00:07:41,762
むしろonly--かを有し、ウェブページを持っています
2つだけは頭と体をparts--。

156
00:07:41,762 --> 00:07:44,220
そして、頭はちょうど一般的です
メニューバーのように、スタッフ

157
00:07:44,220 --> 00:07:45,510
実際には非常に上部にあります。

158
00:07:45,510 --> 00:07:48,910
そして、ボディは、ページの根性で、
その大きな長方形内のすべて

159
00:07:48,910 --> 00:07:50,239
それが画面を埋めます。

160
00:07:50,239 --> 00:07:51,780
だから私は先に行くと、これを実行するつもりです。

161
00:07:51,780 --> 00:07:54,400
私は先に行くつもりと
[保存]をクリックし、保存ファイル。

162
00:07:54,400 --> 00:07:58,580
そして、私は保存するつもりです
このhello.htmlとして、

163
00:07:58,580 --> 00:08:00,870
そして私はちょうどに行きますよ
私のデスクトップ上に置きました。

164
00:08:00,870 --> 00:08:03,520
そして、私は行くつもりです
先に、[保存]をクリックします。

165
00:08:03,520 --> 00:08:05,806
そして、で私のMacをnotice--
少なくとも私に叫んされています。

166
00:08:05,806 --> 00:08:07,180
あなたがこれを行うにしてもよろしいですか？

167
00:08:07,180 --> 00:08:08,710
そして、私は、HTMLを使用して、はい、と言うつもりです。

168
00:08:08,710 --> 00:08:10,400
私は、この場合にはよく知っています。

169
00:08:10,400 --> 00:08:14,686
そして今、私は自分のデスクトップに行くつもりです
ここで、私は突然、このファイルを持っています。

170
00:08:14,686 --> 00:08:16,060
そして、私はそれをダブルクリックするつもりです。

171
00:08:16,060 --> 00:08:18,268
そして、あなたはそれでわかります
デフォルトでは、Chromeは開きました。

172
00:08:18,268 --> 00:08:19,996
それだからです
私のデフォルトのブラウザ。

173
00:08:19,996 --> 00:08:21,370
そして、それは単に "こんにちは、世界。"と言います

174
00:08:21,370 --> 00:08:23,078
しかし、それは、ハロー」と言います
2ヶ所の世界」。

175
00:08:23,078 --> 00:08:23,979
左上に注意してください。

176
00:08:23,979 --> 00:08:25,020
それを欠場するのは非常に難しいです。

177
00:08:25,020 --> 00:08:26,180
それは大きくて大胆です。

178
00:08:26,180 --> 00:08:30,690
そして、他にどこそれが見えるん
言って、 "こんにちは、世界"？

179
00:08:30,690 --> 00:08:31,470
>> AUDIENCE：タブ。

180
00:08:31,470 --> 00:08:33,100
>> DAVID J.マラン：うん、タブ自体。

181
00:08:33,100 --> 00:08:35,159
だから私はの頭部を言ったとき
ページには、すべてをバックアップtop--です

182
00:08:35,159 --> 00:08:36,367
実際、これはタイトルです。

183
00:08:36,367 --> 00:08:37,710
それはちょうどここにタブにあります。

184
00:08:37,710 --> 00:08:40,320
そして、私は、このタブを引き出すことができます
混同しないようにアウト。

185
00:08:40,320 --> 00:08:43,360
これは、今ちょうど単一のタブで
そして実際に、私たちは「こんにちは、世界」を参照してください。

186
00:08:43,360 --> 00:08:45,970
ここまでとは "hello、world"の下にここに。

187
00:08:45,970 --> 00:08:47,160
だから、非常に簡単。

188
00:08:47,160 --> 00:08:49,050
しかし、それはまた、かなり簡単です。

189
00:08:49,050 --> 00:08:50,440
そして、実際に、私は、ズームイン。

190
00:08:50,440 --> 00:08:53,272
私は、フォントサイズを変更することができます
アクセシビリティを拡大します。

191
00:08:53,272 --> 00:08:56,830
しかし、それでは、何かをやらせます
もう少し興味深いです。

192
00:08:56,830 --> 00:08:59,760
>> 私はおっと、聞かせをgo--するつもりです
私は私のテキストフ​​ァイルに戻っ。

193
00:08:59,760 --> 00:09:02,400
私は戻って私に行きますよ
テキストフ​​ァイル、および私が行きますよ

194
00:09:02,400 --> 00:09:06,320
これを変更し、言って
「こんにちは、ディズニーワールド。」

195
00:09:06,320 --> 00:09:07,970
セーブ。

196
00:09:07,970 --> 00:09:10,919
そして、戻って私に行きます
ブラウザとは、[再読み込み]をクリックします。

197
00:09:10,919 --> 00:09:12,710
そして今、もちろん、それ
「ディズニーワールド "と述べています。

198
00:09:12,710 --> 00:09:15,500
そして、私は人工的にズームするつもりです
わずかので、見やすいです。

199
00:09:15,500 --> 00:09:19,012
だから今、残念ながら、私は一種の欲しいです
to--実際に、それは、Macの機能です。

200
00:09:19,012 --> 00:09:21,720
私はディズニーワールドをクリックします
そして、disney.comのようにどこかに行きます、

201
00:09:21,720 --> 00:09:23,290
しかし、それは動作しません。

202
00:09:23,290 --> 00:09:26,850
だから、ウェブの基本的な信条です
ハイパーリンク、他の場所に行くのリンク。

203
00:09:26,850 --> 00:09:28,390
だから私はそれをどのように行うのですか？

204
00:09:28,390 --> 00:09:34,690
まあ、私は言うことができます、
「こんにちは、http://www.disney.com。」

205
00:09:34,690 --> 00:09:36,110
これを保存します。

206
00:09:36,110 --> 00:09:37,620
リロードしてください。

207
00:09:37,620 --> 00:09:39,400
しかしこれも、クリックできません。

208
00:09:39,400 --> 00:09:42,930
とにもかかわらず、ここで素敵なものです
これは、まだ機能していません

209
00:09:42,930 --> 00:09:45,930
それがいるようだということです
ブラウザは、文字通りのみ行います

210
00:09:45,930 --> 00:09:46,950
私はそれが何を言います。

211
00:09:46,950 --> 00:09:50,110
だから私はちょうどこのようなURLを入力すると、
ちょうど私のURLを表示するようになるだろう。

212
00:09:50,110 --> 00:09:54,270
私は、タグやマークアップを使用する必要があります
実際に伝えるために言語

213
00:09:54,270 --> 00:09:55,621
より一層行うには、ブラウザ。

214
00:09:55,621 --> 00:09:57,870
だから私は先に行くつもりだと
一瞬のためにこれを削除します。

215
00:09:57,870 --> 00:10:00,980
そして、私は、ちょっと、と言うつもりです
ブラウザ、ここではアンカーを起動し、

216
00:10:00,980 --> 00:10:02,650
いわばリンク。

217
00:10:02,650 --> 00:10:07,500
およびHyper-参照、先
そのアンカーの、このURLでなければなりません。

218
00:10:07,500 --> 00:10:08,750
そして、私の引用符に注意してください。

219
00:10:08,750 --> 00:10:11,590
私も、一重引用符を使用することができ、
しかし、あなたが一貫している必要があり、

220
00:10:11,590 --> 00:10:14,270
そして、私は一般的にだけ使用します
それをシンプルに保つために二重引用符。

221
00:10:14,270 --> 00:10:16,820
私はタグを閉じるつもりです注意してください。

222
00:10:16,820 --> 00:10:21,160
そして、ここで私は行きますよ
「ディズニーワールド」を言うために

223
00:10:21,160 --> 00:10:26,890
そして今、私はいくつかのsymmetry--を必要とします
オープンブラケット、/、ブラケットを閉じました。

224
00:10:26,890 --> 00:10:28,090
>> だから私は何を導入していますか？

225
00:10:28,090 --> 00:10:30,100
我々はすでにいくつかのタグを持っていました。

226
00:10:30,100 --> 00:10:32,410
HTML、ヘッド、タイトル、本文、
いわばすべてのタグは、あります、

227
00:10:32,410 --> 00:10:34,280
オープンとクローズカウンターパートと。

228
00:10:34,280 --> 00:10:36,530
しかし、通知は、これは一種であります
根本的に異なります。

229
00:10:36,530 --> 00:10:39,140
これは、我々が呼ぶものです
HTML内の属性。

230
00:10:39,140 --> 00:10:41,451
そして属性です
ちょうどキーと値のペア。

231
00:10:41,451 --> 00:10:43,950
これは一般的なものです
コンピュータscience--キーと値のペア。

232
00:10:43,950 --> 00:10:45,770
これは、貿易のツールのようなものです。

233
00:10:45,770 --> 00:10:47,040
キーと値。

234
00:10:47,040 --> 00:10:49,390
単語とし、いくつかの
他の単語または単語。

235
00:10:49,390 --> 00:10:53,790
この場合、キーは、HREFあります
その値は、その完全なURLです。

236
00:10:53,790 --> 00:10:57,890
そして、何の属性が行うのはそれであります
タグの動作に影響を与えます。

237
00:10:57,890 --> 00:11:01,010
この場合、我々は、影響を与えるために必要
アンカータグの挙動、

238
00:11:01,010 --> 00:11:04,140
我々は固定する必要があるため、
どこかにこのリンク。

239
00:11:04,140 --> 00:11:06,960
そして、あなたはそれを行う方法をされています
属性を介して。

240
00:11:06,960 --> 00:11:08,970
>> だから私は先に行くつもりです
そして今、ファイルを保存します。

241
00:11:08,970 --> 00:11:11,300
戻って私のブラウザに移動して、リロードしてください。

242
00:11:11,300 --> 00:11:14,580
そして、ほら、我々が今持っています
正当なウェブページの始まり。

243
00:11:14,580 --> 00:11:18,420
超シンプルな、しかし、私は上にマウスを移動する場合
左下隅にthis--予告、

244
00:11:18,420 --> 00:11:19,830
それは超小型です。

245
00:11:19,830 --> 00:11:21,730
しかし、あなたはwww.disney.comを参照ください。

246
00:11:21,730 --> 00:11:27,076
そして、私は確かにこれ、それをクリックした場合
disney.comに私を離れ案内いたします。

247
00:11:27,076 --> 00:11:29,380
今、興味をそそるもの
ここではそれがないということです

248
00:11:29,380 --> 00:11:33,940
最も市場性のあるURL best--が、
このファイルにはないので、それは大丈夫です

249
00:11:33,940 --> 00:11:35,360
World Wide Web上に存在します。

250
00:11:35,360 --> 00:11:39,740
それは明らかにローカルファイルとして存在します
私のユーザーdirectory-- / jharvard--

251
00:11:39,740 --> 00:11:41,890
ジョンHarvard-- /デスクトップ用。

252
00:11:41,890 --> 00:11:42,634
しかし、それはURLを持っています。

253
00:11:42,634 --> 00:11:43,800
ちょうどローカルであることを起こります。

254
00:11:43,800 --> 00:11:47,050
残念ながら、あなたのどれも訪問することはできません
この、あなたはこのURLを入力した場合ので、

255
00:11:47,050 --> 00:11:49,980
あなたは、あなたのブラウザを伝えることだろう
hello.htmlというファイルを探してください

256
00:11:49,980 --> 00:11:50,772
ハードドライブ上。

257
00:11:50,772 --> 00:11:53,271
そして、もちろん、あなたがしていない限り
手動に沿って、次のされて、

258
00:11:53,271 --> 00:11:54,530
存在することはないだろう。

259
00:11:54,530 --> 00:11:55,190
>> だから、大丈夫です。

260
00:11:55,190 --> 00:11:57,815
我々はまだ、最終的には、方法が必要です
ウェブにこのファイルを取得するには、

261
00:11:57,815 --> 00:12:01,180
しかし、それでは、のカップルを離れていじめるしましょう
ちょうど私たちのセキュリティへの影響

262
00:12:01,180 --> 00:12:04,850
見て、それ以前に戻ってそれを結びます
今朝から議論。

263
00:12:04,850 --> 00:12:08,200
場合は、それを判明します
ブラウザは文字通りん

264
00:12:08,200 --> 00:12:12,560
私は何をすることを教え、それが思われるもの
アンカータグがあるケースのように

265
00:12:12,560 --> 00:12:17,380
の値によって影響を受けます
この属性と呼ばれるのhref

266
00:12:17,380 --> 00:12:20,810
それは、これを表示します
テキスト、これは思わ

267
00:12:20,810 --> 00:12:26,520
私はURLを置くことができることを意味します
両方の場所で、その後リロード

268
00:12:26,520 --> 00:12:29,100
そして今のURLを参照してくださいし、URLにアクセスしてください。

269
00:12:29,100 --> 00:12:32,680
お知らせ、私は左下にカーソルを合わせると、
私は確かにdisney.comにまだつもりです。

270
00:12:32,680 --> 00:12:38,340
>> だから、今までしてきた場合
phished-- P-H-I-S-H-E-D--

271
00:12:38,340 --> 00:12:42,820
これらの偽の電子メールのいずれかで
PayPalの銀行等からの、

272
00:12:42,820 --> 00:12:46,470
あなたは、おそらく内のリンクを得ています
あなたがそれを読んでいる電子メールの

273
00:12:46,470 --> 00:12:49,970
確認に行くためにここにクリックするように指示します
パスワードや、あなたの生年月日を確認

274
00:12:49,970 --> 00:12:53,840
または社会か何か社会的に
あなたは開示するエンジニアリング

275
00:12:53,840 --> 00:12:54,920
情報。

276
00:12:54,920 --> 00:12:57,625
まあ、私は一種の取ることができます
この利点は、私ではないだろうか？

277
00:12:57,625 --> 00:13:01,240
私が何かを言うことができます
www.paypal.com、などです。

278
00:13:01,240 --> 00:13:11,340
その代わりにdisney.comの、I
badguy.com、など、に行くことができます。

279
00:13:11,340 --> 00:13:12,850
リロードしてください。

280
00:13:12,850 --> 00:13:16,620
そして、それは欺くためにどのように簡単です、
特に非技術的なリーダー

281
00:13:16,620 --> 00:13:20,649
またはcursorily読書します
クリックするよりも、リーダー

282
00:13:20,649 --> 00:13:23,940
私はit--をクリックすると、このようなリンク、
私は実際にbadguy.com行きたくありません。

283
00:13:23,940 --> 00:13:25,398
私は実際に何があるか分かりません。

284
00:13:25,398 --> 00:13:30,080
だからpaypal.com、通知は、あります
それが何が起こっているのか、それは言います、

285
00:13:30,080 --> 00:13:33,210
もちろん、私がダウンして見れば
超低、それは、少しぼやけです

286
00:13:33,210 --> 00:13:34,230
それはbadguy.com言います。

287
00:13:34,230 --> 00:13:38,644
それは今だけを教えています
ことを私は間違った場所に行きますよ。

288
00:13:38,644 --> 00:13:41,560
そして、私は以前言ったとき、その銀行
本当に奨励や電車べきではありません

289
00:13:41,560 --> 00:13:44,510
リンクをクリックするようにユーザーが、この
それのちょうど1現れです。

290
00:13:44,510 --> 00:13:45,430
そして、それは簡単です。

291
00:13:45,430 --> 00:13:48,120
場合あなたは今、敵対しています
あなたはこのような何かを

292
00:13:48,120 --> 00:13:51,000
そして、ユーザーをだまししよう
あなたのウェブサイトを訪問へ。

293
00:13:51,000 --> 00:13:53,320
しかし、今のところ、私たちはしておこう
きれいなもの。

294
00:13:53,320 --> 00:13:55,640
我々は先に行くつもりです
これらの変更を巻き戻し。

295
00:13:55,640 --> 00:13:56,530
ページをリロードします。

296
00:13:56,530 --> 00:13:57,740
そして、私は戻ってdisney.comに行きます。

297
00:13:57,740 --> 00:14:00,660
>> 我々はいじめることができない場合を見てみましょう
この離れてもう少し。

298
00:14:00,660 --> 00:14:04,160
だから「こんにちは、ディズニーワールド。」

299
00:14:04,160 --> 00:14:05,950
私がダウンしてここに言うつもりです。

300
00:14:05,950 --> 00:14:08,220
たぶん私はいくつかの部屋を作るつもりです。

301
00:14:08,220 --> 00:14:12,730
「私たちはあなたの滞在をお楽しみください！ "

302
00:14:12,730 --> 00:14:13,830
セーブ。

303
00:14:13,830 --> 00:14:15,850
リロードしてください。

304
00:14:15,850 --> 00:14:19,010
それはないですrea--ていません
私は、右を意図したもの？

305
00:14:19,010 --> 00:14:21,870
私は私のテキストを処理している場合、私は、意味します
ワードプロセッサのようなファイル、

306
00:14:21,870 --> 00:14:24,894
あなたはここで何が起こるかを願っていたのですか？

307
00:14:24,894 --> 00:14:27,060
ええ、私はそこのように感じます
ここでは改行である必要があり、

308
00:14:27,060 --> 00:14:28,799
それは何らかの方法でバギーを感じます。

309
00:14:28,799 --> 00:14:31,090
しかし、それは、実際に意図的です
同じように前にあるため、

310
00:14:31,090 --> 00:14:33,381
ブラウザだけに起こっています
あなたはそれが何を教えてやります。

311
00:14:33,381 --> 00:14:34,806
私は、行を分割することを告げていません。

312
00:14:34,806 --> 00:14:37,930
私も、下に移動することを告げていませんでした
私がやったように、しかし、直感的に、私は感じています。

313
00:14:37,930 --> 00:14:39,805
だから、私たちが必要とするが判明します
もう少しマークアップ、

314
00:14:39,805 --> 00:14:41,390
そして、私は次のようにこれを修正するつもりです。

315
00:14:41,390 --> 00:14:46,160
私はこの最初のハローを前置きするつもりです
段落タグと呼ばれるものです。

316
00:14:46,160 --> 00:14:48,920
そして、私は先に行くつもりです
この他の文章をラップ

317
00:14:48,920 --> 00:14:54,370
別の段落タグで、たとえ
彼らは超短い段落です。

318
00:14:54,370 --> 00:14:55,930
今私は保存するつもりです。

319
00:14:55,930 --> 00:14:57,160
リロードしてください。

320
00:14:57,160 --> 00:14:59,070
そして今、我々はそれを持っています
スペース、およびソートの私たち

321
00:14:59,070 --> 00:15:01,680
の意味を持っています
二つの別々の段落。

322
00:15:01,680 --> 00:15:05,290
>> それはすべての罰金と良いのですが、それは希望
このページに画像を追加するにはいいかも、

323
00:15:05,290 --> 00:15:08,710
私は探しに行くつもりです
Google画像検索でのミッキーマウス。

324
00:15:08,710 --> 00:15:12,830
そして、ちょうど楽しみのために、私はよ
このイメージをつかむために行きます。

325
00:15:12,830 --> 00:15:15,350
私は今、先に行くつもりだと
この画像のURLをつかみます、

326
00:15:15,350 --> 00:15:16,510
別のがありますけれども
これを行う方法。

327
00:15:16,510 --> 00:15:18,520
今のところ、私はちょうどURLをコピーするつもりです。

328
00:15:18,520 --> 00:15:24,770
私は私のテキストに戻って行くつもりです
ファイルには、私は、ここで言うつもりです

329
00:15:24,770 --> 00:15:31,160
IMG SRC =引用引用終わり
そのURL、超長いです。

330
00:15:31,160 --> 00:15:34,580
のそして概念
画像は少し異なっています。

331
00:15:34,580 --> 00:15:38,640
出発の概念は本当にありません
画像と画像を終了します、

332
00:15:38,640 --> 00:15:40,630
スタートのような終了タグにタグを付けます。

333
00:15:40,630 --> 00:15:43,840
だから、に少し奇妙な感じ
私は、意味的にこれを行うには、

334
00:15:43,840 --> 00:15:45,390
近接画像タグを持っています。

335
00:15:45,390 --> 00:15:46,780
それは間違っていないのです。

336
00:15:46,780 --> 00:15:48,840
それは、完全に正しいです
それは奨励ています、

337
00:15:48,840 --> 00:15:50,870
しかし、簡単な表記法があります。

338
00:15:50,870 --> 00:15:53,780
私は一種のと同時にすることができます
オープンと同じタグを閉じ、

339
00:15:53,780 --> 00:15:55,510
それはブラウザが幸せになります。

340
00:15:55,510 --> 00:15:56,950
だから、ほんの少しです
物事のため​​のより簡潔

341
00:15:56,950 --> 00:15:59,408
概念的には本当にないこと
開始および終了するには意味をなさない。

342
00:15:59,408 --> 00:16:01,190
彼らはただそこにある、またはそれらがないです。

343
00:16:01,190 --> 00:16:06,020
>> だから私はこれを保存し、バック行くつもりです
私は "hello、world"のページとリロードします。

344
00:16:06,020 --> 00:16:09,880
そして、それは、ほとんど制御不能です
そのイメージは、実際にあるので、

345
00:16:09,880 --> 00:16:12,210
大きな少し、それはOKです。

346
00:16:12,210 --> 00:16:13,710
私はプログラムでそれをサイズ変更可能性があります。

347
00:16:13,710 --> 00:16:14,900
または、あなたは何を知っています。

348
00:16:14,900 --> 00:16:17,350
ただ私は、実証します
実際に言おうとして

349
00:16:17,350 --> 00:16:21,760
この事の幅がすべきこと
のみ200ピクセル、200ドットです。

350
00:16:21,760 --> 00:16:24,360
私が先に行くと、保存してみましょう
そして、リロード、今ページ

351
00:16:24,360 --> 00:16:25,690
もう少し合理的に見えます。

352
00:16:25,690 --> 00:16:27,260
しかし、パターンに気づきます。

353
00:16:27,260 --> 00:16:30,030
まあ、私は一種のあなたのすべてを教えてきました
ある意味で、HTMLの、少なくとも

354
00:16:30,030 --> 00:16:33,531
概念的には、すべてのHTMLがあるので、
これらtags--オープンのタグは、タグを閉じ、

355
00:16:33,531 --> 00:16:35,280
その属性
その挙動を変更します。

356
00:16:35,280 --> 00:16:38,380
そして、明らかに、すべての
タグは、ゼロまたは1つを持つことができます

357
00:16:38,380 --> 00:16:43,005
二種以上の属性の各々
これは少し違う何かをします。

358
00:16:43,005 --> 00:16:44,380
さて、あなたはどのように存在しているものを知っていますか？

359
00:16:44,380 --> 00:16:46,800
あなたは誰かに聞きます
私のように存在するものを教えてくれ、

360
00:16:46,800 --> 00:16:50,860
または、チュートリアルのためのあなたの周りには、Googleだけ
HTML上で、それは本当にこの簡単です。

361
00:16:50,860 --> 00:16:54,030
>> 本当に、私が大学生だったとき
年前とHTMLを学びました、

362
00:16:54,030 --> 00:16:56,530
私の数学の授業の1
ちょうど過ごしたアシスタント

363
00:16:56,530 --> 00:16:59,600
私は家庭教師の時間の少し
以下のような半時間のために、時間、

364
00:16:59,600 --> 00:17:00,660
そして私は私の方法にありました。

365
00:17:00,660 --> 00:17:03,300
私が作るに向かって私の方法にありました
これまでで最も恐ろしいのウェブサイト、

366
00:17:03,300 --> 00:17:05,549
これは、明らかに、私はそうではありません
本当に超えて進行しました。

367
00:17:05,549 --> 00:17:09,849
しかし、ポイントはあなた一度、ということです
これらの単純なideas--を理解します

368
00:17:09,849 --> 00:17:13,450
難解なtext--しかし、これらの単純な場合
思考を開始するアイデア

369
00:17:13,450 --> 00:17:15,960
そして、思考を閉じる保ちます
すべてがうまく、バランス

370
00:17:15,960 --> 00:17:19,150
、何かを探して修正します
そのタグの動作は、それが本当にすべてです

371
00:17:19,150 --> 00:17:20,079
それにあります。

372
00:17:20,079 --> 00:17:28,140
そして実際に、我々は今に行けば
実際にgoogle.com--のようなもの、

373
00:17:28,140 --> 00:17:31,920
それでは、もう少し場所を手放します
reasonable-- stanford.edu。

374
00:17:31,920 --> 00:17:37,800
そして、私は、見るために行くつもりです
開発者、ソースの表示。

375
00:17:37,800 --> 00:17:41,400
それは醜いですが、notice--
そして、私は通知にズームインします

376
00:17:41,400 --> 00:17:43,432
すでにおなじみだいくつかのもの。

377
00:17:43,432 --> 00:17:45,140
これはここにあり次第です、
どのブラウザです。

378
00:17:45,140 --> 00:17:46,800
ここで、HTML5は付属しています。

379
00:17:46,800 --> 00:17:47,634
HTMLがあります。

380
00:17:47,634 --> 00:17:49,550
どうやら、あります
私はしなかったことを属性

381
00:17:49,550 --> 00:17:51,540
指定使用
ページの言語、

382
00:17:51,540 --> 00:17:54,380
これは自動で助けることができます
そのような翻訳とスタッフ。

383
00:17:54,380 --> 00:17:55,546
ここではページの先頭です。

384
00:17:55,546 --> 00:17:57,790
ここではスタンフォード大学のページのタイトルです。

385
00:17:57,790 --> 00:17:59,832
私はしませんでしたタグがあります
yet--メタタグについて話しています。

386
00:17:59,832 --> 00:18:01,540
それはちょうど一種のです
背景情報。

387
00:18:01,540 --> 00:18:04,210
これは、SEOに役立ち、または
検索エンジン最適化、

388
00:18:04,210 --> 00:18:06,320
またはGoogleの検索結果など。

389
00:18:06,320 --> 00:18:09,029
私たちが探し続けるなら、続けます
見て、ここではボディタグです。

390
00:18:09,029 --> 00:18:11,570
そして、他の房があります
我々はまだについて話していませんでしたタグ。

391
00:18:11,570 --> 00:18:13,750
しかし本部はのための1つです
ページの一部門。

392
00:18:13,750 --> 00:18:16,680
それは、目に見えない長方形のようなものです
あなたは種類の精神的にしたい場合

393
00:18:16,680 --> 00:18:20,160
あなたのページを分割
オンラインで異なるユニット。

394
00:18:20,160 --> 00:18:22,650
そして、div要素がたくさん私は
、クラスと呼ばれるものを参照してください。

395
00:18:22,650 --> 00:18:24,440
しかし、我々はそれに戻ってきます。

396
00:18:24,440 --> 00:18:26,200
>> これはinteresting--形成します。

397
00:18:26,200 --> 00:18:27,730
フォームは、すべてWeb上です。

398
00:18:27,730 --> 00:18:30,310
あなたがしている任意の検索ボックス
これまで使用され、フォームです。

399
00:18:30,310 --> 00:18:31,490
そして、そう、のは実際に見てみましょう。

400
00:18:31,490 --> 00:18:32,790
形。

401
00:18:32,790 --> 00:18:33,910
アクション。

402
00:18:33,910 --> 00:18:37,660
何のためにこのフォームのアクション、
歴史的な理由は、そのURLです。

403
00:18:37,660 --> 00:18:38,840
この方法は、「ポスト」です。

404
00:18:38,840 --> 00:18:44,060
HTTPリクエストが使用できることが判明しました
我々の前に見たような動詞は、「取得します」

405
00:18:44,060 --> 00:18:45,070
または「ポスト。」

406
00:18:45,070 --> 00:18:47,030
その差が表示されます
現時点でこのの。

407
00:18:47,030 --> 00:18:48,363
それでは、実際にこれが何であるかを見てみましょう。

408
00:18:48,363 --> 00:18:49,830
私はスタンフォード大学のページに戻りましょう。

409
00:18:49,830 --> 00:18:53,330
彼らがどのような形を話しています
あなたは思いますか？

410
00:18:53,330 --> 00:18:54,485
何があなたに飛び出しますか？

411
00:18:54,485 --> 00:18:54,970
>> AUDIENCE：検索ボックス。

412
00:18:54,970 --> 00:18:55,845
>> DAVID J.マラン：うん。

413
00:18:55,845 --> 00:18:58,410
だから、右上のアップ
ここでは、この検索ボックスがあります。

414
00:18:58,410 --> 00:19:02,441
そして、それは彼らがit--実装方法です
文字通りオープンブラケット形式のタグ。

415
00:19:02,441 --> 00:19:03,940
そしてのは、何かを探してみましょう。

416
00:19:03,940 --> 00:19:09,220
バディを検索してみましょう
mine--「ニックParlante。」の

417
00:19:09,220 --> 00:19:11,380
入る。

418
00:19:11,380 --> 00:19:13,750
そしてもちろん、それはに行ってきました
わずかに異なるURL。

419
00:19:13,750 --> 00:19:15,140
私はここに戻って行きましょう。

420
00:19:15,140 --> 00:19:18,960
のの検索してみましょう」コース。」

421
00:19:18,960 --> 00:19:19,460
畜生。

422
00:19:19,460 --> 00:19:20,484
別のURLに行ってきました。

423
00:19:20,484 --> 00:19:23,400
だから、スタンフォード大学のは、いくつかの魔法を追加します
彼らは、URLに私を取っていないこと

424
00:19:23,400 --> 00:19:25,820
我々はで見たこと
アクションが属性。

425
00:19:25,820 --> 00:19:32,480
しかし、ここでこのフォームは純粋に実装されています
ここでは、このマークアップの方法により、これらのタグ。

426
00:19:32,480 --> 00:19:35,710
実際には、ここでの入力です
あなたがしたい検索のタイプ​​。

427
00:19:35,710 --> 00:19:38,940
ここでの入力は、
検索の別のタイプ。

428
00:19:38,940 --> 00:19:41,960
ここでは文字列自体ための入力です。

429
00:19:41,960 --> 00:19:45,394
だから目標は、ラップすることではありません
これらのタグのすべての周り私たちの心

430
00:19:45,394 --> 00:19:46,060
ちょうど確認してください。

431
00:19:46,060 --> 00:19:48,300
それはちょうど開閉ます
タグや物事を見て。

432
00:19:48,300 --> 00:19:48,560
ええ？

433
00:19:48,560 --> 00:19:48,920
ビクトリア？

434
00:19:48,920 --> 00:19:49,795
>> AUDIENCE：[聞こえません]

435
00:19:49,795 --> 00:19:51,925

436
00:19:51,925 --> 00:19:53,550
DAVID J.マラン：それは良い質問です。

437
00:19:53,550 --> 00:19:54,660
それは見て少しトリッキーです。

438
00:19:54,660 --> 00:19:56,300
私はそれに戻ってきましょう
わずか数分で質問

439
00:19:56,300 --> 00:19:59,000
私たちは何かを見たときに呼び出されます
CSS、またはカスケーディングスタイルシート、

440
00:19:59,000 --> 00:20:02,500
私たちは推測しようとすることができます
ページから同じくらい。

441
00:20:02,500 --> 00:20:08,090
だから我々は今、google.comを見てみると、
のは、自分のページがどのようなものか見てみましょう。

442
00:20:08,090 --> 00:20:09,840
あなたはそれが今日かわいいですthey're--だろう。

443
00:20:09,840 --> 00:20:12,490

444
00:20:12,490 --> 00:20:12,990
OK。

445
00:20:12,990 --> 00:20:13,690
すべて完了。

446
00:20:13,690 --> 00:20:15,260
すべての権利なので、ソースの表示。

447
00:20:15,260 --> 00:20:19,590
あなたは、Googleが持っていると思うだろう
本当にすてきなソースコード。

448
00:20:19,590 --> 00:20:24,970
だから、明らかに、ここで何が起こっているの？

449
00:20:24,970 --> 00:20:27,880
実際には、これもHTMLではありません。

450
00:20:27,880 --> 00:20:30,930
これには、JavaScriptと呼ばれるものです。

451
00:20:30,930 --> 00:20:32,344
そして、行くと続けるのをみましょう。

452
00:20:32,344 --> 00:20:34,010
ページが始まる私も知りません。

453
00:20:34,010 --> 00:20:37,240
私は、コマンドを使用するつもりです
F、オープンブラケットHTML。

454
00:20:37,240 --> 00:20:38,200
すべての権利、そこにそれがあります。

455
00:20:38,200 --> 00:20:44,150
私はページの開始を発見し、
そのように多くのものがここにあります。

456
00:20:44,150 --> 00:20:45,310
>> 実際に何が起こっているのですか？

457
00:20:45,310 --> 00:20:47,460
さて、あなたは何を知っています、
我々はこれをクリーンアップすることができます。

458
00:20:47,460 --> 00:20:52,109
私が代わりに行く場合、この点検
ツールバー、この特別な診断ツール、

459
00:20:52,109 --> 00:20:54,150
そして、ネットワークにない行きます
我々が今日続ける場合には、

460
00:20:54,150 --> 00:20:56,420
私は要素に行けば、
本当にうれしいです

461
00:20:56,420 --> 00:20:59,990
ブラウザがたくさんあるということです
私よりもはるかに良い目。

462
00:20:59,990 --> 00:21:02,670
そして、ブラウザは読むことができます
Webページの混乱、

463
00:21:02,670 --> 00:21:04,700
そのHTMLメールだけでは、我々
見て、それがすることができます

464
00:21:04,700 --> 00:21:08,340
それを解析したり、読み、
それを分析し、それを再フォーマット

465
00:21:08,340 --> 00:21:09,910
素敵な人に優しい方法です。

466
00:21:09,910 --> 00:21:11,740
だから私は今見ているもの
ここでは、この画面で

467
00:21:11,740 --> 00:21:15,470
要素、まったく同じ内容の下で、
しかし、彼らはすべてをインデントしました、

468
00:21:15,470 --> 00:21:18,140
彼らはそれをカラー化するが、しました
それはまったく同じテキストです

469
00:21:18,140 --> 00:21:19,620
私は、サーバーからダウンロードしていること。

470
00:21:19,620 --> 00:21:23,630
>> そして、何今の素敵なのは、私が見ることができるです
体内で、instance--通知のため、

471
00:21:23,630 --> 00:21:26,480
ページがまだ構成され、
ちょうど頭と体の、

472
00:21:26,480 --> 00:21:28,660
そして、私は階層的にここに飛び込むことができます。

473
00:21:28,660 --> 00:21:32,420
Googleが持っているように見えることに注意してください
この1本1をdivs--します。

474
00:21:32,420 --> 00:21:33,310
私はそれを拡張することができます。

475
00:21:33,310 --> 00:21:35,370
他のdivの全体の束があります。

476
00:21:35,370 --> 00:21:36,900
だから、少し複雑です。

477
00:21:36,900 --> 00:21:37,400
しかし、待って。

478
00:21:37,400 --> 00:21:40,970
これはそんなに多くいるようです
これより、読み込み可能な、比較的。

479
00:21:40,970 --> 00:21:43,840
なぜGoogleは恥ずかしいです
それ自体だけで送信することにより、

480
00:21:43,840 --> 00:21:50,400
いくつかのコードのこの巨大な混乱
並べ替えだけで何かを実装します

481
00:21:50,400 --> 00:21:53,640
それは一見とてもシンプルに見えますか？

482
00:21:53,640 --> 00:21:55,270
同様に、なぜ彼らはより多くのスペースを追加しないのですか？

483
00:21:55,270 --> 00:21:56,811
なぜ彼らは私が行ったように入力してヒットしませんでしたか？

484
00:21:56,811 --> 00:21:59,110
私がいかに良く見えます
Webページを書きました。

485
00:21:59,110 --> 00:22:00,680
私は熱心にEnterキーを押します。

486
00:22:00,680 --> 00:22:03,760
私はすべてをインデント
とてもきれいで読みやすいです。

487
00:22:03,760 --> 00:22:08,463
なぜGoogleは同じを練習しないのですか？

488
00:22:08,463 --> 00:22:11,409
>> AUDIENCE：[聞こえません]

489
00:22:11,409 --> 00:22:12,305

490
00:22:12,305 --> 00:22:13,180
DAVID J.マラン：グッド。

491
00:22:13,180 --> 00:22:14,270
非常に公平。

492
00:22:14,270 --> 00:22:16,650
彼らはいくつかを持っていません
Googleの人手作業

493
00:22:16,650 --> 00:22:18,160
もうホームページの更新。

494
00:22:18,160 --> 00:22:20,010
それはもう1999年ではありません。

495
00:22:20,010 --> 00:22:21,140
そこで、彼らはソフトウェアを持っています。

496
00:22:21,140 --> 00:22:25,397
彼らは、他のツールを持っています
彼らはHTMLだ動的に生成します。

497
00:22:25,397 --> 00:22:27,480
もちろん、そのコード自体
人間によって書かれました、

498
00:22:27,480 --> 00:22:30,220
しかし、現実には、
それは言うことは非常に公正です、

499
00:22:30,220 --> 00:22:33,340
ブラウザは確かにしません
コー​​ドがどのように厄介な気になります。

500
00:22:33,340 --> 00:22:35,940
しかし、さらにがあります
説得力のある技術的な理由

501
00:22:35,940 --> 00:22:42,580
Googleは、そのHTMLを配布すること
このようなずさんのコード、一見

502
00:22:42,580 --> 00:22:48,350
圧倒的な方法は、すべて一緒にパック
非常に少ないway--非常に少ないと

503
00:22:48,350 --> 00:22:51,274
私が行ったようにフォーマットする方法インチ

504
00:22:51,274 --> 00:22:52,570
>> AUDIENCE：[聞こえません]

505
00:22:52,570 --> 00:22:53,528
>> DAVID J.マラン：高速化？

506
00:22:53,528 --> 00:22:54,040
どうして？

507
00:22:54,040 --> 00:22:55,680
そして、あなたは、リディアを何を言いましたの？

508
00:22:55,680 --> 00:22:56,240
もっと早く？

509
00:22:56,240 --> 00:22:57,281
なぜ速いですか？

510
00:22:57,281 --> 00:22:58,156
AUDIENCE：[聞こえません]

511
00:22:58,156 --> 00:23:00,522

512
00:23:00,522 --> 00:23:02,230
DAVID J.マラン：あり
読むためにはスペースはありません。

513
00:23:02,230 --> 00:23:02,730
うん。

514
00:23:02,730 --> 00:23:04,560
だから宇宙は何であるかを考えます。

515
00:23:04,560 --> 00:23:08,394
だから、キーボード上の各文字がかかります
表現するスペースのいくつかの量、

516
00:23:08,394 --> 00:23:10,560
いずれかの物理的に、それのような
多くのスペースことを取り、

517
00:23:10,560 --> 00:23:13,250
または何らかの形で下に
フードは、そのメモリを必要とします。

518
00:23:13,250 --> 00:23:15,740
aside--我々はよと
このtomorrow--についての詳細を話します

519
00:23:15,740 --> 00:23:19,930
キーボード上のすべての文字
典型的には8ビット、または1バイトを必要とします。

520
00:23:19,930 --> 00:23:23,360
だから、8ゼロのパターンや
我々のようなもの、またはちょうど1バイト、

521
00:23:23,360 --> 00:23:24,720
人間は一般的に言うでしょう。

522
00:23:24,720 --> 00:23:27,690
だから、小さいですが、
それはまだ非ゼロです。

523
00:23:27,690 --> 00:23:29,940
それはまだスペースのいくつかの量です。

524
00:23:29,940 --> 00:23:36,082
だから、エンジニアまたはGoogleがヒットした場合
スペースバーは一度だけ、と仮定

525
00:23:36,082 --> 00:23:38,540
それは超popular--ですGoogle--
その億人を想定

526
00:23:38,540 --> 00:23:40,780
日彼らのホームページをご覧ください
または人々のいくつかの数

527
00:23:40,780 --> 00:23:43,290
ホームページaを訪問
億回、1日

528
00:23:43,290 --> 00:23:48,890
ことをどのように多くの追加バイトを持っています
ソフトウェアエンジニアは、Googleだけの費用がかかります

529
00:23:48,890 --> 00:23:51,310
かつて彼または彼女のスペースバーを押すことで？

530
00:23:51,310 --> 00:23:52,692
>> AUDIENCE：[聞こえません]

531
00:23:52,692 --> 00:23:54,150
DAVID J.マラン：それほど悪くありません。

532
00:23:54,150 --> 00:23:57,070
ちょうど1バイト回億円となりました。

533
00:23:57,070 --> 00:23:57,871
だからA--

534
00:23:57,871 --> 00:23:59,120
AUDIENCE：80億ギガバイト。

535
00:23:59,120 --> 00:24:00,370
DAVID J.マラン：ない80億。

536
00:24:00,370 --> 00:24:01,240
80億バイト。

537
00:24:01,240 --> 00:24:02,410
しかし、1ギガバイト。

538
00:24:02,410 --> 00:24:04,080
1ギガバイトは、測定単位になります。

539
00:24:04,080 --> 00:24:08,240
彼または彼女は2を実行している場合
スペース、2ギガバイト。

540
00:24:08,240 --> 00:24:09,030
三ギガバイト。

541
00:24:09,030 --> 00:24:09,530
右？

542
00:24:09,530 --> 00:24:11,860
それはぜいたくスケール。

543
00:24:11,860 --> 00:24:16,150
だからGoogleのような例で、
これは、付与され、極端な例であり、

544
00:24:16,150 --> 00:24:21,450
ちょうど発生する他の問題があります
非常に合理的な意思決定を行うことにより、

545
00:24:21,450 --> 00:24:25,744
または非常に単純な人間の行動を取って、
それは、この拡大効果を有するからです。

546
00:24:25,744 --> 00:24:27,660
理由の1だから、
これはとても圧縮に見えます

547
00:24:27,660 --> 00:24:30,660
ビクトリアはそれがあったsaid--まったく同じです
とにかく、コンピュータによって生成されます。

548
00:24:30,660 --> 00:24:31,900
だから大したことありません。

549
00:24:31,900 --> 00:24:33,309
ブラウザがそれを把握しましょう​​。

550
00:24:33,309 --> 00:24:35,350
しかし、それも意図的に
多くのスペースを持っていません、

551
00:24:35,350 --> 00:24:36,766
スペースは必要ありませんので。

552
00:24:36,766 --> 00:24:38,250
そして、空間は、実際にお金がかかります。

553
00:24:38,250 --> 00:24:40,670
>> これはどちらかの時間がかかり、
ただプッシュする理由

554
00:24:40,670 --> 00:24:44,670
のうち、その多くのデータ
google.comの本社だけ

555
00:24:44,670 --> 00:24:47,710
ある程度の量を取るために持っています
時間、それはだ場合でも、ミリ秒

556
00:24:47,710 --> 00:24:51,190
またはマイクロ秒、それは加算
非常に多くのユーザーを超える、またはそれ以上の可能性が高いです、

557
00:24:51,190 --> 00:24:52,270
それはおそらく、お金がかかります。

558
00:24:52,270 --> 00:24:54,690
Googleは、おそらくに接続します
世界で他の誰か、1

559
00:24:54,690 --> 00:24:56,398
それらのピアリング
ポイント、彼らが持っている場合

560
00:24:56,398 --> 00:24:59,880
金融関係のいくつかの種類
それによって、それらのデータはお金がかかり、

561
00:24:59,880 --> 00:25:01,730
彼らは同様かもしれません
どのくらいのデータを最小限に抑えます

562
00:25:01,730 --> 00:25:04,530
彼らは上に吐き出しています
彼らのインターネット接続。

563
00:25:04,530 --> 00:25:07,630
>> だから面白いことは、しかし、最終的には、
または多分心強いもの、

564
00:25:07,630 --> 00:25:11,030
にもかかわらず、これはひどく見えるということです
一日の終わりに、圧倒的な、

565
00:25:11,030 --> 00:25:16,750
それはまだとまったく同じ原理です
ここではHTMLのこの非常にシンプルなページ

566
00:25:16,750 --> 00:25:17,390
ページ。

567
00:25:17,390 --> 00:25:20,610
だから要約し、あなたがそのようにするには
あなたがいなかった場合は正規のバージョンを持っています

568
00:25:20,610 --> 00:25:25,900
ここでは、ここでの選択によって沿って、次の
Webページの最も単純であるかもしれません、

569
00:25:25,900 --> 00:25:28,240
ので、おそらく、後に再生する何か。

570
00:25:28,240 --> 00:25:30,790
>> さて、ご紹介しましょう
現在、他のアイデアのカップル。

571
00:25:30,790 --> 00:25:33,420
私たちは、ご紹介しようとしています
何かがスタイルタグと呼ばれます。

572
00:25:33,420 --> 00:25:38,110
私たちは、このページを型にはめることができます
もっと面白い方法インチ

573
00:25:38,110 --> 00:25:40,860
HTMLメールのに対しだから
すべてのマークアップについてです

574
00:25:40,860 --> 00:25:44,470
データは、ソートのに指定します
どのようにデータを構造化するために、ブラウザ、

575
00:25:44,470 --> 00:25:48,110
ここで、CSSをそれを置くために、または
カスケーディングスタイルシート、

576
00:25:48,110 --> 00:25:52,640
第二言語であること
一般的にHTMLと混合されます

577
00:25:52,640 --> 00:25:55,670
我々はsee--だろうが、我々はきれいにすることができるように
かかるmoment--でそのアップ

578
00:25:55,670 --> 00:25:59,850
それ最後のマイル、およびそれをstylizes。

579
00:25:59,850 --> 00:26:02,460
それは色がちょうど取得し、
フォントは、ちょうどいいサイズ

580
00:26:02,460 --> 00:26:03,860
ポジショニングちょうどいい。

581
00:26:03,860 --> 00:26:06,510
これは、すべての美学についてです
または約ではなく、書式設定

582
00:26:06,510 --> 00:26:08,330
基本的なデータそのもの。

583
00:26:08,330 --> 00:26:11,390
表示する簡単な方法
これは、実施例により、おそらくあります。

584
00:26:11,390 --> 00:26:15,320
だから私はオーバー行くつもりです
私の単純なテキストフ​​ァイルに。

585
00:26:15,320 --> 00:26:17,970
そして、ちょうど瞬間に、I'LL
processを通して私達歩きます

586
00:26:17,970 --> 00:26:19,360
これを行うための自分自身。

587
00:26:19,360 --> 00:26:23,310
>> 私は自分のファイルに戻って行くつもりです
ここだけのページをリロード

588
00:26:23,310 --> 00:26:25,800
それがどのように見えるか確認します。

589
00:26:25,800 --> 00:26:27,190
我々は今にいるところです。

590
00:26:27,190 --> 00:26:31,170
子供たちが楽しんでいましたような気がします
このウェブページにはいくつかの色を有します。

591
00:26:31,170 --> 00:26:34,480
だから私はここに行くつもりです
ページの先頭へ。

592
00:26:34,480 --> 00:26:38,130
そして、私はスタイル、/スタイルをするつもりです。

593
00:26:38,130 --> 00:26:44,060
そして、この内、私が行きますよ
私の当ページの本体を伝えるために

594
00:26:44,060 --> 00:26:46,870
この書式はであり、
一見、おそらく少し

595
00:26:46,870 --> 00:26:49,400
奇妙なしかし、従来の。

596
00:26:49,400 --> 00:26:55,010
私は、バックグラウンドと言うつもりです
このページの色は緑色でなければなりません。

597
00:26:55,010 --> 00:26:57,960
そして、これは残念ながらあり
並べ替えのない最高のデザイン。

598
00:26:57,960 --> 00:27:00,710
ていることに注意してください以前
HTMLの世界では、

599
00:27:00,710 --> 00:27:03,190
私は属性という
これらのキーと値のペアがあります。

600
00:27:03,190 --> 00:27:05,760
何かが引用等しいです
引用終わり "何か。」

601
00:27:05,760 --> 00:27:08,810
だったCSSの世界では、
いくつかの異なる人々によって設計され、

602
00:27:08,810 --> 00:27:11,020
彼らは彼らの中で、ということを決定しました
世界では、キーと値のペア

603
00:27:11,020 --> 00:27:13,920
単語大腸ものになるだろう。

604
00:27:13,920 --> 00:27:15,220
だから、しかし、同じ考えです。

605
00:27:15,220 --> 00:27:18,620
それは値を関連付けるています
何とかいくつかのキーを持ちます

606
00:27:18,620 --> 00:27:20,330
このページの動作に影響を与えます。

607
00:27:20,330 --> 00:27:21,901
>> そして、あなたはおそらく推測することができます。

608
00:27:21,901 --> 00:27:24,150
これはおそらく起こっています
あなたは決してきていない場合であっても実行します

609
00:27:24,150 --> 00:27:27,867
前HTMLやCSSを見たことありますか？

610
00:27:27,867 --> 00:27:29,450
AUDIENCE：背景色を変更します。

611
00:27:29,450 --> 00:27:30,560
DAVID J.マラン：ええ、
背景色を変更。

612
00:27:30,560 --> 00:27:33,280
具体的には
本体の背景色。

613
00:27:33,280 --> 00:27:36,290
しかし、限りとして
今の体はウェブであります

614
00:27:36,290 --> 00:27:38,870
当ページ - それだけのことです
タイトルバーの下really--

615
00:27:38,870 --> 00:27:40,870
それはおそらくに起こっています
同じことに影響を与えます。

616
00:27:40,870 --> 00:27:41,430
それでは見てみましょう。

617
00:27:41,430 --> 00:27:42,490
それでは、これを保存してみましょう。

618
00:27:42,490 --> 00:27:44,310
ここに移動して、リロードしてください。

619
00:27:44,310 --> 00:27:46,140
それはかなり恐ろしいです。

620
00:27:46,140 --> 00:27:48,070
そして、何が起こっているの
ここで副作用です。

621
00:27:48,070 --> 00:27:49,850
私はランダムにこの画像を選びました。

622
00:27:49,850 --> 00:27:53,305
なぜ緑ではありません
ミッキーの後ろに浸透？

623
00:27:53,305 --> 00:27:54,180
AUDIENCE：[聞こえません]

624
00:27:54,180 --> 00:27:56,880

625
00:27:56,880 --> 00:27:57,880
DAVID J.マラン：その通り。

626
00:27:57,880 --> 00:28:01,750
それはかなり、その画像が判明します
私たちが使用する可能性のある多くのすべての画像、

627
00:28:01,750 --> 00:28:03,670
矩形のすべてrectangles--です。

628
00:28:03,670 --> 00:28:07,710
ミッキーは、いくつかのカーブを持っている場合でも、
自分自身へとバックグラウンドを持っています、

629
00:28:07,710 --> 00:28:09,330
その背景は何かでなければなりません。

630
00:28:09,330 --> 00:28:10,280
それは白でなければなりません。

631
00:28:10,280 --> 00:28:11,910
それは黒または何か他のものにする必要があります。

632
00:28:11,910 --> 00:28:13,650
それは、透明であることができます。

633
00:28:13,650 --> 00:28:16,100
実際に、私ができました
ここにミッキーマウスを開きます

634
00:28:16,100 --> 00:28:18,590
フォトショップと呼ばれるプログラムで
または似たような

635
00:28:18,590 --> 00:28:21,176
その白のすべてを変更
透明の背景、

636
00:28:21,176 --> 00:28:22,550
そのように緑が透けて見えるでしょう。

637
00:28:22,550 --> 00:28:25,980
しかし、それは私が必要となる何か
自分やグラフィックアーティストの依頼します

638
00:28:25,980 --> 00:28:28,130
私の時やデザイナー
会社、例えば、

639
00:28:28,130 --> 00:28:31,490
特に私はちょうどので、実行します
インターネットからのこの1を借りました。

640
00:28:31,490 --> 00:28:33,030
なぜこれが起こっているしかし、それはです。

641
00:28:33,030 --> 00:28:34,980
>> だから、他に何私たちは何をしたいのでしょうか？

642
00:28:34,980 --> 00:28:41,040
まあ、我々は我々の言いたいことがあります
本当にあなたがあなたの滞在をお楽しみください。

643
00:28:41,040 --> 00:28:44,150
そして、強調のために、私が欲しいです
これを強くするために、

644
00:28:44,150 --> 00:28:48,310
そして私は、強力なオープン言うよと
強い閉じてリロードしてください。

645
00:28:48,310 --> 00:28:50,320
そして、それは少し難しいです
プロジェクターに表示します

646
00:28:50,320 --> 00:28:53,250
おそらく本当に今
もう少しあなたに飛び出します。

647
00:28:53,250 --> 00:28:56,180
だから、この中でイタリックを追加することができます
方法、このように大胆に面します。

648
00:28:56,180 --> 00:28:57,500
私たちは色を​​変更することができます。

649
00:28:57,500 --> 00:29:01,610
実際には、ちょうど蹴りのために、私はよ
先に行くと、これをするつもり。

650
00:29:01,610 --> 00:29:05,120
私は本当に好きではないどのように私
段落では、一緒にこの近くにあります

651
00:29:05,120 --> 00:29:06,870
私はこのような何かを行う可能性があります。

652
00:29:06,870 --> 00:29:13,310
私はブラウザに指示するつもりです、
持っているすべての段落タグを変更し、

653
00:29:13,310 --> 00:29:16,952
あなたは何を知っている、のは実際にsay--せ、
のは、テキスト整列、中心位置を合わせてみましょう。

654
00:29:16,952 --> 00:29:19,410
そして再び、私はこれだけを知っています
誰かが私にそれを教えたので、

655
00:29:19,410 --> 00:29:21,118
または私はそれを見上げ
オンラインリファレンス。

656
00:29:21,118 --> 00:29:22,450
だから私は、これを保存してみましょう。

657
00:29:22,450 --> 00:29:25,070
そして、ああ、今私がしました
そこに画像を中心に。

658
00:29:25,070 --> 00:29:28,490
そして実際に、あなたは何を、かどうかを知ります
私は私のイメージは、段落に移動します

659
00:29:28,490 --> 00:29:34,510
tag--そう番目の段落、
それはテキストではないにもかかわらず。

660
00:29:34,510 --> 00:29:36,917
のはそれを保存してリロードしてみましょう。

661
00:29:36,917 --> 00:29:40,000
今すぐページが親切に見えるし始めています
私は意味of--、それは、まだかなり醜いです

662
00:29:40,000 --> 00:29:43,180
私が過ごしたのようですが、少なくともそれが見えます
2分の代わりに1分

663
00:29:43,180 --> 00:29:43,950
それを作ります。

664
00:29:43,950 --> 00:29:47,200
>> だから、インクリメンタルに、我々が行うことができます
ページになりましたこれらの美的変化？

665
00:29:47,200 --> 00:29:50,860
私は実際にデータを変更していませんでした
本当に言葉を追加すること以外のページ。

666
00:29:50,860 --> 00:29:52,650
あなたがする場合、私は、メタデータを追加しました。

667
00:29:52,650 --> 00:29:54,830
ねえ、ブラウザは、作ります
単語 "本当に"大胆。

668
00:29:54,830 --> 00:29:56,940
しかし、データは強力ではありません。

669
00:29:56,940 --> 00:29:57,830
それはメタデータです。

670
00:29:57,830 --> 00:29:59,410
データが「本当に」です。

671
00:29:59,410 --> 00:30:02,200
だから我々はまだのいくつかを持っています
前と同じコンセプト。

672
00:30:02,200 --> 00:30:05,990
今、もちろん、これは、ウェブ上にありません、
だから私はここで1最後のステップをするつもりです。

673
00:30:05,990 --> 00:30:10,300
>> 私はhello.htmlに行くつもりです
そして、だけ強調表示し、これをコピーします。

674
00:30:10,300 --> 00:30:12,285
そして今、私はするつもりです
Cloud9、その中に行きます

675
00:30:12,285 --> 00:30:13,910
私は一瞬であなたを歩きますよ。

676
00:30:13,910 --> 00:30:17,080
そして、オッズは、以下の場合、あなたはすぐになるだろうしています
ない既に、このような画面で。

677
00:30:17,080 --> 00:30:21,080
そして、私はちょうどあなたに素早くを与えてみましょう
Cloud9が実際に何であるかのツアー。

678
00:30:21,080 --> 00:30:26,590
だから、再び9をされているクラウド
このクラウドベースのサービス

679
00:30:26,590 --> 00:30:30,580
それは、あなたと私の錯覚を与えます
当社独自の仮想マシンを持ちます

680
00:30:30,580 --> 00:30:33,090
クラウドで、技術的に
クラウド内のコンテナ、

681
00:30:33,090 --> 00:30:35,160
我々は完全な持っていること
管理者権限へ。

682
00:30:35,160 --> 00:30:37,130
理論的には、誰もそのように
世界で他に持っています

683
00:30:37,130 --> 00:30:39,152
私は、画面へのアクセス
今見て、

684
00:30:39,152 --> 00:30:40,860
多分人を除きます
誰がサイトを実行し、

685
00:30:40,860 --> 00:30:43,470
技術的に、彼らが持っているので、
物理的なアクセスなど。

686
00:30:43,470 --> 00:30:44,740
>> だから我々はこの環境で何を見ていますか？

687
00:30:44,740 --> 00:30:46,230
私は、ズームアウトするつもりです
なぜなら、それは少し小さいです。

688
00:30:46,230 --> 00:30:48,104
そして、私はオーバーポイントましょう
ここでちょっと。

689
00:30:48,104 --> 00:30:53,210
左側に私とあなた
画面、左のファイルブラウザがあります。

690
00:30:53,210 --> 00:30:55,362
精神で非常に類似しました
Mac OSとWindowsに。

691
00:30:55,362 --> 00:30:57,070
これらはすべてあります
アカウント内のファイル。

692
00:30:57,070 --> 00:30:59,250
そしてデフォルトでは、お使いの場合
アカウントは私のようなものです、

693
00:30:59,250 --> 00:31:05,090
あなたが参照するか、すぐにわかります
helloworld.htmlとreadme.md。

694
00:31:05,090 --> 00:31:07,950
ここで右側の上で、これは
ここで、私のテキストフ​​ァイルは行くつもりです。

695
00:31:07,950 --> 00:31:11,620
あなたは今までのMicrosoft使用している場合
Wordやメモ帳やテキストエディット、

696
00:31:11,620 --> 00:31:14,100
これは私の編集単語であります
ファイルの行くために起こっています。

697
00:31:14,100 --> 00:31:16,540
そして、最も難解な
この環境の特徴

698
00:31:16,540 --> 00:31:20,100
私たちは本当に使用する必要はないということです
ダウンここではターミナルウィンドウと呼ばれます。

699
00:31:20,100 --> 00:31:23,390
あなたはからDOSを使用している場合
往年、これはLinuxがあります

700
00:31:23,390 --> 00:31:25,450
または、DOS、Linuxの同等。

701
00:31:25,450 --> 00:31:28,190
これは、テキストベースのinterface--です
なしマウスクリック、ノードラッグ。

702
00:31:28,190 --> 00:31:30,770
あなたが行うことができますすべてがタイプです
コマンドが、これらのコマンド

703
00:31:30,770 --> 00:31:34,400
オープン、ファイルを作成し、ファイルを移動することができます
ディレクトリ、近くのディレクトリ、

704
00:31:34,400 --> 00:31:35,740
物事の任意の数を実行します。

705
00:31:35,740 --> 00:31:38,060
しかし、今のところ、私達はちょうどよ
ここで私たちの時間を費やしています。

706
00:31:38,060 --> 00:31:39,050
>> そしてそうはこのやろう。

707
00:31:39,050 --> 00:31:41,008
あなたはこの中であれば
環境、あなたがすべき

708
00:31:41,008 --> 00:31:45,900
ワークスペースを作成した場合であります
すでに、先に行くと、ちょうど上がります

709
00:31:45,900 --> 00:31:48,690
瞬間のために、新しいファイルします。

710
00:31:48,690 --> 00:31:51,740
そして、それはあなたに新しいを与えます
右ここで真ん中のタブ。

711
00:31:51,740 --> 00:31:54,250
そして、私はjust--としてみましょう
先に行くと、これを行います。

712
00:31:54,250 --> 00:31:59,910
それでは、先に行くと、今ファイルをしましょう​​、保存
そして、先に行くと、それをhello.html呼び出します

713
00:31:59,910 --> 00:32:02,740
と混同しないように
helloworld.html、これ

714
00:32:02,740 --> 00:32:06,910
あなたの新しい無料のアカウントに付属しています、
これだけのサンプルファイルです。

715
00:32:06,910 --> 00:32:11,020
あなたはそれが突然表示されます、
左側の最も可能性の高いです、

716
00:32:11,020 --> 00:32:12,810
そして、タブが開いたままになります。

717
00:32:12,810 --> 00:32:21,300
そして、私は再作成するために、今をお勧めしてみましょう
このファイルまたはそれらのいくつかの変種。

718
00:32:21,300 --> 00:32:24,607
そして、あなたは非常にそれを見ることができない場合
画面、これはスライドと同じです

719
00:32:24,607 --> 00:32:26,190
おそらく別のタブを持っていること。

720
00:32:26,190 --> 00:32:29,296
>> だから要するに、あなたの最初のWebページを作ります、
それを保存し、一瞬で、

721
00:32:29,296 --> 00:32:31,170
どのように私はあなたを紹介します
実際にこれを表示することができます。

722
00:32:31,170 --> 00:32:32,970
しかし、少なくとも一つのことを変更します。

723
00:32:32,970 --> 00:32:35,400
へのhelloworldを変更
あなた自身の選択のようなもの、

724
00:32:35,400 --> 00:32:39,821
あなたはそれがあなただと確信しているように、
ファイルではなく、私が作成したばかりの1。

725
00:32:39,821 --> 00:32:40,320
大丈夫。

726
00:32:40,320 --> 00:32:43,804
そして、あなたはありませんready--しているとき
準備ができたら、rush--

727
00:32:43,804 --> 00:32:46,220
先に行くと、ファイルを保存
一度あなたがこれらの変更を加えました。

728
00:32:46,220 --> 00:32:49,540
そして、あなたがクリックした場合
実行ボタンアップトップ、この

729
00:32:49,540 --> 00:32:53,610
教えてくれる新しいタブを開く必要があります
あなたがであなたのファイルを訪問することができますどのようなURLます、

730
00:32:53,610 --> 00:32:56,380
それはに少し時間がかかるかもしれません
引用符 "、Apacheを起動」引用終わりいます

731
00:32:56,380 --> 00:32:58,820
Webサーバの名前です。

732
00:32:58,820 --> 00:33:02,430
だから正確に行うように注意してください
最終的にファイルにです。

733
00:33:02,430 --> 00:33:04,610
だから今、私はズームインます。

734
00:33:04,610 --> 00:33:07,780
私は、入力を開始した場合
オープンブラケットHTML、予告

735
00:33:07,780 --> 00:33:09,650
私の考えを完了するために私を促しています。

736
00:33:09,650 --> 00:33:13,750
そして、私は私の思考を終了した場合、それを
自動的に私に終了タグを提供します。

737
00:33:13,750 --> 00:33:17,190
しかし、期待は、私は打つよさ
入力し、そこに内側に移動

738
00:33:17,190 --> 00:33:21,180
内部ヘッドを行い、
その後、私の中に身体を行います。

739
00:33:21,180 --> 00:33:24,430
そして、それは最初は少し奇妙なことです、
それはあなたのための作業をやっているので、

740
00:33:24,430 --> 00:33:27,110
しかし、最終的にそれを実現
それはあなたのキーストロークを保存します。

741
00:33:27,110 --> 00:33:30,500
のと実際には、非常に共通の特徴
プログラミングは、これらの日環境

742
00:33:30,500 --> 00:33:33,260
両方のようなWeb開発のための
これと実際のプログラミング、

743
00:33:33,260 --> 00:33:36,960
これは私たちが明日の話をします、
これらのオートコンプリート機能です、

744
00:33:36,960 --> 00:33:39,710
ちょうど許可するもの
プログラマやデザイナー

745
00:33:39,710 --> 00:33:42,010
に、より少ないキーストロークを入力します
同じことを実現。

746
00:33:42,010 --> 00:33:43,176
時にはそれはしかし、良いことです。

747
00:33:43,176 --> 00:33:44,560
時にはそれだけで迷惑なんです。

748
00:33:44,560 --> 00:33:49,290

749
00:33:49,290 --> 00:33:54,010
そして、再び、あなたが転写したら
スライドまたはそれらのいくつかの変異体、

750
00:33:54,010 --> 00:33:57,360
あなたは、トップアップファイル名を指定して実行]ボタンをクリックすることができます。

751
00:33:57,360 --> 00:33:59,910
そして、底に
ウィンドウ、あなたが通知されます

752
00:33:59,910 --> 00:34:04,290
どのようなURLであなたのウェブページを訪問することができます。

753
00:34:04,290 --> 00:34:08,790
鉱山は、例えば、です
business-daharvard.c9users.io

754
00:34:08,790 --> 00:34:11,480
など。

755
00:34:11,480 --> 00:34:14,580
すべての権利は​​、そう、me--ご質問を聞かせて？

756
00:34:14,580 --> 00:34:19,460
ちょうど得ることについてその他のご質問
我々は機能を追加する前にこの作業？

757
00:34:19,460 --> 00:34:21,692
そして、ちょうど、私が提案してみましょう
人々を取得しますcomfortable--

758
00:34:21,692 --> 00:34:24,400
なぜならそれだけに一つのことです
コピー＆ペースト、私がやった盲目的。

759
00:34:24,400 --> 00:34:27,177
しかし、単に人々が取り組むように
少なくとも一つのto-doと、

760
00:34:27,177 --> 00:34:28,510
私はいくつかの音楽をオンにするつもりです。

761
00:34:28,510 --> 00:34:32,630
私はのリストを提案するつもりです
あなたが潜在的に追加することができますもの。

762
00:34:32,630 --> 00:34:34,086
そして、あなたは確かにグーグルを使用することができます。

763
00:34:34,086 --> 00:34:36,210
そして、なぜしない私たちだけ
あなたが解決しようとすることを提案します

764
00:34:36,210 --> 00:34:38,710
少なくとも一つの特定の問題をここに。

765
00:34:38,710 --> 00:34:45,090
だから、タグの面で、
私はここにこれを再利用してみましょう。

766
00:34:45,090 --> 00:34:48,280
>> 実際に、私は入れてみましょう
そのテキスト形式インチ

767
00:34:48,280 --> 00:35:02,380
我々はかもしれないタグの間のことを言ってみましょう
ここで使用こっちいくつかのタグです。

768
00:35:02,380 --> 00:35:06,090
私たちは、段落タグを見てきました。

769
00:35:06,090 --> 00:35:07,850
今ではオートコンプリートになるだろう。

770
00:35:07,850 --> 00:35:12,220
段落タグ、アンカータグ。

771
00:35:12,220 --> 00:35:15,250
例えば、あなたがしたいとしましょう
何か大きなものを作ります、

772
00:35:15,250 --> 00:35:19,480
あなたはlike--可能性があります
spanタグは助けることができます。

773
00:35:19,480 --> 00:35:23,010
さて、あなたはいくつかの助けが必要になる場合があります
ちょっとでそのため。

774
00:35:23,010 --> 00:35:24,830
私たちは、divのを見てきました。

775
00:35:24,830 --> 00:35:26,170
あなたはテーブルがあります表示されます。

776
00:35:26,170 --> 00:35:27,928
そこTR、TDと呼ばれるもの。

777
00:35:27,928 --> 00:35:30,736

778
00:35:30,736 --> 00:35:32,860
目、TD。

779
00:35:32,860 --> 00:35:34,770
その瞬間に戻ってそれに来ます。

780
00:35:34,770 --> 00:35:36,590
便利な他に何があるかもしれませんか？

781
00:35:36,590 --> 00:35:38,310
強いあります。

782
00:35:38,310 --> 00:35:43,640
強調、またはむしろEMがあります。

783
00:35:43,640 --> 00:35:50,110
There's--他に何
あなたはここに空想のでしょうか？

784
00:35:50,110 --> 00:35:51,930
さて、私たちは取りますよ
一緒にその見てください。

785
00:35:51,930 --> 00:35:53,230
私たちが見てきた形。

786
00:35:53,230 --> 00:35:54,130
フォームがあります。

787
00:35:54,130 --> 00:35:56,500
入力およびいくつかの他があります。

788
00:35:56,500 --> 00:35:58,924

789
00:35:58,924 --> 00:36:00,090
すべての権利は​​、そうはこのやろう。

790
00:36:00,090 --> 00:36:02,330
ビクトリアのに答えるために
質問は、最初に私を聞かせて

791
00:36:02,330 --> 00:36:05,020
ちょうど誰もがあることを確認してください
そのハロー作業を取得することができます。

792
00:36:05,020 --> 00:36:06,900
そして、私が紹介しましょう
カップルの他のアイデア。

793
00:36:06,900 --> 00:36:09,209
その後、我々は人々が解決してもらおう
自分でいくつかの問題。

794
00:36:09,209 --> 00:36:11,500
その後、我々は実際に戻ってきます
フォームの概念に、

795
00:36:11,500 --> 00:36:14,950
私たちは、実際に再実装します
一緒に、フロントエンドインターフェイス

796
00:36:14,950 --> 00:36:16,450
そうGoogle自身のために、話します。

797
00:36:16,450 --> 00:36:19,700
私たちは、バックエンドとしてGoogleを使用してもらおう
彼らはハードワークを行い、検索、

798
00:36:19,700 --> 00:36:22,760
私たちは、フロントエンドを再作成します
Googleと検索フォームの

799
00:36:22,760 --> 00:36:24,520
彼らは自分のホームページに持っていること。

800
00:36:24,520 --> 00:36:27,050
そして、私たちは戻ってくるだろう
一瞬でこれらのタグ。

801
00:36:27,050 --> 00:36:30,270
>> だから、これはどのような私でした
ちょっと前に提案しました。

802
00:36:30,270 --> 00:36:33,940
私たちは、にスタイル設定を追加することができます
このスタイルタグの内側ページ、

803
00:36:33,940 --> 00:36:36,950
我々は背景を型にはめることができます
カラー、テキストの配置、

804
00:36:36,950 --> 00:36:39,000
それは中央左または右だかどうか。

805
00:36:39,000 --> 00:36:41,630
しかし、非常に迅速に、あなたでしょう
検索またはWebデザイナー

806
00:36:41,630 --> 00:36:44,060
このことを見つけるだろう
少し扱いに​​くくなり、

807
00:36:44,060 --> 00:36:48,330
あなたは何をやっているので、
混合コンテンツと呼ばれます

808
00:36:48,330 --> 00:36:50,120
プレゼンテーションとその。

809
00:36:50,120 --> 00:36:53,756
あなたは、あなたのデータを混合しています
そしてその美学。

810
00:36:53,756 --> 00:36:56,380
そして実際に、あなたが考慮すれば、
何time--上で起こるだろう

811
00:36:56,380 --> 00:36:58,350
これは非常に小さいです
ウェブページ、もちろん。

812
00:36:58,350 --> 00:37:01,590
しかし、私はこのページにコンテンツを追加した場合
そして私は、このページにスタイルを追加し、

813
00:37:01,590 --> 00:37:04,650
ページには、非常に迅速に取得します
長く、長く、長く。

814
00:37:04,650 --> 00:37:07,510
そして、私はしたいと仮定
第二のウェブページを持っています

815
00:37:07,510 --> 00:37:09,010
これらの属性のいくつかを共有しています。

816
00:37:09,010 --> 00:37:12,350
私は私の第二のウェブページを仮定
関連サイト - また、私は、すべての中心にしたいです

817
00:37:12,350 --> 00:37:14,960
そして私はまた、すべてのものをしたいです
緑の背景を持ちます。

818
00:37:14,960 --> 00:37:17,940
私はかなりする必要がありますするつもりです
これらのラインの一部をコピーして貼り付けます

819
00:37:17,940 --> 00:37:20,730
細かい感じて、第2のファイル、に。

820
00:37:20,730 --> 00:37:22,030
これは、問題を解決します。

821
00:37:22,030 --> 00:37:26,060
>> しかし、私は3番目のページを何したい場合
30ページまたは40番目のページや？

822
00:37:26,060 --> 00:37:28,730
今、私はコピーするつもりだし、
重複したコードの多くを貼り付けます

823
00:37:28,730 --> 00:37:30,430
複数のファイルインチ

824
00:37:30,430 --> 00:37:32,600
だからと仮定
私が決めるか、私は聞いています、

825
00:37:32,600 --> 00:37:34,780
ねえ、私たちが使用していません
もう緑の背景。

826
00:37:34,780 --> 00:37:36,380
私たちは、オレンジ色の使用を開始するつもりです。

827
00:37:36,380 --> 00:37:38,690
あなたは何を変更する必要がありますか？

828
00:37:38,690 --> 00:37:42,900
さて、あなたはそのスタイルを変更する必要が
オレンジ色の緑からどのように多くの場所で？

829
00:37:42,900 --> 00:37:44,920
30または40の場所のように。

830
00:37:44,920 --> 00:37:45,900
それは退屈です。

831
00:37:45,900 --> 00:37:47,039
これは、エラーになりやすいのです。

832
00:37:47,039 --> 00:37:49,580
いくつかの理由があります
あなたが誘導するために望んでいないだろう場所

833
00:37:49,580 --> 00:37:51,840
あなた自身のための痛みのようなもの。

834
00:37:51,840 --> 00:37:54,760
そしてそれは素晴らしいではないでしょう
私たちは、まさに私が取ることができれば

835
00:37:54,760 --> 00:37:58,240
これら二つの黄色の間に置きます
タグ、これらのスタイルタグ、

836
00:37:58,240 --> 00:38:04,050
それを考慮し、私のすべてを置きます
1中央ファイルに様式化

837
00:38:04,050 --> 00:38:08,470
その私の他のファイルをすべて30または40
借りるか、何らかの形で参照、

838
00:38:08,470 --> 00:38:11,640
ないネットワークとは異なり、
図私たちは前にやっていましたか？

839
00:38:11,640 --> 00:38:15,030
>> 私はここに行くのであれば、私はよ
実際に提案する予定

840
00:38:15,030 --> 00:38:17,880
我々は交換することを
何かを持つスタイルタグ

841
00:38:17,880 --> 00:38:21,620
これは、リンクタグと呼ばれます
恐ろしく、恐ろしく命名され、

842
00:38:21,620 --> 00:38:24,370
あなたが使用していないので、
何を作成するためのリンクタグ

843
00:38:24,370 --> 00:38:26,380
私たち人間は、Webページにリンクとして知っています。

844
00:38:26,380 --> 00:38:29,750
そのためには、どのタグを使うのか？

845
00:38:29,750 --> 00:38:31,464
どのようにWebページ内のリンクを作成するのですか？

846
00:38:31,464 --> 00:38:32,130
AUDIENCE：A。

847
00:38:32,130 --> 00:38:34,870
DAVID J.マラン：A、またはアンカー
前ディズニーに行ってきましたタグ。

848
00:38:34,870 --> 00:38:39,090
ここにリンクタグを言っています
ファイルにthis--リンク

849
00:38:39,090 --> 00:38:44,350
Styles.cssを、との関係
それは私のスタイルシートだということになるだろう。

850
00:38:44,350 --> 00:38:48,290
だから、これは、Sの中の一つであります
CSS--カスケードスタイルシート。

851
00:38:48,290 --> 00:38:50,490
スタイルsheet-- CSSのSさんの2。

852
00:38:50,490 --> 00:38:52,550
スタイルシートをカスケード。

853
00:38:52,550 --> 00:38:58,640
これはちょうど意味、ちょっと、ブラウザ、行きます
ローカルサーバー上のStyles.cssを見つけます

854
00:38:58,640 --> 00:39:01,870
そして、あなたのスタイルシートとして使用
これは、そのファイルの中に意味

855
00:39:01,870 --> 00:39:05,310
のすべてになるだろう
私たちはやったstylizations。

856
00:39:05,310 --> 00:39:07,396
だから何そのファイル
このあるように見えるかもしれません。

857
00:39:07,396 --> 00:39:10,020
そして、私はちょうどこれが速いやります
例えば、我々は必要としないため、

858
00:39:10,020 --> 00:39:12,000
ここで雑草の中にあまりにも多くを取得します。

859
00:39:12,000 --> 00:39:17,840
私はこれをコピーする場合でも、どのような私が提案しています
プログラマは新しいファイルを作成することで、

860
00:39:17,840 --> 00:39:24,450
これらのlines--に貼り付けます
whoops--は、それらの行に貼り付けて、

861
00:39:24,450 --> 00:39:32,270
Styles.cssをとして保存し、その後、中
他のファイルは、そのすべてを削除します

862
00:39:32,270 --> 00:39:35,450
その代わりにそれを置き換えます
このリンクタグを持ちます。

863
00:39:35,450 --> 00:39:43,090
私は= "Styles.cssを" HREFをリンクする場合だから、
関係は、「スタイルシート」でなければなりません

864
00:39:43,090 --> 00:39:44,170
終了タグ。

865
00:39:44,170 --> 00:39:45,250
それを保存。

866
00:39:45,250 --> 00:39:47,000
私のhelloworldに戻ります。

867
00:39:47,000 --> 00:39:48,690
リロードしてください。

868
00:39:48,690 --> 00:39:51,290
>> 文字通り、何も起こりませんでした。

869
00:39:51,290 --> 00:39:54,710
それはそれので、良いことです
それは実際にすべての作業であることを意味します。

870
00:39:54,710 --> 00:39:58,860
できるだけ多くを証明するために、私が作ると仮定
タイプミス、と私は、この「Styles.cssを "呼び出します

871
00:39:58,860 --> 00:40:03,080
ある資本S、と
間違った、その後リロードしてください。

872
00:40:03,080 --> 00:40:05,470
今、あなたはそれだけでは動作しません見ることができます。

873
00:40:05,470 --> 00:40:06,362
さて、なぜ？

874
00:40:06,362 --> 00:40:08,070
さて、使ってみましょう
以前から技術。

875
00:40:08,070 --> 00:40:10,153
で、私は先に行ってみようと
私のブラウザ、Chromeで、私は

876
00:40:10,153 --> 00:40:12,900
特別なことを開くつもり
以前のようにネットワーク]タブ、

877
00:40:12,900 --> 00:40:15,560
そして、私はページをリロードしてみましょう。

878
00:40:15,560 --> 00:40:19,341
あなたが今見て驚い何はないのですか？

879
00:40:19,341 --> 00:40:20,840
または多分あなたはそれを見て驚いています。

880
00:40:20,840 --> 00:40:23,225
いずれにせよ、あなたは今何を見ていますか？

881
00:40:23,225 --> 00:40:24,100
AUDIENCE：[聞こえません]

882
00:40:24,100 --> 00:40:24,770
DAVID J.マラン：それが見つからないです。

883
00:40:24,770 --> 00:40:25,680
なぜそれが見つかりませんか？

884
00:40:25,680 --> 00:40:28,480
まあ、Styles.css--資本
-S-は存在しません。

885
00:40:28,480 --> 00:40:29,230
私はそれをmisnamed。

886
00:40:29,230 --> 00:40:30,430
単純なタイプミス。

887
00:40:30,430 --> 00:40:33,816
しかし、私は今、当然のことながら取得しています
404、サーバが言っているので、ちょっと、

888
00:40:33,816 --> 00:40:34,440
それが見つからないです。

889
00:40:34,440 --> 00:40:36,300
文字通り、私は知りません
どこにそのファイルがあります。

890
00:40:36,300 --> 00:40:38,880
ブラウザは、結果としてそのように
あなたは何ができる示し、

891
00:40:38,880 --> 00:40:42,860
ページの生のコンテンツ、
これは、HTML 200でした、

892
00:40:42,860 --> 00:40:45,390
しかし、スタイル設定はできません
その後追加されます。

893
00:40:45,390 --> 00:40:47,120
そして、これはカスケード接続することによって意味されるものです。

894
00:40:47,120 --> 00:40:49,070
あなたは、ソートのそれを追加することができます
後に、その種の

895
00:40:49,070 --> 00:40:50,874
Webページの美学を洗練。

896
00:40:50,874 --> 00:40:53,790
あなたも、それらを上書きすることができます
まだ他のスタイルシートファイルとスタイル

897
00:40:53,790 --> 00:40:54,700
お望みならば。

898
00:40:54,700 --> 00:40:57,780
これは、このケースでは、しかし、見つかりませんです
なぜなら、もちろん、私はそれをmisnamed。

899
00:40:57,780 --> 00:41:00,330
だから私は最初にこれを修正する必要があります。

900
00:41:00,330 --> 00:41:04,667
>> それでは、先に行くとしましょう
次のことを提案します。

901
00:41:04,667 --> 00:41:07,410

902
00:41:07,410 --> 00:41:11,140
それでは、先に行くと、これを実行してみましょう。

903
00:41:11,140 --> 00:41:14,220
おそらくで始まります
あなたのhelloworldのファイル、

904
00:41:14,220 --> 00:41:17,740
私はただのカップルを招待しましょう
機能の提案の。

905
00:41:17,740 --> 00:41:20,400
だから、ビクトリアは、あなたが望みました
いくつかのテキストを大きくする、右か？

906
00:41:20,400 --> 00:41:24,555
すべての権利、私たちがすることができます
テキストを大きくします。

907
00:41:24,555 --> 00:41:26,860
そして、我々は、各毟り取りますよ
ただ一つの問題は解決します。

908
00:41:26,860 --> 00:41:30,867
テキストを大きくしてください。

909
00:41:30,867 --> 00:41:32,700
私は気にするつもりはありません
ときに我々これを書いて

910
00:41:32,700 --> 00:41:35,600
右こっち弾丸の技術を持っています。

911
00:41:35,600 --> 00:41:39,970
だから、いくつかの問題。

912
00:41:39,970 --> 00:41:44,670
だから我々は試してみるつもりです
テキストを大きくします。

913
00:41:44,670 --> 00:41:45,170
大丈夫。

914
00:41:45,170 --> 00:41:48,360
誰か他の人が何を提案しているのでしょうか？

915
00:41:48,360 --> 00:41:50,332
私たちは他に何が必要になる場合があります
Webページにしますか？

916
00:41:50,332 --> 00:41:52,040
のが思い付くしてみましょう
物事の短いリスト

917
00:41:52,040 --> 00:41:55,366
そしてその後に委譲
これを理解するグループ。

918
00:41:55,366 --> 00:41:56,270
>> AUDIENCE：[聞こえません]

919
00:41:56,270 --> 00:42:02,251
>> DAVID J.マラン：OK、位置テキスト
ページの異なる側に？

920
00:42:02,251 --> 00:42:02,750
大丈夫。

921
00:42:02,750 --> 00:42:04,620
何か他のもの。

922
00:42:04,620 --> 00:42:05,784
>> AUDIENCE：[聞こえません]

923
00:42:05,784 --> 00:42:06,700
DAVID J.マラン：それはあります。

924
00:42:06,700 --> 00:42:08,720
だから、GIFはただであります
別のファイル形式。

925
00:42:08,720 --> 00:42:12,830
私達はちょうど使用し、どのような、
PNGまたはJPG、おそらく？

926
00:42:12,830 --> 00:42:14,480
私たちがjpgを使用しました。

927
00:42:14,480 --> 00:42:16,780
あなたは過度の、好奇心旺盛であれば
あなたの質問に答えます

928
00:42:16,780 --> 00:42:19,404
JPGは、一般的に使用されますされ、
写真、それがサポートしているので、

929
00:42:19,404 --> 00:42:21,500
色または24ビットカラーの何百万人。

930
00:42:21,500 --> 00:42:26,930
GIFは、一般的に、等、に使用され
インターネット・ミームこれらdays--アニメーション、

931
00:42:26,930 --> 00:42:28,810
アニメーションGIFのような。

932
00:42:28,810 --> 00:42:32,320
しかし、小さく色を使用するために起こります
パレット、唯一の256の可能な色、

933
00:42:32,320 --> 00:42:35,230
それはサポートしています
透明性とアニメーション。

934
00:42:35,230 --> 00:42:40,330
サポートしているし、そこだPNG、
透明性とより多くの色

935
00:42:40,330 --> 00:42:41,300
ではなく、アニメーション。

936
00:42:41,300 --> 00:42:42,133
だから、トレードオフです。

937
00:42:42,133 --> 00:42:44,144

938
00:42:44,144 --> 00:42:46,060
だからしかし、gif形式を追加し、
機能的であろう

939
00:42:46,060 --> 00:42:48,396
PNGまたはJPGを追加することと同じ。

940
00:42:48,396 --> 00:42:49,110
うん。

941
00:42:49,110 --> 00:42:50,550
画像ソースに等しいです。

942
00:42:50,550 --> 00:42:51,590
だから、何か他のもの。

943
00:42:51,590 --> 00:42:57,288
その何かを思い付くのをしてみましょう
我々はここで行うためにビクトリアに送信しました。

944
00:42:57,288 --> 00:42:59,209
>> AUDIENCE：フォームのボタンを追加します。

945
00:42:59,209 --> 00:43:00,000
DAVID J.マラン：OK。

946
00:43:00,000 --> 00:43:02,179
だから、フォームのボタンを追加します。

947
00:43:02,179 --> 00:43:03,470
そして、私たちは一緒にそのいずれかの操作を行います。

948
00:43:03,470 --> 00:43:07,220
だから、完璧なセグエだろう
右このチャレンジ後。

949
00:43:07,220 --> 00:43:10,357
他に何か？

950
00:43:10,357 --> 00:43:11,440
あなたは何をしたいのでしょうか？

951
00:43:11,440 --> 00:43:14,040

952
00:43:14,040 --> 00:43:16,516
ウェブは非常にがっかり感じます
これは、すべてのであれば我々が行うことができます。

953
00:43:16,516 --> 00:43:18,140
AUDIENCE：テキストの色を変更します。

954
00:43:18,140 --> 00:43:19,500
DAVID J.マラン：何を変更しますか？

955
00:43:19,500 --> 00:43:20,666
AUDIENCE：テキストの色。

956
00:43:20,666 --> 00:43:22,311
DAVID J.マラン：テキストの色を変更。

957
00:43:22,311 --> 00:43:22,810
大丈夫。

958
00:43:22,810 --> 00:43:23,790
それでは、これを実行しましょう​​。

959
00:43:23,790 --> 00:43:27,209
もう一度あなただけ、じゃないように
暗記することによって、私がやっている正確に何をして、

960
00:43:27,209 --> 00:43:29,500
私は音楽をオンにするつもりです
ここでは多分5分間。

961
00:43:29,500 --> 00:43:30,450
あなたは、Googleを使用するように歓迎しています。

962
00:43:30,450 --> 00:43:33,130
あなたは私を尋ねることを歓迎している、と
私はあなたの耳の中にヒントをささやくでしょう。

963
00:43:33,130 --> 00:43:35,171
あなたが見て歓迎しています
他の肩の上にオーバー。

964
00:43:35,171 --> 00:43:37,340
しかし、これらの問題のひとつを解決します。

965
00:43:37,340 --> 00:43:40,190
しかし、我々は、最後のいずれかを実行します
私たちができれば一緒に、1を形成しています。

966
00:43:40,190 --> 00:43:42,790
それで解決する5分
これらの問題のいずれか

967
00:43:42,790 --> 00:43:46,780
グーグル、直感を用いて、または任意の
あなたに利用できる他の手段。

968
00:43:46,780 --> 00:43:48,630
>> [MUSICのPLAYING]

969
00:43:48,630 --> 00:43:49,130
大丈夫。

970
00:43:49,130 --> 00:43:50,838
あなたがしたい場合は心配ありません
いじり保つために、

971
00:43:50,838 --> 00:43:53,880
私はカップルを台無しよ
これらの答えの。

972
00:43:53,880 --> 00:43:57,986
からだから、最初の提案
ビクトリアは、テキストを大きくすることでした。

973
00:43:57,986 --> 00:43:59,360
だから、これを行うにはいくつかの方法があります。

974
00:43:59,360 --> 00:44:01,530
私は現在、復元しました
このサイズに私の画面、

975
00:44:01,530 --> 00:44:04,310
私は、ズームインましたけれども
人工的に物事を見ることができます。

976
00:44:04,310 --> 00:44:07,470
そして、はこのやろう。

977
00:44:07,470 --> 00:44:11,380
私が先に行くとグラブしてみましょう
いくつかの一般的なラテン語のテキスト

978
00:44:11,380 --> 00:44:19,540
ちょうど私たちはで動作するように何かを持っています。

979
00:44:19,540 --> 00:44:20,715
だから、私はちょうど1瞬間を与えます。

980
00:44:20,715 --> 00:44:21,840
私は3段落を作ります。

981
00:44:21,840 --> 00:44:53,430

982
00:44:53,430 --> 00:44:53,930
OK。

983
00:44:53,930 --> 00:44:55,560
これは、より良い例となります。

984
00:44:55,560 --> 00:44:57,840
好奇心のために、内だから
私のhello.html、ちょうど私

985
00:44:57,840 --> 00:45:01,645
貼り付けた3無意味
ラテンの段落

986
00:45:01,645 --> 00:45:03,270
ちょうど私たちはで動作するようにいくつかのテキストを持っています。

987
00:45:03,270 --> 00:45:06,720
ビクトリアの目標はにありました
大きなテキストの一部を作ります。

988
00:45:06,720 --> 00:45:09,879
だから私は、以前のように、ここに行くことができます。

989
00:45:09,879 --> 00:45:11,170
そして、私はそれを正しい方法を行うことができます。

990
00:45:11,170 --> 00:45:13,253
私はリンクを持っているつもりです
ファイルを指し示すタグ

991
00:45:13,253 --> 00:45:20,560
「Styles.cssを、 "関係と呼ばれます
再度であるが、「スタイルシート」。

992
00:45:20,560 --> 00:45:25,221
そして、私はそれを保存するつもりです
そして、この「Styles.cssを」を開きます

993
00:45:25,221 --> 00:45:28,940
>> だから、以前のように、私が持っています
このCSSファイル内の能力

994
00:45:28,940 --> 00:45:31,569
実際にデフォルトを無効にします
Webページの美学、

995
00:45:31,569 --> 00:45:33,860
そして、デフォルトの美学、
もちろん、かなり鈍いです。

996
00:45:33,860 --> 00:45:36,943
それは黒、通常のフォントサイズのようなものです
など、テキスト、白背景、と。

997
00:45:36,943 --> 00:45:39,440
だから私はしたいと仮定
大きなこのテキストのすべて。

998
00:45:39,440 --> 00:45:40,460
私はいくつかのことを行うことができます。

999
00:45:40,460 --> 00:45:43,750
私のStyles.cssをファイルで、I
あなたは何を知っている、と言うことができます、

1000
00:45:43,750 --> 00:45:46,950
に以下を適用
私のページの本体。

1001
00:45:46,950 --> 00:45:51,390
先に行くと作ります
フォントサイズ24ポイント、

1002
00:45:51,390 --> 00:45:54,130
その数は、私は可能性がありますです
Microsoft Wordで使用します。

1003
00:45:54,130 --> 00:45:57,620
私は私のウェブに戻りましょう
こちらのページとリロード、

1004
00:45:57,620 --> 00:45:59,640
そしてあなたはそれを見ることができます
それはすでにはるかに大きいです。

1005
00:45:59,640 --> 00:46:02,223
そして、我々は少しクレイジー得ることができ、
ちょうど私たちがdesktop--にすることができますように

1006
00:46:02,223 --> 00:46:03,670
それ96ポイントにします。

1007
00:46:03,670 --> 00:46:04,950
リロードしてください。

1008
00:46:04,950 --> 00:46:07,610
そして、それは少しを得ています
この時点では扱いにくいです。

1009
00:46:07,610 --> 00:46:09,500
>> しかし、私はもう少し正確である可能性があります。

1010
00:46:09,500 --> 00:46:14,530
代わりに、これを適用します
私のページの本体に、スタイルシート、

1011
00:46:14,530 --> 00:46:21,740
他に何私は、代わりにそれを適用される場合があります
どのような他のタグそれはまだかもしれません

1012
00:46:21,740 --> 00:46:25,445
同じように機能しますか？

1013
00:46:25,445 --> 00:46:26,444
>> AUDIENCE：pタグ？

1014
00:46:26,444 --> 00:46:27,360
DAVID J.マラン：Pタグ。

1015
00:46:27,360 --> 00:46:29,350
だから、頭はないだろう
ヘッドので、正しいです、

1016
00:46:29,350 --> 00:46:31,300
あなたが実際にすることはできません
の美学を制御します。

1017
00:46:31,300 --> 00:46:32,700
そこかないテキストのいずれかがあります。

1018
00:46:32,700 --> 00:46:36,760
しかし、pはtag--私は少しに飛び込むことができます
段落に、いわば、より深いです

1019
00:46:36,760 --> 00:46:37,350
タグ。

1020
00:46:37,350 --> 00:46:41,600
そして、3があるにもかかわらず、
その理由は、CSSで、まったく問題ありません

1021
00:46:41,600 --> 00:46:44,900
私はちょうど "、pは「これを言うとき、
手段は、以下のものが適用されます

1022
00:46:44,900 --> 00:46:48,300
これを一致するすべてのタグに
セレクタ、セレクタだけ

1023
00:46:48,300 --> 00:46:49,430
タグの名前です。

1024
00:46:49,430 --> 00:46:52,350
だから、あなたが見るところはどこでも
「P、「フォントサイズを適用し、

1025
00:46:52,350 --> 00:46:55,222
とのは、より多くのそれを作ってみましょう
合理的なagain-- 24点。

1026
00:46:55,222 --> 00:46:56,930
そして、あなたは何を知っています、
ちょうど良い対策のため、

1027
00:46:56,930 --> 00:46:59,810
色を作ってみましょう
ちょっと赤。

1028
00:46:59,810 --> 00:47:03,740
そして今、私は今、リロードすれば我々
3醜いの段落を参照してください。

1029
00:47:03,740 --> 00:47:07,180
>> しかし、今、私は一種だと仮定
私は最初の段落をしたいですof--

1030
00:47:07,180 --> 00:47:08,210
ユーザーで実行ジャンプします。

1031
00:47:08,210 --> 00:47:11,150
私はちょうど増加したくありません
すべてのフォントサイズ。

1032
00:47:11,150 --> 00:47:16,105
だから、私は実際に識別したいですか
これらの段落を区別。

1033
00:47:16,105 --> 00:47:18,730
それでは、赤を取り除くましょう、
なぜならそれはちょうど種類の粘着性です、

1034
00:47:18,730 --> 00:47:23,885
とのは、先に行くと作ってみましょう
デフォルトでは、フォントサイズ12ポイント、

1035
00:47:23,885 --> 00:47:26,260
私たちは戻って何かをしていること
もう少し合理的。

1036
00:47:26,260 --> 00:47:29,190
そして今、私はちょうど増やしたいです
最初の段落のフォントサイズ。

1037
00:47:29,190 --> 00:47:31,440
私はいくつかでこれを行うことができます
方法、しかしだ一つの方法

1038
00:47:31,440 --> 00:47:37,180
で、おそらく最も教育
モーメントは以下のことを行うことです。

1039
00:47:37,180 --> 00:47:43,280
私は先に行ってみようと、これを言います
段落は、「最初に。」のユニークなIDを持っています

1040
00:47:43,280 --> 00:47:45,000
私は私が欲しいこの何かを呼び出すことができます。

1041
00:47:45,000 --> 00:47:46,874
私はこの "foo"を呼び出すことができます
または任意の他の単語、

1042
00:47:46,874 --> 00:47:49,290
私はそれにいくつかを与えるつもりです
意味的に意味のある名前

1043
00:47:49,290 --> 00:47:50,320
「最初に。」のような

1044
00:47:50,320 --> 00:47:54,790
これは、一意の識別子です
ID、私の最初の段落のために。

1045
00:47:54,790 --> 00:47:59,360
>> 私は今、私のスタイルシートに何ができます
もう少し正確にあります。

1046
00:47:59,360 --> 00:48:02,330
代わりに適用する、というのが
pタグに次の、

1047
00:48:02,330 --> 00:48:04,890
私はfollowing--を言うことができます
以下を適用し、

1048
00:48:04,890 --> 00:48:11,000
または選択、HTML要素
すなわち、「最初」のユニークなIDを持ってい

1049
00:48:11,000 --> 00:48:12,350
私はそれに適用するために何をしたいですか？

1050
00:48:12,350 --> 00:48:15,250
24ポイントのフォントサイズ。

1051
00:48:15,250 --> 00:48:16,640
だから私は今、2つのセレクタを持っています。

1052
00:48:16,640 --> 00:48:19,690
一つは、すべてを作ります
パラグラフ12ポイント。

1053
00:48:19,690 --> 00:48:24,960
しかし、この1は、それが来る特に以来
second--それはfile--で最後になります

1054
00:48:24,960 --> 00:48:27,090
これは、カスケード効果を有しています。

1055
00:48:27,090 --> 00:48:30,200
私はちょうど私のすべてを作りました
段落タグ12ポイント、

1056
00:48:30,200 --> 00:48:34,350
これは、今カスケードおよび
任意の要素のためにすることを優先します

1057
00:48:34,350 --> 00:48:38,800
ページ内のページで、任意のタグ
一意のIDが引用引用終わりである「第一。」

1058
00:48:38,800 --> 00:48:41,720
そして、この文脈でのハッシュタグ
ただ「一意の識別子」を意味します。

1059
00:48:41,720 --> 00:48:43,750
私は、HTMLファイルに入れないでください。

1060
00:48:43,750 --> 00:48:46,880
私は、ここの上に、ちょうど言います
「最初の。」引用終わり引用

1061
00:48:46,880 --> 00:48:48,470
>> だから私はリロードしてみましょう。

1062
00:48:48,470 --> 00:48:49,919
そして今、私はOK、ああ、参照してください。

1063
00:48:49,919 --> 00:48:51,710
私が意味する、それはそれではありません
かなり、それはようなものです

1064
00:48:51,710 --> 00:48:53,600
序文など
本やそのような何か、

1065
00:48:53,600 --> 00:48:55,100
ここで、最初の段落は大きいです。

1066
00:48:55,100 --> 00:48:57,933
さらにより正確かもしれません
少なくとも最初の文字が、ちょうど

1067
00:48:57,933 --> 00:48:59,110
私はより多くの制御を行使してきました。

1068
00:48:59,110 --> 00:49:04,760
今maybe--多分私はこれをやってみたいです
時折、何らかの理由で、

1069
00:49:04,760 --> 00:49:09,010
そして私は、これはしたくありません
ただ1つのHTMLタグに適用されます。

1070
00:49:09,010 --> 00:49:15,110
むしろ、のがしてみましょうsay--てみましょう
また、次の操作を行います。

1071
00:49:15,110 --> 00:49:18,810
クラス= "インポート"。

1072
00:49:18,810 --> 00:49:23,970
IDは一意にするために使用されるが
一つのこと、1のタグを識別し、

1073
00:49:23,970 --> 00:49:30,190
あなたのWeb​​ページで、クラスがあることを意味します
エレメントまたはタグの任意の数で使用されます

1074
00:49:30,190 --> 00:49:30,950
あなたのウェブページ上で。

1075
00:49:30,950 --> 00:49:31,710
だから、再利用可能です。

1076
00:49:31,710 --> 00:49:33,090
IDは再利用できません。

1077
00:49:33,090 --> 00:49:34,450
クラスは再利用可能です。

1078
00:49:34,450 --> 00:49:37,830
>> そして、あなたは何のために何を、知っています
哲学的reasons--

1079
00:49:37,830 --> 00:49:40,180
私は私を終了しませんでした
私は言うつもりですthought--

1080
00:49:40,180 --> 00:49:44,300
その最初の段落と
2番目の段落は重要です。

1081
00:49:44,300 --> 00:49:48,600
だから私はと呼ばれるクラスを適用するつもりです
私は、ファイルを保存した場合、ことを「重要」

1082
00:49:48,600 --> 00:49:51,510
なしを持って、リロード
まだ機能的影響。

1083
00:49:51,510 --> 00:49:53,780
しかし、私はいくつかを追加しました
ファイルのメタデータ、

1084
00:49:53,780 --> 00:49:56,610
別々の何かの並べ替え
ファイルのコアデータから、

1085
00:49:56,610 --> 00:50:02,300
私の場合、今の私のスタイルシートでいるので
代わりに「.important」と言う - あなたが知っています、

1086
00:50:02,300 --> 00:50:07,110
重要なのは何も、私は
フォントの色を作るつもり、red--

1087
00:50:07,110 --> 00:50:09,930
か、単に色色、フォントません。

1088
00:50:09,930 --> 00:50:12,930
不整合があります
CSSで、残念ながら。

1089
00:50:12,930 --> 00:50:14,120
そしてリロードしてください。

1090
00:50:14,120 --> 00:50:17,640
今最初に気付きます
2段落は、赤

1091
00:50:17,640 --> 00:50:20,880
私は唯一の理由が、サードありません
「重要」のクラスを適用

1092
00:50:20,880 --> 00:50:25,020
それらのものの最初の2へ。

1093
00:50:25,020 --> 00:50:28,030
>> だからIDの中で、あなたが能力を持っています
非常に正確に指定します。

1094
00:50:28,030 --> 00:50:30,110
クラスを使用すると、再利用性を持っています。

1095
00:50:30,110 --> 00:50:33,800
しかし、いずれの場合も、気付きます
良い設計原理の一種

1096
00:50:33,800 --> 00:50:39,072
私はすべてを因数分解場所
私のStyles.cssをファイルへの美学。

1097
00:50:39,072 --> 00:50:40,280
だからここには散らかっはありません。

1098
00:50:40,280 --> 00:50:44,490
赤の言及はありませんか
このファイルの大胆な向きやフォントサイズ。

1099
00:50:44,490 --> 00:50:49,430
むしろ私は、意味的に持っています、
意味のように私のデータを特徴とします、

1100
00:50:49,430 --> 00:50:51,240
ここではいくつかの重要なデータです。

1101
00:50:51,240 --> 00:50:52,800
ここではいくつかのより重要なデータです。

1102
00:50:52,800 --> 00:50:56,500
また、ここにあります
私の大切なデータの「第1」。

1103
00:50:56,500 --> 00:51:01,050
だから、HTMLはすべてに約一種であります
タギング、文字通り、言葉の

1104
00:51:01,050 --> 00:51:05,270
あなたの中の段落および構築物
これらの小さなヒントをページ、よろしければ

1105
00:51:05,270 --> 00:51:07,640
意志、あなたができること
何とか使用して活用

1106
00:51:07,640 --> 00:51:10,880
このようにCSSのような他の技術。

1107
00:51:10,880 --> 00:51:14,760
>> だから、ビクトリアの質問への答えで、
我々はその方法でテキストを大きくすることができます。

1108
00:51:14,760 --> 00:51:18,380
ありそう他の多くの方法がありますが、
フォントtag--開き括弧「フォント」 - 

1109
00:51:18,380 --> 00:51:19,770
実際にいくつかの歳。

1110
00:51:19,770 --> 00:51:21,410
これは問題があります
あまりにも、のみ頼ると

1111
00:51:21,410 --> 00:51:23,485
オンラインresources--上
彼らが時代遅れになる傾向があります。

1112
00:51:23,485 --> 00:51:26,110
そして実際、それは推奨されています、
世界が実現しているため、

1113
00:51:26,110 --> 00:51:28,970
「フォントサイズ= 7 "は何を意味するのでしょうか？

1114
00:51:28,970 --> 00:51:29,670
それはしていません。

1115
00:51:29,670 --> 00:51:32,770
そして、非常に多くの年のためとの
これは、側面の1 day--

1116
00:51:32,770 --> 00:51:36,060
ここでの注意事項は、それが実際にあるということです
信じられないほど痛いまだ時々

1117
00:51:36,060 --> 00:51:38,900
以下のためのサイトを開発します
ウェブ、マイクロソフト理由

1118
00:51:38,900 --> 00:51:44,220
そして、GoogleとMozillaと
他の人は、多くの場合、どのようにのように反対します

1119
00:51:44,220 --> 00:51:47,480
HTMLのような仕様を解釈します。

1120
00:51:47,480 --> 00:51:52,490
>> HTMLのためのルールブックがあること
一般に、各タグが何を意味するのかと言います。

1121
00:51:52,490 --> 00:51:55,690
しかし、時にはそれがに残っています
実装の裁量、

1122
00:51:55,690 --> 00:51:57,290
マイクロソフトの裁量とGoogle。

1123
00:51:57,290 --> 00:52:00,000
だから、あなたは非常に頻繁によ
ウェブサイトの何かに参照してください。

1124
00:52:00,000 --> 00:52:04,954
PC上で違って見えます
それがMac上よりも、

1125
00:52:04,954 --> 00:52:06,995
そしてそれは本当にだ、なぜなら
一日の終わりに、

1126
00:52:06,995 --> 00:52:08,891
彼らはそれをテストしていません
両方のプラットフォームでも。

1127
00:52:08,891 --> 00:52:11,390
合理的なので、しかし、それはまたです、
スマートな人々が反対します

1128
00:52:11,390 --> 00:52:14,970
そして企業が合わない、とそうなります
プログラミングの課題の一つ

1129
00:52:14,970 --> 00:52:16,980
ウェブやデザインのための
Web用のもの

1130
00:52:16,980 --> 00:52:21,700
方法であなたのウェブサイトを書いています
それは、すべてのWebブラウザ上で動作します。

1131
00:52:21,700 --> 00:52:23,410
しかし、たとえそれが右、不合理なのか？

1132
00:52:23,410 --> 00:52:27,807
そう多くのように多くのバージョンがあります。
そこブラウザ、いくつかの点で、その

1133
00:52:27,807 --> 00:52:30,890
あなたはまた、審判の判定を行う必要があり
あなたは会社として決定する必要があり、

1134
00:52:30,890 --> 00:52:33,082
特に電子商取引スタイル用
あなたがしているサイト

1135
00:52:33,082 --> 00:52:36,290
最新かつ最高のを使用しようとします
本当に良いユーザーを与えるための技術

1136
00:52:36,290 --> 00:52:37,110
経験。

1137
00:52:37,110 --> 00:52:41,019
しかし、一部のユーザーの割合は、かもしれません
まだInternet Explorer 6または7を使用して

1138
00:52:41,019 --> 00:52:43,810
または8、特にによって
どこから来ていることを国。

1139
00:52:43,810 --> 00:52:46,760
>> それで非常に一般的に
相談ものです

1140
00:52:46,760 --> 00:52:50,920
「Webブラウザの統計情報を表示します。」のような

1141
00:52:50,920 --> 00:52:56,560
そして、我々はのはウィキペディアを見てみましょうto--行けば
このグラフがどのように最新のを参照してください。

1142
00:52:56,560 --> 00:52:59,320
場合は、1つがあります。

1143
00:52:59,320 --> 00:53:02,420
だからここにあなたが見ることができます
ここで、実際のブラウザ

1144
00:53:02,420 --> 00:53:06,160
2015年12月によると、あります、
米国政府によると。

1145
00:53:06,160 --> 00:53:11,170
Chromeは続いて、42％の市場シェアであります
主に企業の設定で、IEによります

1146
00:53:11,170 --> 00:53:14,490
またはPCの設定はもちろん、
Firefoxのに続いて、

1147
00:53:14,490 --> 00:53:17,440
その後、Safariは、その後、オペラはしませんでした
何らかの理由で、ここでマップを作ります、

1148
00:53:17,440 --> 00:53:18,210
そしてその後、その他。

1149
00:53:18,210 --> 00:53:19,500
多分それはその他の下です。

1150
00:53:19,500 --> 00:53:27,700
しかし、それ以上に問題is--
ウィキペディアはまた、持っている場合を見てみましょう

1151
00:53:27,700 --> 00:53:35,194
ブラウザのバージョンversion--

1152
00:53:35,194 --> 00:53:36,160

1153
00:53:36,160 --> 00:53:39,190
>> のは、ブラウザの統計に行きましょう。

1154
00:53:39,190 --> 00:53:40,680
IE。

1155
00:53:40,680 --> 00:53:42,030
でもそれだけでは十分ではありません。

1156
00:53:42,030 --> 00:53:44,854
ブラウザの統計情報を表示します。

1157
00:53:44,854 --> 00:53:45,353
私のバージョン。

1158
00:53:45,353 --> 00:53:48,980

1159
00:53:48,980 --> 00:53:50,540
それは右であることはないだろう。

1160
00:53:50,540 --> 00:53:53,414
のは、バージョンを見てみましょう。

1161
00:53:53,414 --> 00:53:54,830
ブラウザの市場シェア。

1162
00:53:54,830 --> 00:53:57,110
これが起動した場合を見てみましょう。

1163
00:53:57,110 --> 00:53:57,610
OK。

1164
00:53:57,610 --> 00:54:00,010
さて、これはなっています
もう少し便利です。

1165
00:54:00,010 --> 00:54:04,870
だからここに、我々はすべて持っていることに気づきます
ブラウザの異なるバージョン。

1166
00:54:04,870 --> 00:54:09,887
そして、私の神、あなたはChromeをlook--場合
48、クロム47、クロム31、クロム45。

1167
00:54:09,887 --> 00:54:12,970
私が意味する、ますます更新ブラウザ、
これらの変更の、時にはいくつかの

1168
00:54:12,970 --> 00:54:16,430
で重要です
機能性の観点から。

1169
00:54:16,430 --> 00:54:20,630
そして、そのようにいくつかの点で、
プロダクトマネージャやエンジニア

1170
00:54:20,630 --> 00:54:23,620
decision--を作成する必要があります
何を、世界の1％だけ知っています

1171
00:54:23,620 --> 00:54:24,740
まだIE 7を使用しています。

1172
00:54:24,740 --> 00:54:25,490
彼らと地獄へ。

1173
00:54:25,490 --> 00:54:27,470
私達はちょうどつもりはありません
そのブラウザをサポートしています。

1174
00:54:27,470 --> 00:54:28,740
そして、それはサポートしない何を意味するのでしょうか？

1175
00:54:28,740 --> 00:54:31,170
それは、そのボタンを意味するかもしれません
あなたのWeb​​ページ上では動作しません、

1176
00:54:31,170 --> 00:54:33,050
またはそれが意味するかもしれません
書式は完全にオフになっています。

1177
00:54:33,050 --> 00:54:35,091
それとも、確認する必要がありかもしれません
その同じ審判の判定

1178
00:54:35,091 --> 00:54:39,089
私たちがしている、モバイル、これらの日、中
もうIOS 5をサポートするつもりはありません。

1179
00:54:39,089 --> 00:54:40,380
だから、人々はアップグレードする必要があります。

1180
00:54:40,380 --> 00:54:45,850
それともカップケーキをサポートするつもりはありません
AndroidデバイスのためのAndroidのOS上で、

1181
00:54:45,850 --> 00:54:48,629
理由としてworld--として
ハイテクの世界は前進したいです、

1182
00:54:48,629 --> 00:54:51,170
それは一種のドラッグしたいです
これで世界そうではないように、

1183
00:54:51,170 --> 00:54:53,295
であることを続けなければなりません
彼らは後方互換性

1184
00:54:53,295 --> 00:54:54,920
新との良好な機能を提供することができます。

1185
00:54:54,920 --> 00:54:57,878
これは確かに理由の一つです
なぜこれほど多くの企業が展開されています

1186
00:54:57,878 --> 00:55:01,440
自動アップデートと強制のソート
私たちのソフトウェアの最新バージョン。

1187
00:55:01,440 --> 00:55:04,010
さらには企業
アップルは、ソートされますように

1188
00:55:04,010 --> 00:55:07,280
あなたをほぼ強制や強要
市場の力の点ではあなた

1189
00:55:07,280 --> 00:55:11,164
彼らはちょうどので、新しい携帯電話を購入します
もうあなたの古い携帯電話を更新しません。

1190
00:55:11,164 --> 00:55:13,330
だから、を逃します
最新かつ最高の機能、

1191
00:55:13,330 --> 00:55:17,520
それはのように彼らにコストがかかりますので、
同社は間違いなく、古い維持するために、

1192
00:55:17,520 --> 00:55:19,330
ソフトウェアの下位バージョン。

1193
00:55:19,330 --> 00:55:23,660
しかし、正味の効果は、ということです
我々はまた、同様にこれを被ります。

1194
00:55:23,660 --> 00:55:26,550
>> それでは、ただ見てみましょう
ここでは、最終的な物事のカップル。

1195
00:55:26,550 --> 00:55:29,740
本当に速いの一部をオフにノックしてみましょう
それらの他の弾丸、好奇心旺盛であれば。

1196
00:55:29,740 --> 00:55:33,440
だから、あなたがしようとしていた場合、
例えば、位置

1197
00:55:33,440 --> 00:55:36,420
の異なる側上のテキスト
ページ、私は1つの簡単な方法をするつもりです、

1198
00:55:36,420 --> 00:55:38,360
異なるがあります
これを行う方法。

1199
00:55:38,360 --> 00:55:42,610
私は先に行ってみようとeliminate--
次のようにこれを簡素化します。

1200
00:55:42,610 --> 00:55:45,330
私が戻ったばかりの私に行こう
シンプル、簡単な段落。

1201
00:55:45,330 --> 00:55:47,760
私のStyles.cssをに戻りましょう。

1202
00:55:47,760 --> 00:55:51,040
そして私はちょうどsimple--を使用するつもりです
あなたがGoogleで見ている可能性があります

1203
00:55:51,040 --> 00:55:54,430
またはearlier--からリコール
右テキスト揃え。

1204
00:55:54,430 --> 00:55:56,220
そして、このページをリロードしてください。

1205
00:55:56,220 --> 00:55:58,470
今、すべてがそうです
右揃えされるように、

1206
00:55:58,470 --> 00:56:00,770
あなたはここにオーバーヘッドに表示される場合がありますように。

1207
00:56:00,770 --> 00:56:04,470
>> 我々は、それがもう少し見えるようにすることができます
本のような、と私たちは「正当化」と言うことができます

1208
00:56:04,470 --> 00:56:05,640
そして、リロード。

1209
00:56:05,640 --> 00:56:09,870
今では素晴らしく、両方の上の正方形です
素敵なの一種である側面、。

1210
00:56:09,870 --> 00:56:12,220
私たちはここに持っていたもう一つの目標
テキストの色が変化しました。

1211
00:56:12,220 --> 00:56:13,650
だから我々は、私の赤いテキストでそれを見ました。

1212
00:56:13,650 --> 00:56:15,630
そして今、フォームのボタンを追加します。

1213
00:56:15,630 --> 00:56:19,390
では、なぜ私たちは、まさにこれを実行しようとしないのですか？

1214
00:56:19,390 --> 00:56:23,656
しかし、最初に私がそのサイトに行ってみましょう
私たちのほとんどは、Google day--ごとを使用しています。

1215
00:56:23,656 --> 00:56:25,780
とのは、見てみましょう
どのようにGoogleが実際に動作します。

1216
00:56:25,780 --> 00:56:26,821
しかし、私はこれを行うつもりです。

1217
00:56:26,821 --> 00:56:31,930
まず、うん、私はそれをin--やらせます
私が最初にGoogleに行ってみましょう。

1218
00:56:31,930 --> 00:56:34,530
私が行かなければならないつもりです
Googleの設定に、

1219
00:56:34,530 --> 00:56:40,660
私は無効にしたいので、
何かがインスタント結果と呼ばれます。

1220
00:56:40,660 --> 00:56:43,580
>> だから、中に気づいたかもしれません
グーグルこれらは私が戻って行きましょうdays--

1221
00:56:43,580 --> 00:56:44,850
これをオンにします。

1222
00:56:44,850 --> 00:56:47,900
だから私は検索を開始する場合
このような「猫」のために、

1223
00:56:47,900 --> 00:56:50,120
しておりませいることに気付きます
私はオートコンプリートを取得します

1224
00:56:50,120 --> 00:56:54,520
トップ、突然、ページ自体
同様にかなり迅速に変更するようで、

1225
00:56:54,520 --> 00:56:58,750
それは言語を使用して、Googleの
JavaScriptが参考にしようとしていると呼ばれます。

1226
00:56:58,750 --> 00:57:01,540
しかし残念ながら、それは一種
議論を台無しに

1227
00:57:01,540 --> 00:57:04,010
実際に何が起こっているの
ここではフードの下に。

1228
00:57:04,010 --> 00:57:09,070
だから、僕は一種の迅速午前
インスタントの結果をオフにします。

1229
00:57:09,070 --> 00:57:11,510
そして、私は、[保存]をクリックしますするつもりです。

1230
00:57:11,510 --> 00:57:13,930
そして今、私は開くつもりです
その私がその診断ツールバー

1231
00:57:13,930 --> 00:57:16,150
[ネットワーク]タブの下の開口部を維持します。

1232
00:57:16,150 --> 00:57:17,720
それでは、これを実行しましょう​​。

1233
00:57:17,720 --> 00:57:21,960
me-- whoops--てみよう
少しこれを下にスクロールします。

1234
00:57:21,960 --> 00:57:24,410
そして、私はを探してみましょう "猫。」

1235
00:57:24,410 --> 00:57:26,790
>> そして今、実際にnotice--
これは良い機会です

1236
00:57:26,790 --> 00:57:28,840
一瞬のために議論します。

1237
00:57:28,840 --> 00:57:32,460
私はそれを停止type--瞬間に注目してください。

1238
00:57:32,460 --> 00:57:35,250
それを停止します。

1239
00:57:35,250 --> 00:57:35,790
OK。

1240
00:57:35,790 --> 00:57:40,870
私は文字を入力瞬間に注目してください
Cは、画面の一番下を見て。

1241
00:57:40,870 --> 00:57:48,600
底には何A- T- S.
この画面の、私の[ネットワーク]タブ、

1242
00:57:48,600 --> 00:57:53,320
それぞれが起きているの示唆
時間は、私が文字を入力しますか？

1243
00:57:53,320 --> 00:57:57,700
残念ながら、カエルが非常にあります
気が散る今日またはシャムロック

1244
00:57:57,700 --> 00:58:00,339
または何でも彼はあります。

1245
00:58:00,339 --> 00:58:01,880
私が入力したたびに起こっていましたか？

1246
00:58:01,880 --> 00:58:04,230
そして、私は明確にしましょう
バッファリングして、もう一度それを入力します。

1247
00:58:04,230 --> 00:58:06,580
おっとSo--。

1248
00:58:06,580 --> 00:58:13,280
私は文字を入力するたびに、C- A- T--
ので、新しい行は明らかに表示されて保持します。

1249
00:58:13,280 --> 00:58:16,530
これらの行のそれぞれが何を表しているん、
私たちが見て議論してきたものに基づいて、

1250
00:58:16,530 --> 00:58:17,339
これまで？

1251
00:58:17,339 --> 00:58:18,130
AUDIENCE：検索？

1252
00:58:18,130 --> 00:58:21,770
DAVID J.マラン：検索、または
より一般的に、HTTPリクエスト

1253
00:58:21,770 --> 00:58:23,125
私のブラウザからサーバへ。

1254
00:58:23,125 --> 00:58:29,090
さて、なぜ私のブラウザは、HTTPを作っています
私は文字を入力するたびに要求しますか？

1255
00:58:29,090 --> 00:58:30,502
>> AUDIENCE：[聞こえません]

1256
00:58:30,502 --> 00:58:33,210
DAVID J.マラン：ええ、それは与えています
私これらのオートコンプリート結果。

1257
00:58:33,210 --> 00:58:35,190
同様に、ここでこれらの操作を行います
検索結果から来るの？

1258
00:58:35,190 --> 00:58:38,120
まあ、すべての時間が私が入力し
手紙、Googleはより多くを送信します

1259
00:58:38,120 --> 00:58:40,460
以上とのより
私が入力している単語。

1260
00:58:40,460 --> 00:58:41,040
どうして？

1261
00:58:41,040 --> 00:58:44,540
彼らが私に与えたいと思うので
より良い、より良い、より良い提案、

1262
00:58:44,540 --> 00:58:48,880
何の単語のための提案のリスト、
私は実際に完全にしようとしています。

1263
00:58:48,880 --> 00:58:53,030
だから、これは文字通り、すべての言うことです
あなたは、Googleに入力する文字

1264
00:58:53,030 --> 00:58:56,900
最終的に、送信されています
バルクだけでなく、時には1

1265
00:58:56,900 --> 00:59:00,620
実現するために時
これらのオートコンプリート機能時

1266
00:59:00,620 --> 00:59:03,000
データは、ウェブ上で、当然です。

1267
00:59:03,000 --> 00:59:08,780
>> それでは、どのような実際に見てみましょう
私はGoogle検索をクリックしたときに発生します。

1268
00:59:08,780 --> 00:59:10,420
そして、我々はこの自分自身を活用しましょう​​。

1269
00:59:10,420 --> 00:59:15,320
だから私は非常に今、スクロールダウンしている場合
ちょうど起こった最初の要求。

1270
00:59:15,320 --> 00:59:17,130
以下に注意してください。

1271
00:59:17,130 --> 00:59:25,550
これは、かなり長いに送信されましたURL--
https://www.google.com/search？

1272
00:59:25,550 --> 00:59:27,100
そして、その後のものの全体の束。

1273
00:59:27,100 --> 00:59:29,620
それでは、実際にこれを見てみましょう
ブラウザのタブ自体インチ

1274
00:59:29,620 --> 00:59:31,310
それでは、ここでツールバーを取り除くましょう。

1275
00:59:31,310 --> 00:59:33,140
ここでは、検索結果のページです。

1276
00:59:33,140 --> 00:59:34,790
そして、ここでの通知は、URLです。

1277
00:59:34,790 --> 00:59:37,430
さて、あなたはおそらく推測することができます
何は、部分的には、ここで起こっています。

1278
00:59:37,430 --> 00:59:39,090
定義、すべてのだから最初。

1279
00:59:39,090 --> 00:59:42,570
これは明らかに目的地であります
フォームが送信されます。

1280
00:59:42,570 --> 00:59:44,910
だから私は、中に入力したとき、
言葉「猫」と入力し、Enterキーを押しすると、

1281
00:59:44,910 --> 00:59:48,460
どうやらGoogleが送ら
このURLへの私のテキスト入力

1282
00:59:48,460 --> 00:59:50,770
私が強調表示されたこと
そこに、検索を大幅に削減。

1283
00:59:50,770 --> 00:59:56,530
そのURLは、何で、判明
クエスチョンマークが後に起こります、

1284
00:59:56,530 --> 01:00:01,270
我々は、キーと値のペアを言い続けるよう
それは、フォームにまたは何らかの形で入力されました

1285
01:00:01,270 --> 01:00:04,500
から送信
サーバーへのブラウザ。

1286
01:00:04,500 --> 01:00:07,180
>> だから、いつでもあなたが入力を入力します
ウェブ上のフォームに

1287
01:00:07,180 --> 01:00:10,000
私たちがきたとして、それが送信されています
GETで、議論して、

1288
01:00:10,000 --> 01:00:12,400
これらの仮想の1
封筒、内容

1289
01:00:12,400 --> 01:00:15,510
そのenvelope--のはい、維持
物理的に詰め取得

1290
01:00:15,510 --> 01:00:19,010
クラスの封筒に
今日、しかし、技術

1291
01:00:19,010 --> 01:00:21,110
それは実際にURLを入れています。

1292
01:00:21,110 --> 01:00:22,940
だから実際には、私は、この取捨選択しましょう​​。

1293
01:00:22,940 --> 01:00:25,010
どこでユーザーの入力を参照してくださいか？

1294
01:00:25,010 --> 01:00:27,490
どこが何かを見ています
私自身は、ここに入力したこと？

1295
01:00:27,490 --> 01:00:32,100

1296
01:00:32,100 --> 01:00:33,491
うん、 "猫。」そう

1297
01:00:33,491 --> 01:00:33,990
右？

1298
01:00:33,990 --> 01:00:36,380
だから、私はこれを蒸留しましょう
シンプルなものに。

1299
01:00:36,380 --> 01:00:39,917
私はについてのすべてを削除するつもりです
私は理解していないこのURL、

1300
01:00:39,917 --> 01:00:42,250
そして、私は残すつもりです
それthis-- /検索など？Q =猫。

1301
01:00:42,250 --> 01:00:45,640

1302
01:00:45,640 --> 01:00:47,890
私たちはここで、Qが表示されます
現時点でから来て、

1303
01:00:47,890 --> 01:00:51,220
それは最小のように感じています
私は提供される情報の量。

1304
01:00:51,220 --> 01:00:53,050
そして今、私は、Enterキーを押しするつもりです。

1305
01:00:53,050 --> 01:00:55,520
そして、それはまだ動作しますがわかります。

1306
01:00:55,520 --> 01:00:57,950
我々はまだ猫の全体の束を取り戻します。

1307
01:00:57,950 --> 01:01:00,340
だから、Googleは愛好家であります
これより、これらの日。

1308
01:01:00,340 --> 01:01:01,934
それは2016年ではなく1999です。

1309
01:01:01,934 --> 01:01:04,600
だから、私の他のものがあります
ブラウザがサーバーに送信されます。

1310
01:01:04,600 --> 01:01:07,100
しかし、これは最小限であります
すべてのことが必要です。

1311
01:01:07,100 --> 01:01:08,380
>> どうしたの？

1312
01:01:08,380 --> 01:01:14,320
さて、最初に私が先に行くと行ってみよう
バックCloud9に、私は先に行ってみましょう

1313
01:01:14,320 --> 01:01:15,620
以前の私のタブを閉じます。

1314
01:01:15,620 --> 01:01:18,230
そして、私は私でこれをやります
ちょっと所有しています。

1315
01:01:18,230 --> 01:01:20,730
私は先に行くつもりです
新しいファイルを作成します。

1316
01:01:20,730 --> 01:01:23,739
そして、私はgoogle.htmlとして保存するつもりです。

1317
01:01:23,739 --> 01:01:26,280
そして、私は非常にquickly--に行きますよ
私は、実際には、盗むつもりです

1318
01:01:26,280 --> 01:01:28,510
ちょうど時間を節約するために、このテキストの一部。

1319
01:01:28,510 --> 01:01:30,610
私はここでこれをペーストするつもりです。

1320
01:01:30,610 --> 01:01:33,850
私は気にするつもりはありません
任意のスタイル設定この時間。

1321
01:01:33,850 --> 01:01:38,340
私たちは、これを呼び出すするつもりだ」私のGoogleの。」

1322
01:01:38,340 --> 01:01:41,230
そして、私は取り除くつもりです
体内のすべての。

1323
01:01:41,230 --> 01:01:42,740
そして、私は次のことをするつもりです。

1324
01:01:42,740 --> 01:01:45,690
私はズームインしてみましょう。

1325
01:01:45,690 --> 01:01:50,620
action--形成し、私は簡潔に述べたように
私のように簡潔にwhoops-- earlier--

1326
01:01:50,620 --> 01:01:54,130
の作用、前述しました
フォームは、あなたがにデータを送信する場所です。

1327
01:01:54,130 --> 01:01:56,620
だからgoogle.com/search。

1328
01:01:56,620 --> 01:01:59,390
そして、この方法は、私が使用したいです
2つのいずれかであることができます。

1329
01:01:59,390 --> 01:02:02,870
我々は保つように、それは「取得」のいずれかとすることができます
議論する、またはそれをすることができます "ポスト。」

1330
01:02:02,870 --> 01:02:05,340
今のところ、基本
あなたが使用した場合の違いは、「取得」であり、

1331
01:02:05,340 --> 01:02:09,590
すべての情報
ユーザーがURLに送信されます提供します。

1332
01:02:09,590 --> 01:02:13,530
>> それは、検索のようなもののために素晴らしいです
エンジンや他のいくつかのアプリケーション、

1333
01:02:13,530 --> 01:02:17,080
しかし、どのような状況の場合と
フォームに必要事項を記入したくありません

1334
01:02:17,080 --> 01:02:21,620
情報は終わるいます
URL、ブラウザのアドレスバーのように？

1335
01:02:21,620 --> 01:02:25,470

1336
01:02:25,470 --> 01:02:26,605
どのような形のやりますyou--

1337
01:02:26,605 --> 01:02:27,480
AUDIENCE：[聞こえません]

1338
01:02:27,480 --> 01:02:28,450
DAVID J.マラン：うん、何のような？

1339
01:02:28,450 --> 01:02:29,270
AUDIENCE：パスワード。

1340
01:02:29,270 --> 01:02:31,936
DAVID J.マラン：うん、だからログイン
Facebookやいくつかのウェブサイトへのインチ

1341
01:02:31,936 --> 01:02:34,395
それはからのユーザ入力です
フォーム、テキストボックス、

1342
01:02:34,395 --> 01:02:37,020
しかし、あなたはおそらくそれをしたくありません
ブラウザのURLに現れて。

1343
01:02:37,020 --> 01:02:38,121
どうして？

1344
01:02:38,121 --> 01:02:40,870
私は多分いくつかありますが、意味します
ネットワーク上のセキュリティへの影響、

1345
01:02:40,870 --> 01:02:44,830
しかし、より簡単に、好きな、どのような場合more--
あなたのルームメイト、あなたの重要な他、

1346
01:02:44,830 --> 01:02:47,710
あなたの子供、あなたの配偶者のルックス
お使いのブラウザの履歴を介して？

1347
01:02:47,710 --> 01:02:50,762
パスワードの権利があります
そこにあなたのブラウザの履歴インチ

1348
01:02:50,762 --> 01:02:52,220
それは良いデザインのように感じることはありません。

1349
01:02:52,220 --> 01:02:54,500
またはさらに多くの技術的、
あなたがしようとしていると仮定

1350
01:02:54,500 --> 01:02:59,180
Flickrに写真をアップロードします
またはFacebookやwherever--

1351
01:02:59,180 --> 01:03:03,010
それはあっても、ユーザ入力であります
それはどのようにinteresting--もう少しです

1352
01:03:03,010 --> 01:03:05,530
私は、URLバーに画像を詰め込むのですか？

1353
01:03:05,530 --> 01:03:06,730
あなたはこの種の一種のことはできません。

1354
01:03:06,730 --> 01:03:07,396
あなたは、種類のことができます。

1355
01:03:07,396 --> 01:03:10,210
しかし、実際には、私が四苦八苦です
それをやって想像します。

1356
01:03:10,210 --> 01:03:13,470
だから私は、別の方法を必要とします
ウェブサイトに写真をアップロードし、

1357
01:03:13,470 --> 01:03:15,657
そして他の方法は、「ポスト」と呼ばれています。

1358
01:03:15,657 --> 01:03:18,740
しかし、今のところ、我々はちょうど約話しましょう
2の単純である「取得」。

1359
01:03:18,740 --> 01:03:21,100
それはちょうど、すべて置きます
URLへのユーザー入力。

1360
01:03:21,100 --> 01:03:22,830
>> だからここに私が作成してい形です。

1361
01:03:22,830 --> 01:03:24,070
私は入力をしたいです。

1362
01:03:24,070 --> 01:03:24,820
そして、あなたは何を知っていますか？

1363
01:03:24,820 --> 01:03:26,111
私はここで推測を取るつもりです。

1364
01:03:26,111 --> 01:03:31,600
私は自分を思い出すつもりです
入力 "Q" "クエリ。」

1365
01:03:31,600 --> 01:03:34,970
そして、私は、これはの一つだと思います
オリジナルデザイン、おそらく、1999年から。

1366
01:03:34,970 --> 01:03:39,560
そして、この入力のタイプ
ちょうどになるだろう "テキスト"。

1367
01:03:39,560 --> 01:03:43,040
そして、私は別の入力を持っているつもりです
それは、我々はすぐよ、名前を必要としません

1368
01:03:43,040 --> 01:03:45,120
タイプがあり、参照してください "提出してください。」

1369
01:03:45,120 --> 01:03:47,070
そして、これはに起こっています
私に特別なボタンを与えます。

1370
01:03:47,070 --> 01:03:48,320
以上です。

1371
01:03:48,320 --> 01:03:50,790
>> だから私は先に行くと、このファイルを保存してみましょう。

1372
01:03:50,790 --> 01:03:54,910
私は戻って私に行くつもりです
ブラウザとgoogle.htmlに行きま​​す。

1373
01:03:54,910 --> 01:03:56,140
入る。

1374
01:03:56,140 --> 01:03:59,680
そしてそれは、スパースのようなものです
控えめに言って。

1375
01:03:59,680 --> 01:04:03,110
しかし、私は先に行ってみましょう
検索し、「猫。」

1376
01:04:03,110 --> 01:04:06,510
そして、私は現在よ気づきます
このCloud9のURLで。

1377
01:04:06,510 --> 01:04:09,240
しかし、今は、私はこれをクリックし、
どこに私が終わるだろう願っていますか？

1378
01:04:09,240 --> 01:04:10,160
>> AUDIENCE：グーグル。

1379
01:04:10,160 --> 01:04:11,118
>> DAVID J.マラン：グーグル。

1380
01:04:11,118 --> 01:04:12,740
それでは、Submitをクリックしてみましょう。

1381
01:04:12,740 --> 01:04:15,200
そして実際、私はGoogleの再実装しました。

1382
01:04:15,200 --> 01:04:15,700
右？

1383
01:04:15,700 --> 01:04:16,480
それは簡単です。

1384
01:04:16,480 --> 01:04:17,120
それは軽いです。

1385
01:04:17,120 --> 01:04:20,350
私が意味する、私のコードは明らかに比べて優れています
彼らは、混乱から私たちは前に見ました。

1386
01:04:20,350 --> 01:04:21,100
そして、あなたは何を知っていますか？

1387
01:04:21,100 --> 01:04:22,610
私は少しこれを盛り上げるつもりです。

1388
01:04:22,610 --> 01:04:23,860
私はこの先には言及しませんでした。

1389
01:04:23,860 --> 01:04:27,860
見出し1のためのH1のようなタグは、ありますが、
ページの中で最も重要な見出し。

1390
01:04:27,860 --> 01:04:30,570
「私のGoogleは、 "私はこれを呼ぶことにします。

1391
01:04:30,570 --> 01:04:31,940
私はリロードしてみましょう。

1392
01:04:31,940 --> 01:04:33,772
これは、すでに少し良く見ています。

1393
01:04:33,772 --> 01:04:34,980
そして、実際に、あなたは何を知っていますか？

1394
01:04:34,980 --> 01:04:36,430
私は嘘をついalready--ました。

1395
01:04:36,430 --> 01:04:40,200
私はこれをスタイルするつもりはないと述べました、
しかし、私は前のように、これをスタイルするつもりです。

1396
01:04:40,200 --> 01:04:46,860
そして、私の体は、になるだろう
のは、テキストアラインセンターを言わせて。

1397
01:04:46,860 --> 01:04:48,800
これは、既に複数のGoogleのように見ています。

1398
01:04:48,800 --> 01:04:51,090
>> 私はしかし、改行を必要とします、
そのためにボタンを提出してください。

1399
01:04:51,090 --> 01:04:52,798
そして、それは、あなたが判明します
段落を使用することができ、

1400
01:04:52,798 --> 01:04:57,320
またはあなたはより文字通り言うことができ、
私にBRタグhere--改行を与えます。

1401
01:04:57,320 --> 01:04:59,319
私はこれをリロードする場合や、今ではそこに行きます。

1402
01:04:59,319 --> 01:05:01,610
それは少し醜いですので、私
複数の改行を行うことができ、

1403
01:05:01,610 --> 01:05:03,310
しかし、それでは、ここであまりにも貪欲取得しないようにしましょう​​。

1404
01:05:03,310 --> 01:05:06,430
だから今、それがために動作するかどうかを見てみましょう "犬"。

1405
01:05:06,430 --> 01:05:08,640
それだけでなく、「犬」のために働くようです。

1406
01:05:08,640 --> 01:05:10,780
そこでここでは魅力的なお持ち帰りは何ですか？

1407
01:05:10,780 --> 01:05:13,600
選ぶ - はへの大きな飛躍ではありませんでした
さらにいくつかのタグを導入し、

1408
01:05:13,600 --> 01:05:15,370
inputタグでformタグのように。

1409
01:05:15,370 --> 01:05:17,120
しかし、より根本的に
、我々がやっているすべてであります

1410
01:05:17,120 --> 01:05:20,610
我々の理解を活用されています
HTTPと実際の

1411
01:05:20,610 --> 01:05:24,900
フォームは、最終的に変えること
ブラウザのURLに何、

1412
01:05:24,900 --> 01:05:28,540
そのため、したがって、我々はできます
機械的にサーバーに入力を提供

1413
01:05:28,540 --> 01:05:33,600
HTMLフォームを作成し、知ることにより
サーバはHTTPを理解していること、

1414
01:05:33,600 --> 01:05:36,890
ちょうど私たちの体のように、のような、理解
私の手を振って、その同じプロトコル、

1415
01:05:36,890 --> 01:05:40,920
そして私たちは応答を取り戻します
我々は最終的には期待しています。

1416
01:05:40,920 --> 01:05:44,050
>> それでは、いずれかの操作を実行してみましょう
最後になりましモバイルと、

1417
01:05:44,050 --> 01:05:47,052
そして、私は追加しますmake--ます
スライドにこのコード。

1418
01:05:47,052 --> 01:05:49,760
だから、あなたをいじくり回すしたい場合
確かに、そこからそれを取ることができます。

1419
01:05:49,760 --> 01:05:51,551
しかし、私は行くつもりです
先にと一つのことを行います。

1420
01:05:51,551 --> 01:05:54,120
私は先に行くつもりだと
私のインデックス当ページを開きます

1421
01:05:54,120 --> 01:05:59,030
以前のように私のハローページ、どの
、この擬似的なラテン語のテキストをたくさん持っています

1422
01:05:59,030 --> 01:06:05,470
または無意味なラテン語のテキスト、およびhas--
それは、このフォントのサイズで、このようになります。

1423
01:06:05,470 --> 01:06:07,850
しかし、私は先に行くと、これを実行しましょう​​。

1424
01:06:07,850 --> 01:06:09,300
私はCloud9に行くつもりです。

1425
01:06:09,300 --> 01:06:10,380
そして、あなたは、この手順を行う必要はありません。

1426
01:06:10,380 --> 01:06:11,420
私はちょうどそれを自分自身やります。

1427
01:06:11,420 --> 01:06:12,890
私は、[共有]をクリックしますするつもりです。

1428
01:06:12,890 --> 01:06:15,170
そして、これは機能です
ちょうどCloud9の、それによって

1429
01:06:15,170 --> 01:06:17,710
私は私の環境公開することができます。

1430
01:06:17,710 --> 01:06:20,240
>> そして、ちょうどのために
デモでは、私はこれをやらせます。

1431
01:06:20,240 --> 01:06:22,870
私は自分のアプリケーションを公開するつもりです。

1432
01:06:22,870 --> 01:06:25,230
午前、それは私を警告しています注意してください
私は確信して私は、これをやってみたいです

1433
01:06:25,230 --> 01:06:28,438
これは皆を作るために起こっているので、
世界では、彼らが今ここにいるかどうか

1434
01:06:28,438 --> 01:06:33,560
または上で、後でビデオを見て
私が見るものを見ることができるインターネット。

1435
01:06:33,560 --> 01:06:34,440
しかし、それはOKです。

1436
01:06:34,440 --> 01:06:37,870
私は言うつもりです」完了します。」

1437
01:06:37,870 --> 01:06:42,080
そして、私がやった場合、私はあなたを奨励しましょう
これは私が最初にそれをテストしてみましょうcorrectly--。

1438
01:06:42,080 --> 01:06:45,590
あなたがmind--ない場合は、先に行きます
お使いのコンピュータのブラウザで、

1439
01:06:45,590 --> 01:06:49,900
次のURLにアクセスしてください、そして、できれば
あなたは私のラテン語のテキストが表示されます。

1440
01:06:49,900 --> 01:06:52,820
かつ明確にする、それはです
私のラップトップ上にない実行されています。

1441
01:06:52,820 --> 01:06:53,610
それは雲の中にあります。

1442
01:06:53,610 --> 01:06:58,120
これは文字通り、Cloud9のだが、
私は私のワークスペースを公開してきました

1443
01:06:58,120 --> 01:07:03,450
そのため、インターネット上の誰も
私のラテン語のホームページにアクセスすることができます。

1444
01:07:03,450 --> 01:07:07,209
>> 上の同じURLにアクセスしてください
お使いの携帯電話、あなたができれば。

1445
01:07:07,209 --> 01:07:09,750
それは、しかし、あなたをあなたの費用がかかります場合
ちょうど肩の上に見ることができます。

1446
01:07:09,750 --> 01:07:40,688

1447
01:07:40,688 --> 01:07:42,467
AUDIENCE：[聞こえません]

1448
01:07:42,467 --> 01:07:43,550
DAVID J.マラン：私は申し訳ありませんか？

1449
01:07:43,550 --> 01:07:45,390
AUDIENCE：[聞こえません]

1450
01:07:45,390 --> 01:07:47,710
DAVID J.マラン：ちょうどラテン語。

1451
01:07:47,710 --> 01:07:48,210
それで全部です。

1452
01:07:48,210 --> 01:07:49,250
しかし、それはあなたが見るべきものです。

1453
01:07:49,250 --> 01:07:49,875
>> AUDIENCE：うん。

1454
01:07:49,875 --> 01:07:50,790
DAVID J.マラン：うん。

1455
01:07:50,790 --> 01:07:51,300
うん。

1456
01:07:51,300 --> 01:07:51,540
OK。

1457
01:07:51,540 --> 01:07:53,530
だから私はあなたを保持することができます
ちょっと電話？

1458
01:07:53,530 --> 01:07:57,504
だから、うまくいけば、あなたがアクセスしている場合
それは、それはほとんど読めなくなっているはずです。

1459
01:07:57,504 --> 01:07:59,920
それはだ、私は意味still--です
なぜならラテン語の読めません。

1460
01:07:59,920 --> 01:08:01,920
しかし、それも読めないのです
他のどのような理由のために？

1461
01:08:01,920 --> 01:08:03,775
同様に、あなたはこのことについて何displeases？

1462
01:08:03,775 --> 01:08:04,650
観客：それは小さいです。

1463
01:08:04,650 --> 01:08:06,420
DAVID J.マラン：それは超小型、超です。

1464
01:08:06,420 --> 01:08:07,920
だから、どのように我々はこれを修正することができますか？

1465
01:08:07,920 --> 01:08:09,730
これは、超小型、超です
ビクトリアの電話で

1466
01:08:09,730 --> 01:08:11,400
そして、あなたが取ってきた場合
おそらくそれまでの自分、

1467
01:08:11,400 --> 01:08:14,660
お使いの携帯電話上の小さなだけでなく、あなたの場合を除き、
アクセシビリティの設定を有効にしています。

1468
01:08:14,660 --> 01:08:15,530
あれは何でしょう？

1469
01:08:15,530 --> 01:08:18,497
あなただけのピンチでした
実行可​​能であるズーム、

1470
01:08:18,497 --> 01:08:20,330
しかし、その後、あなただけを参照してください。
一度にいくつかの単語。

1471
01:08:20,330 --> 01:08:20,859
だから、ちょっと待って。

1472
01:08:20,859 --> 01:08:21,720
私はこの問題を解決する方法を知っています。

1473
01:08:21,720 --> 01:08:22,219
右？

1474
01:08:22,219 --> 01:08:26,130
私はCSSを使用することができ、私は変更することができます
12ポイントから24ポイントにフォントサイズ。

1475
01:08:26,130 --> 01:08:29,020
しかし、それの副作用、
もちろん、今になるだろう、

1476
01:08:29,020 --> 01:08:32,630
デスクトップやラップトップ上で、
今テキストは二倍の大きさです。

1477
01:08:32,630 --> 01:08:35,810
そしてそれは一種のいいだろう
デバイスを区別するために、

1478
01:08:35,810 --> 01:08:37,840
それはそこ判明します
それを行うの方法があります。

1479
01:08:37,840 --> 01:08:39,590
いくつかがあります
別の方法は、実際には、

1480
01:08:39,590 --> 01:08:44,189
CSSと手の込んだ機能を使用することにより
我々は非常に詳細に説明しませんことを、

1481
01:08:44,189 --> 01:08:46,960
あなたは、本質的に問い合わせることができます
ブラウザと言って、

1482
01:08:46,960 --> 01:08:51,550
あなたの画面はこれよりも小さい場合
多くのピクセルは、このフォントサイズを使用します。

1483
01:08:51,550 --> 01:08:55,180
あなたの画面はこれよりも大きい場合
多くのピクセルは、この他のフォントサイズを使用します。

1484
01:08:55,180 --> 01:08:57,080
>> あなたも、手の込んだ、まだすることができます。

1485
01:08:57,080 --> 01:09:00,140
あなたは今までに訪れた場合
デスクトップ上のWebページ、

1486
01:09:00,140 --> 01:09:04,404
多分にオフ大きなメニューがあります
側、その後、すべてのコンテンツ

1487
01:09:04,404 --> 01:09:07,029
その側にありますmenu--
それは、一般的なパラダイムのようなものです。

1488
01:09:07,029 --> 01:09:09,670
左、コンテンツのメニュー
右、またはその逆に。

1489
01:09:09,670 --> 01:09:13,569
ときに、本当にモバイル上では動作しません。
画面が広いだけでこれだけ多くのピクセルです。

1490
01:09:13,569 --> 01:09:16,233
だから、モバイルでより一般的です、
あなたのメニューが急になります

1491
01:09:16,233 --> 01:09:18,399
崩壊し、あなたがする必要はあり
それを確認するには、ボタンをクリックし、

1492
01:09:18,399 --> 01:09:22,404
またはウェブサイトは、メニューを配置します
その上、それ以下のコンテンツを置きます。

1493
01:09:22,404 --> 01:09:24,779
そして、あなたはこれらを実装することができます
複数の方法で物事、あまりにも。

1494
01:09:24,779 --> 01:09:28,340
あなたは、あなたのプログラマーを求めることができ、
ちょっと、チーム、任意の時間

1495
01:09:28,340 --> 01:09:34,450
あなたは、AndroidからのHTTP要求を参照してください。
デバイスは、Microsoftのデバイスは、Google

1496
01:09:34,450 --> 01:09:39,930
デバイス、Appleデバイスは、これを使用します
フォントサイズは​​、このメニューレイアウトを使用して

1497
01:09:39,930 --> 01:09:42,670
あるいは、このデフォルトより大きなレイアウトを使用しています。

1498
01:09:42,670 --> 01:09:45,410
>> 今、何を使用して、
基本的な技術今日

1499
01:09:45,410 --> 01:09:48,529
エンジニアは使用することができます
それはだかどうかを知るために

1500
01:09:48,529 --> 01:09:53,660
iPhone、Android携帯電話、ノートパソコン、
同社のサーバーを訪問デスクトップ？

1501
01:09:53,660 --> 01:09:55,310
ここで彼らは、その情報を入手できますか？

1502
01:09:55,310 --> 01:09:56,080
>> AUDIENCE：ヘッダ？

1503
01:09:56,080 --> 01:09:57,740
>> DAVID J.マラン：うん、HTTPヘッダー。

1504
01:09:57,740 --> 01:10:01,714
から来るので、すべてのHTTPリクエスト
そのサーバーへの顧客

1505
01:10:01,714 --> 01:10:03,880
その仮想の内側に、含まれます
封筒、全体の束

1506
01:10:03,880 --> 01:10:08,260
HTTPヘッダの、のものです
ブラウザとオペレーティングシステム

1507
01:10:08,260 --> 01:10:10,290
あなたに気にしても、場合
詳細のレベル。

1508
01:10:10,290 --> 01:10:13,790
今、それは不可解に見える文字列だが、
ただ意志のソフトウェアが存在します

1509
01:10:13,790 --> 01:10:18,530
それを簡素化し、あなただけ求めることができます
PHPやJava、C ++ code--プログラミングで、

1510
01:10:18,530 --> 01:10:23,650
whatever-- this--何であるか電話
このユーザーは、どのデバイスを使っているのですか？

1511
01:10:23,650 --> 01:10:27,501
そして、あなたはそれらこれを示す、と言うことができます
それは携帯電話の場合は、ウェブサイトのバージョン。

1512
01:10:27,501 --> 01:10:30,250
彼らにこのバージョンを表示します
ウェブサイトには、ラップトップまたはデスクトップだ場合。

1513
01:10:30,250 --> 01:10:32,316
しかし、あなたも必要ありません。
サーバー側の複雑さ。

1514
01:10:32,316 --> 01:10:33,940
あなたは物事の最も単純な操作を行うことができます。

1515
01:10:33,940 --> 01:10:34,815
>> 私はこれを行うつもりです。

1516
01:10:34,815 --> 01:10:38,995
私はに先に行くつもりです
私Cloud9環境、

1517
01:10:38,995 --> 01:10:41,370
そして私は、タグを追加するつもりです
あなたが前にグーグルで見たもの。

1518
01:10:41,370 --> 01:10:42,770
これは、メタタグと呼ばれています。

1519
01:10:42,770 --> 01:10:45,520
そして、私はそのように、このいずれかを覚えていることはありません
私はここでそれを転写するつもりです。

1520
01:10:45,520 --> 01:10:50,552
メタ名= "ビューポート"とし、
コンテンツ= "幅=デバイス幅、intital

1521
01:10:50,552 --> 01:11:02,060
= 1 "スケールとそれはそれです。

1522
01:11:02,060 --> 01:11:06,230
>> だから、それは同様かもしれません
魔法の呪文のような。

1523
01:11:06,230 --> 01:11:11,300
これは、すべてのことが明らかではないのですが、これは持っています
ビューポートとは何か、

1524
01:11:11,300 --> 01:11:15,070
ビューポートは、本体だけです
ウェブページ、矩形領域

1525
01:11:15,070 --> 01:11:16,690
ページの大部分を定義します。

1526
01:11:16,690 --> 01:11:19,060
そして、これはちょうど語っています
ブラウザ、あなたは何を知っていますか？

1527
01:11:19,060 --> 01:11:22,589
このページの幅を作ります
デバイスの幅に効果的に等しくなります。

1528
01:11:22,589 --> 01:11:25,380
言い換えれば、それを負いません。
あなたは無限の空間のようなものを持っています。

1529
01:11:25,380 --> 01:11:29,920
あなたが唯一の限りがあると
デバイス自体としての空間が大きいです。

1530
01:11:29,920 --> 01:11:34,454
そして今、私はこれをリロードすれば
私のブラウザでは、私は何の変化も見られません。

1531
01:11:34,454 --> 01:11:37,370
しかし、私はこのcorrectly--を行った場合と
あなたのすべてのなら、私は私のfingers--を横断しましょう

1532
01:11:37,370 --> 01:11:42,920
あなたの携帯電話をリロードし、あなたを行います
説得力の変化を参照してください？

1533
01:11:42,920 --> 01:11:43,620
うん、that--です

1534
01:11:43,620 --> 01:11:45,067
>> AUDIENCE：[聞こえません]

1535
01:11:45,067 --> 01:11:45,900
DAVID J.マラン：はい。

1536
01:11:45,900 --> 01:11:46,400
OK。

1537
01:11:46,400 --> 01:11:47,850
だから、間違いなく読みやすくなりましたか？

1538
01:11:47,850 --> 01:11:53,070
まだ公平にするために、小さなではなく、
管理不能であるほど小さな。

1539
01:11:53,070 --> 01:11:56,920
そして、私は確かにこれをオーバーライドすることができます
CSSを使用したか、サーバー側ではさらに、

1540
01:11:56,920 --> 01:12:00,120
しかし、ますますあなたがしているもの
より多くの機能をされて見て

1541
01:12:00,120 --> 01:12:02,900
に追加されます
クライアント側environments--

1542
01:12:02,900 --> 01:12:06,530
JavaScriptを、我々は説明しますように
明日、CSS、およびHTML--ので、

1543
01:12:06,530 --> 01:12:09,190
これらのクエリのすべてのこと
クライアント上で行うことができます

1544
01:12:09,190 --> 01:12:11,910
気にするように、
サーバーはるかに少ないとされません

1545
01:12:11,910 --> 01:12:14,530
以下のために、追いつくために持っています
例えば、一定の猛攻撃

1546
01:12:14,530 --> 01:12:17,210
新しいオペレーティング・システムの
バージョン、新しいブラウザのバージョン。

1547
01:12:17,210 --> 01:12:20,190
あなただけのブラウザをさせることができます
デバイスを尋ねる、あなたはどのように大きなされています、

1548
01:12:20,190 --> 01:12:22,890
そしてその後、やや論理作ります
それに基づいて決定。

1549
01:12:22,890 --> 01:12:25,140
しかし、我々はより多くの機会が表示されます
論理的な意思決定のための

1550
01:12:25,140 --> 01:12:27,223
文脈で明日
プログラミング言語。

1551
01:12:27,223 --> 01:12:29,800

1552
01:12:29,800 --> 01:12:32,760
>> ですから、ご質問、その後、
Web開発に？

1553
01:12:32,760 --> 01:12:36,130
今日は、Webプログラミング、あたりではありません
私たちがやったSEが、以来、最もすべて

1554
01:12:36,130 --> 01:12:38,370
あなたがする場合は、非常に審美的でした。

1555
01:12:38,370 --> 01:12:41,750
何の意思決定ではありません
私たちが書いたコードを、

1556
01:12:41,750 --> 01:12:44,990
HTMLはマークアップである理由となるようです
言語ではなく、プログラミング言語。

1557
01:12:44,990 --> 01:12:47,140
しかし、明日は取りますよ
簡単に見て、最終的には、

1558
01:12:47,140 --> 01:12:49,340
あるJavaScriptの、で
実際のプログラミング

1559
01:12:49,340 --> 01:12:54,220
私たちはもう少し行うことができます言語。

1560
01:12:54,220 --> 01:12:56,800
>> 質問は？

1561
01:12:56,800 --> 01:13:00,480
まあ、私は2を提案してみましょう
宿題のためのオプションの機会。

1562
01:13:00,480 --> 01:13:02,900
これらCloud9 is-- One
アカウントは有効期限はありません。

1563
01:13:02,900 --> 01:13:04,669
あなたが使用して歓迎しています
彼らはいじくり回すします。

1564
01:13:04,669 --> 01:13:05,960
これは、サービスのないレベルです。

1565
01:13:05,960 --> 01:13:08,754
作成時にあれば、それを実現します
ワークスペースは、あなたはそれが公開され、

1566
01:13:08,754 --> 01:13:11,670
それは上のその人を意味しています
インターネットはあなたが入力しているかを見ることができます。

1567
01:13:11,670 --> 01:13:15,104
だから多分ちょうど検討
自分を恥ずかしいありません

1568
01:13:15,104 --> 01:13:18,020
あなたはあなたの最初のウェブを入れている場合
そこにページ公に誤って、

1569
01:13:18,020 --> 01:13:20,134
誰のは、するつもりはありません
とにかく見て知っています。

1570
01:13:20,134 --> 01:13:23,760
>> そして、私が投げるせtwo--
このURLアップだけでなく、

1571
01:13:23,760 --> 01:13:28,250
あなたは今日aで来た場合は特に
他のものより少し少ない快適、

1572
01:13:28,250 --> 01:13:30,430
すべてのこのようなものが何を意味するかわかりません。

1573
01:13:30,430 --> 01:13:36,780
、このビデオの多くを実現
これは眠りに落ちるための良い方法でもあります

1574
01:13:36,780 --> 01:13:39,380
またしばらく笑います
このようにすること、また持っています

1575
01:13:39,380 --> 01:13:44,300
societally興味深いたくさんの
およびセキュリティ関連の議論

1576
01:13:44,300 --> 01:13:47,370
そこにジョン・オリバーから、
コメディアンはいえ。

1577
01:13:47,370 --> 01:13:55,456
>> しかし、それ以上の質問がない場合は、
それは、受信に私たちをもたらします。

1578
01:13:55,456 --> 01:13:56,830
なぜ私は音楽をオンにしないでください。

1579
01:13:56,830 --> 01:13:58,610
飲み物があるはずです
外やスナック。

1580
01:13:58,610 --> 01:14:00,220
私はのために混ざって幸せ
人々が望む限り、

1581
01:14:00,220 --> 01:14:01,600
一対一の質問より答えます。

1582
01:14:01,600 --> 01:14:03,330
しかし、そうでなければ、どういたしまして
任意の時点で離陸するために、

1583
01:14:03,330 --> 01:14:05,740
そして我々は再びお会いしましょう
もう少しのための明日の朝。

1584
01:14:05,740 --> 01:14:07,290
すべての権利、ありがとう。

1585
01:14:07,290 --> 01:14:10,428