1
00:00:00,000 --> 00:00:02,420
[Powered by Google Translate] [セミナー -  Windowsの8  -  HTML5と、アプリ/ゲーム開発]

2
00:00:02,420 --> 00:00:05,090
[クリスボーエン、エドウィンGuarin  - ハーバード大学]

3
00:00:05,090 --> 00:00:07,350
[これはCS50である。 -  CS50.TV]

4
00:00:07,350 --> 00:00:10,290
>> ねえ、みんな。私の名前はエドウィンGuarinです。これはクリスボーエンです。

5
00:00:10,290 --> 00:00:12,310
私は彼が第二に自分自身を紹介してもらおう。

6
00:00:12,310 --> 00:00:14,100
私は迅速な発表をしたい。

7
00:00:14,100 --> 00:00:18,340
まず第一に、すべてのあなたのCS50の学生が無料では、Windows 8を得る。

8
00:00:18,340 --> 00:00:23,150
あなたが実際にあなたの最終的なプロジェクトのためにそれを使用して考えているのであれば、それはあなたです。

9
00:00:23,150 --> 00:00:25,740
ネイトは、命令の場合は、後に電子メールを送信いたします。

10
00:00:25,740 --> 00:00:32,850
あなたのCS50最終的なプロジェクトのためのWindows 8アプリを書くことにした場合2つ目は、

11
00:00:32,850 --> 00:00:35,870
我々はいくつかの景品を行うことになるだろう。のXbox、

12
00:00:35,870 --> 00:00:38,870
私たちは、離れてそのようなものをスレートを与えることができるかもしれない。

13
00:00:38,870 --> 00:00:42,460
戻ってを保持している問題がありますので、もし、クリスか私に知らせて

14
00:00:42,460 --> 00:00:45,010
どのように私たちは、あなたが本当にクールな何かを構築することができます。

15
00:00:45,010 --> 00:00:48,580
今日来てもう一度感謝だから、私はクリスにそれを引き渡すだろう。

16
00:00:48,580 --> 00:00:50,500
>> 、エドウィン、ありがとうございました。

17
00:00:51,000 --> 00:00:52,740
おかげで、誰も、今日の私たちに参加するため。

18
00:00:52,740 --> 00:00:55,800
私はクリスボーエンだ。私はここに北東部のエドウィンの同僚の一人です。

19
00:00:55,800 --> 00:00:58,310
私はあなたが話して少し時間を過ごすしたい

20
00:00:58,310 --> 00:01:03,730
HTML5、JavaScript、およびCSSでのWindows Storeアプリケーションの作り方

21
00:01:03,730 --> 00:01:07,310
とちょっとそれについてあなたが持つかもしれない質問はあなたのために答えを得る

22
00:01:07,310 --> 00:01:12,920
あなたは多分CS50決勝の機会のためにそれを使用して考えて向かって探していますように。

23
00:01:12,920 --> 00:01:14,980
>> それによると、我々はちょうどインチ飛び込むよ

24
00:01:14,980 --> 00:01:17,190
私はここの上のスライドの所へ行くよ。

25
00:01:17,190 --> 00:01:19,440
ご不明な点はありません場合は、私にメールをお送りください。

26
00:01:19,440 --> 00:01:23,460
私はcbowen@microsoft.comだし、私のブログと私のTwitterがあります。

27
00:01:23,460 --> 00:01:26,330
あなたが私に連絡を取得したいが、それは大丈夫です。

28
00:01:26,330 --> 00:01:30,110
、私はものの時間を約持っている、と私は道に沿ってあなたの質問を取得したい

29
00:01:30,110 --> 00:01:33,720
ので、この中に質問を持っていることについて恥ずかしがらないでください。

30
00:01:33,720 --> 00:01:36,470
彼らは、記録上の質問をするのは誰が見ることができない、

31
00:01:36,470 --> 00:01:39,090
だからあなたがなりたいように匿名になるでしょう。

32
00:01:39,090 --> 00:01:42,780
>> だけでは、Windows 8への迅速な導入を与え、私は権利でダイビングしましょう

33
00:01:42,780 --> 00:01:47,400
そして、あなたが考慮するかもしれないWindowsストアのアプリについてのもののいくつかを示して

34
00:01:47,400 --> 00:01:49,530
あなたがアプリケーションを開発を考えているよう。

35
00:01:49,530 --> 00:01:52,660
我々は、Windows 8を見ている。我々は今、数週間のために出てきた。

36
00:01:52,660 --> 00:01:55,810
すでにそこに強力な採用がたくさん。

37
00:01:55,810 --> 00:01:59,800
すでに我々は同様に持っている表面のマシンを見ている可能性があります。

38
00:01:59,800 --> 00:02:03,730
ここに個人的になら実際に見てみることができ、ここで上の1があります。

39
00:02:03,730 --> 00:02:07,530
私は実際には、Windows 8について少し周りを示して、あなたと話したいと思います。

40
00:02:07,530 --> 00:02:10,759
Windowsの8との考えは、それは本当に楽しみには、Windowsについて知っているすべてのものを持っていない

41
00:02:10,759 --> 00:02:16,840
いくつかの新しい体験に - 特に、物事は、タッチによる表面のマシンに好き

42
00:02:16,840 --> 00:02:20,000
市場に今ある複数のモバイルデバイスのこれらの種類、

43
00:02:20,000 --> 00:02:22,360
それは、その中核には、Windowsです。

44
00:02:22,360 --> 00:02:25,850
だから、あなたは、Windows 7を実行して何に実際にそれをインストールすることができることを意味

45
00:02:25,850 --> 00:02:30,770
あなたのラップトップに至るまであなたの最大のトリプルのSLIゲーミングリグから

46
00:02:30,770 --> 00:02:36,200
そしてあなたが今日拾うかもしれないあなたのピカピカの新しい他のデバイスに。

47
00:02:36,200 --> 00:02:38,450
彼らは、Windows 8を実行します。

48
00:02:38,450 --> 00:02:40,530
私の周りだけ少しあなたを紹介、

49
00:02:40,530 --> 00:02:44,670
あなたがここに表示されますすべての経験は、あなたが作成できるものです。

50
00:02:44,670 --> 00:02:47,760
アイデアは、それがタッチ、マウス、キーボードだかどうかであり、

51
00:02:47,760 --> 00:02:51,870
デバイスは、アプリケーションを稼働していることが何であれ、それは素晴らしい実行するようになるだろう。

52
00:02:51,870 --> 00:02:55,180
Windowsの8は、これらすべてのシナリオに役立ちます。

53
00:02:55,180 --> 00:02:59,600
>> これらのスライドはさておき、ちょうど右ここで周りを見ながら中に入ってみましょう。

54
00:02:59,600 --> 00:03:03,270
私は私のホーム画面の周りをお見せしましょう​​。これは私のスタート画面です。

55
00:03:03,270 --> 00:03:05,810
私はあなたに、ここでツアーの少しを与えるでしょう。

56
00:03:05,810 --> 00:03:09,610
私は、とても同じくらい、私は私のラップトップの画面をタッチしたいように、非タッチマシンによ

57
00:03:09,610 --> 00:03:13,400
それは事をしないので、私はここに少しの周りにスクロールし、あなたが表示されます。

58
00:03:13,400 --> 00:03:17,950
あなたが気づくかもしれないいくつかのことが、これらは、ライブタイルと呼ばれるものをということである

59
00:03:17,950 --> 00:03:21,470
実際にアニメーション化することができ、彼らはあなたに情報を提供することができます - 

60
00:03:21,470 --> 00:03:24,750
ゲームの統計に多分更新

61
00:03:24,750 --> 00:03:30,970
またはあなたの左側にここにある、以前のアプリの一部からのニュースが表示されます。

62
00:03:30,970 --> 00:03:35,350
そこに私達は行く。私はそれが唯一の肯定と幻想素晴らしいニュースだと確信しています。

63
00:03:35,350 --> 00:03:38,450
あなたはそれが本当に言って、戻ってアプリに注意を呼び出している、ここで見ることができ、

64
00:03:38,450 --> 00:03:43,010
「ねえ、何か新しいものがここにあります。見てみましょう。に戻って来て、あなたのための新機能を参照してください。 "

65
00:03:43,010 --> 00:03:45,320
それは、ライブタイルと呼ばれる、あなたは、通知を行うことができます

66
00:03:45,320 --> 00:03:47,070
アプリケーション自体から右のどちらか

67
00:03:47,070 --> 00:03:52,220
あなたは、より詳細に見てみる場合は、リモートサービスを作成する方法を見つけることができます

68
00:03:52,220 --> 00:03:54,340
それは実際にはタイルに情報をプッシュすることができ、

69
00:03:54,340 --> 00:03:56,520
これは、これらのニュースアプリで何が起こっているかである。

70
00:03:56,520 --> 00:04:00,080
彼らは実際にクラウドからニュースを取得し、すぐそこにタイルを更新しています

71
00:04:00,080 --> 00:04:03,710
その人たちは、アプリケーションを開いて見てみるべき理由があると知っている

72
00:04:03,710 --> 00:04:06,950
どのような時に最新のニュースは、これらのいずれかである

73
00:04:06,950 --> 00:04:10,060
または新しいレシピやビートに新しい高スコアがあるかどう

74
00:04:10,060 --> 00:04:13,560
または、これらのアプリケーション上で再生または何でも友人。

75
00:04:13,560 --> 00:04:15,550
それはピンを見るには、あなたを誘惑するものだ

76
00:04:15,550 --> 00:04:18,640
だから、ライブタイルだし、それが人である可能性があり、それは同様にウェブサイトである可能性があります。

77
00:04:18,640 --> 00:04:20,790
通常は、アプリケーションの。

78
00:04:20,790 --> 00:04:25,320
>> ほとんど私がここに持っているこれらの事のすべては、Windowsストアから来ました。私はそれを起動します。

79
00:04:25,320 --> 00:04:27,890
それはあなたが、デフォルトで取得するアプリケーションの一つだ

80
00:04:27,890 --> 00:04:30,350
Windowsの8を実行している任意のマシン上で。

81
00:04:30,350 --> 00:04:33,040
あなたがしたいと思う何かを見つけるためにここに来ることができる、

82
00:04:33,040 --> 00:04:37,240
私は前に見たことがないゲームに強調されている事から。

83
00:04:37,240 --> 00:04:39,440
ああ、すごい、我々はここに新しいピンボールを持っている。

84
00:04:39,440 --> 00:04:41,580
あなたが店からここにこれらの権利をインストールすることができ、

85
00:04:41,580 --> 00:04:43,420
そして我々は、これらを開発する方法について話します。

86
00:04:43,420 --> 00:04:45,670
あなたがそれらを作成する方法の選択肢がたくさんある。

87
00:04:45,670 --> 00:04:49,020
我々は、HTMLとCSSでJavaScriptの物語に焦点を当てるだろう

88
00:04:49,020 --> 00:04:52,790
しかし、ユーザーに、アプリの購入者に、それはインチ書かれていたかは重要ではありません

89
00:04:52,790 --> 00:04:54,670
彼らは、先に行くとそれを操作することができます。

90
00:04:54,670 --> 00:04:57,870
私はこの1に興味をそそられていますので、私はこれを開いて見てみる必要がある。

91
00:04:57,870 --> 00:05:02,310
あなたが提出し、販売したり無料で与えることができるものも含めてすべてのアプリケーション、

92
00:05:02,310 --> 00:05:06,240
あなたが店にやってみたいものは何でも、このようなホームページが表示されます。

93
00:05:06,240 --> 00:05:10,750
あなたはあなたのアプリケーションと、スクリーンショットの束を提出することができます - あなたはここでいくつかを参照してください - 

94
00:05:10,750 --> 00:05:15,970
アプリケーションの詳細、および時間をかけて、両方の評価を蓄積します - 

95
00:05:15,970 --> 00:05:19,020
彼らは基本的には星評価はしている - とレビュー、

96
00:05:19,020 --> 00:05:20,690
もう少し洞察力を提供する。

97
00:05:20,690 --> 00:05:24,380
実際に、誰かが何かを入力し、あなたがどれだけ素晴らしいことを伝える必要があり、

98
00:05:24,380 --> 00:05:29,300
そしてそれは私が見ていないこれは、ここの上にレビューセクションに入ります。

99
00:05:29,300 --> 00:05:33,890
幻想的。 「でも開くことができません。 "どのように偉大な。

100
00:05:33,890 --> 00:05:39,000
まあ、これは開いて実行しました誰のために人々のために、彼らは実際にそれを楽しんでいるようだ。 （笑）

101
00:05:39,000 --> 00:05:43,770
これを覚えておきなさい。インターネット。誰もが彼らがあなたのアプリケーションに関する欲しいものを言うことができます。

102
00:05:43,770 --> 00:05:45,780
だから、あなたはそれで素晴らしい仕事をやっていることを確認し、

103
00:05:45,780 --> 00:05:49,030
あなたがすることができますように、ユーザのために、それが快適な作っていることを確認してください

104
00:05:49,030 --> 00:05:52,720
彼らはカップルが離れてレビューを提供してからクリックしているので、

105
00:05:52,720 --> 00:05:55,870
それはあなたの全体的な評価の評価にまで蓄積されます。

106
00:05:55,870 --> 00:05:58,990
あなたが他のアプリケーションに対してであることを行っているので、あなたの最善を尽くしたいと思います。

107
00:05:58,990 --> 00:06:01,830
既にストアにアプリケーションの数千があるでしょう、

108
00:06:01,830 --> 00:06:06,880
そしてチャンスはあなたが何をやっていると同じような機能をするものがあるかもしれない、です。

109
00:06:06,880 --> 00:06:12,740
あなたが本当に群衆から目立つことができるのであれば、それは当然のことながら、あなたの利点になるだろう。

110
00:06:12,740 --> 00:06:15,300
>> 私たちは、少し後に店に入るでしょう。

111
00:06:15,300 --> 00:06:17,090
私は実際にアプリを作成することに集中したい。

112
00:06:17,090 --> 00:06:20,760
しかし、店のショートバージョンは世界的な分布である、

113
00:06:20,760 --> 00:06:25,430
それは自動的にWindows 8の一部で、人々は、それを起動して、ここで様々なアプリを見てみましょう

114
00:06:25,430 --> 00:06:29,070
あなたがドレスアップステッカーブックおよび様々なアプリケーションのすべての種類を持っている。

115
00:06:29,070 --> 00:06:33,690
悪いが、私はそれをたくさん使う - フレッシュペイントは、私はこれをたくさん使用しています。

116
00:06:33,690 --> 00:06:36,080
それは、私はすでにそれを所有私を見せている。

117
00:06:36,080 --> 00:06:41,280
私はあなたに私が持っていない何かをお見せしましょう​​ -  UVideos私は真新しいようがありません。

118
00:06:41,280 --> 00:06:43,660
あなたはそれが無料でここを参照してくださいで登録して、ストアから右のそれをインストールすることができます。

119
00:06:43,660 --> 00:06:46,430
あなたもの選択肢があります。もちろん、それを離れて与えることができます。

120
00:06:46,430 --> 00:06:49,660
あなたがアプリやゲームに広告を置くことができます。

121
00:06:49,660 --> 00:06:54,770
また、それを有料化したり、非常に簡単にだけでなく、アプリケーションの試用版を提供することができます

122
00:06:54,770 --> 00:06:58,220
だから、人々が一週間または何あなたがしたいためにそれを試してみましょうことができます。

123
00:06:58,220 --> 00:07:01,540
つまり、ポータルを介してだけでカスタマイズ可能です。あなたはそのためのコードを記述しないでください。

124
00:07:01,540 --> 00:07:03,990
だから、「あなたは一週間のためにこれを使用することができますし、次にあなたがそれを購入するんだ」と言う

125
00:07:03,990 --> 00:07:07,130
またはあなたがこのゲームの最初の3つのレベルをプレイできる」、のようなものを行うことができます

126
00:07:07,130 --> 00:07:09,820
」と、あなたは残りの部分にアクセスするために購入するんだ。 "

127
00:07:09,820 --> 00:07:12,310
あなたが言うことができるようにあなたも、だけでなく、アプリ内購入を行うことができます

128
00:07:12,310 --> 00:07:17,880
「我々は、追加の冒険またはロック解除されたグラフィックスや物事のセットを持っている - 

129
00:07:17,880 --> 00:07:21,430
「ロック解除され、よりレシピ - あなたがこれらの拡張セットを購入した場合 "

130
00:07:21,430 --> 00:07:24,260
そして、あなたは、すべてのアプリケーションやゲーム自体の中でそれを行うことができます。

131
00:07:24,260 --> 00:07:26,070
だから、完全にあなた次第、あなたの選択。

132
00:07:26,070 --> 00:07:28,070
あなたが店でできることはたくさんあり​​ます、

133
00:07:28,070 --> 00:07:31,660
した後、基本的には、認定チャネルに提出している。

134
00:07:31,660 --> 00:07:35,380
我々は少し後でそれについてのすべてを話すことができるが、これは目標です。

135
00:07:35,380 --> 00:07:40,410
ここの店で、アプリ世界的に可視性を取得したい。

136
00:07:40,410 --> 00:07:44,170
>> ここに戻ってスタート画面上で、私はもう少し周りをお見せしたいと思います。

137
00:07:44,170 --> 00:07:50,580
私はこれらのアプリケーションを起動した場合、私はあなたに、ここでいくつかのクロスアプリの機能の例を挙げましょう。

138
00:07:50,580 --> 00:07:53,070
そのためには、私は新鮮なペイントを起動します。

139
00:07:53,070 --> 00:07:55,550
あなたがここに表示されますことの一つは、画面のすべての単一のビットで、

140
00:07:55,550 --> 00:07:58,040
画面のすべてのピクセルは、あなたのアプリケーションにアクセスしてください。

141
00:07:58,040 --> 00:08:01,990
ゴーンは、Windowsを中心にこれらの境界を持っている日です

142
00:08:01,990 --> 00:08:05,120
常にスペースのすべての時間が占有しているボタンの多くが付いている。

143
00:08:05,120 --> 00:08:09,430
今、あなたは本当に離れてそれから取得し、ちょうどあなたのコンテンツが焦点に持っていると思います。

144
00:08:09,430 --> 00:08:13,710
我々は、メニューの他の種類にアクセスすることによって、Windowsとのことを行うことができます。

145
00:08:13,710 --> 00:08:16,840
そのうちの一つは、魅力のバーと呼ばれるものが実際です

146
00:08:16,840 --> 00:08:18,870
そしてそれは、画面の横から出てくる。

147
00:08:18,870 --> 00:08:21,270
あなたはタッチスクリーンを持っていれば、実際には、横からフリックすることができます

148
00:08:21,270 --> 00:08:24,840
あなたがマウスを使用している場合は、右クリックすることもでき、そのためのキーボードショートカットがあります、

149
00:08:24,840 --> 00:08:29,490
ここの環境で何かをする複数の方法が常にある。

150
00:08:29,490 --> 00:08:31,680
それはあなたがすることができる多くのことをもたらします。

151
00:08:31,680 --> 00:08:33,870
最も明白には、スタート画面に戻ることができている、

152
00:08:33,870 --> 00:08:36,780
しかし、他の4が魅力と呼ばれるものである。

153
00:08:36,780 --> 00:08:41,059
彼らはあなたがアプリ開発者として差し込むことができる契約である。彼らはかなりクールだ。

154
00:08:41,059 --> 00:08:43,340
検索では、私はあなたがやろうとしているものだと確信している、

155
00:08:43,340 --> 00:08:44,950
私は2番目にあなたを紹介共有し、

156
00:08:44,950 --> 00:08:48,450
とデバイスと設定、これらはすべて、アプリが差し込むことができるものである

157
00:08:48,450 --> 00:08:51,960
Windowsのを活用して、言って、「私は私の部分をやった

158
00:08:51,960 --> 00:08:54,700
「そして私は、Windowsには、いくつかの他の機能をサポートしたい、

159
00:08:54,700 --> 00:08:56,750
「そして私は、それが実現するために多くのコードを記述する必要はありません。 "

160
00:08:56,750 --> 00:08:59,480
それは本当に、これらの機能を使用する利点です。

161
00:08:59,480 --> 00:09:01,340
私はあなたに1をお見せしましょう​​。

162
00:09:01,340 --> 00:09:05,170
そのためには、私は新しい絵を作ってあげる。

163
00:09:05,170 --> 00:09:08,240
私はまた、あなたのアプリケーションのためのすべてのピクセルを使用する方法について説明しました。

164
00:09:08,240 --> 00:09:11,850
デフォルトでは、ペイントアプリは、あなたがそれを使用しているときのように見えるものです。

165
00:09:11,850 --> 00:09:14,960
それはちょうどあなたが、あなたのコンテンツを描画している何でもについては本当にです。

166
00:09:14,960 --> 00:09:20,850
私はここで恐ろしいことを行うことができます。私は何を描くべきか？知りません。

167
00:09:20,850 --> 00:09:23,110
らくがき？ああ、素晴らしい。私は落書きを行うことができます。幻想的。

168
00:09:23,110 --> 00:09:25,130
トルコ？ （笑）

169
00:09:25,130 --> 00:09:28,500
これはあなたが表示されます最も抽象的な七面鳥です。

170
00:09:28,500 --> 00:09:31,780
私はまた、アプリケーションバーと呼ばれるものを持ち出すことができ、

171
00:09:31,780 --> 00:09:33,850
これは本当にあなたが使用できる主要な方法の一つです

172
00:09:33,850 --> 00:09:37,210
あなたのアプリやゲームの前にあったかもしれないすべてのものを離れて非表示にする

173
00:09:37,210 --> 00:09:39,570
ちょうどすべての時間領域を占有して。

174
00:09:39,570 --> 00:09:43,270
だから今は、ここでそれを置くことができ、これは本当に多くの美しい経験の一つです。

175
00:09:43,270 --> 00:09:46,380
私が見てきたアプリバー付き。

176
00:09:46,380 --> 00:09:48,800
異なる色を選択するため、ここでの選択肢を置く。

177
00:09:48,800 --> 00:09:54,310
我々はトルコを望んでいたので、私たちはカップルの色の混合を開始、ここでいくつかの茶色を出してあげる。

178
00:09:54,310 --> 00:09:58,790
我々はここで中間色を取り、その後ここに戻って得られます。

179
00:09:58,790 --> 00:10:02,990
あなたは、描画を開始することができます。あなたの七面鳥があります。幻想的。

180
00:10:02,990 --> 00:10:07,660
私はそもそも描くが、観客の前でタッチパッドでそれを行うには、さらに良いですができません。

181
00:10:07,660 --> 00:10:09,640
これは素晴らしいです。

182
00:10:09,640 --> 00:10:13,030
アイデアは、しかし、私は気にすべてが表面上で右ここにある。

183
00:10:13,030 --> 00:10:17,060
の私は、私は誰かと共有するんだ、このにとても満足していたとします。

184
00:10:17,060 --> 00:10:19,680
通常、あなたが他のバージョンのWindowsで行う場合と、

185
00:10:19,680 --> 00:10:22,900
あなたは多分、スクリーンショットを取ると、あなたのテキストの一部のコピー＆ペーストを行うと思います

186
00:10:22,900 --> 00:10:24,950
またはあなたが共有したいというようなこと、

187
00:10:24,950 --> 00:10:27,260
してから行くと、他のアプリケーションを開いて、その中にそれを置く。

188
00:10:27,260 --> 00:10:28,630
ここではそれを行う必要はありません。

189
00:10:28,630 --> 00:10:32,400
あなたが実際に魅力のバーを引き出すと、言うことができます "私はこれを共有したいと思います。"

190
00:10:32,400 --> 00:10:35,000
この時点で、それはあなたのすべてのアプリケーションを表示するようになるだろう

191
00:10:35,000 --> 00:10:38,080
それが共有されている何でもで作業する方法を知っています。

192
00:10:38,080 --> 00:10:41,590
この場合、それは写真ですので、それは、言うことになるだろう "私はあなたが絵を持って参照してください。"

193
00:10:41,590 --> 00:10:45,590
「あなたはそれを共有したいですか？ "あなたは、私はすべての時間を詰める自分自身を電子メールで送信見ることができます。

194
00:10:45,590 --> 00:10:49,420
それがあることを認識し、それがそのショートカットとして私を提供しているの、

195
00:10:49,420 --> 00:10:53,270
それはまた、私に写真を撮るに対処する方法を知っているすべてのアプリを見せている

196
00:10:53,270 --> 00:10:55,520
それを使って何かをやって。

197
00:10:55,520 --> 00:10:57,890
これらはすべて、彼らがそれを行うことができていることをWindowsに記載しております。

198
00:10:57,890 --> 00:10:59,240
この時点で、これはWindowsのです。

199
00:10:59,240 --> 00:11:01,680
ユーザーは、ちょうど彼らがそれをどうするかを選択します。

200
00:11:01,680 --> 00:11:06,610
私はPuzzleTouchの私のいつものやります。あなたは、私が時間をかけて、パズルのすべての種類を作成しました見ることができます。

201
00:11:06,610 --> 00:11:11,790
私はPuzzleTouchを取ると、言うでしょう「私はPuzzleTouchでこの素晴らしい創造を共有したい。 "

202
00:11:11,790 --> 00:11:16,670
それは "素晴らしい。あなたはファンタスティック？これを共有したいと思います。」、先に行くと言うだろう

203
00:11:16,670 --> 00:11:19,260
「あなたは、簡単だパズルを作りたいの中間、何か？ "

204
00:11:19,260 --> 00:11:20,800
私はここで中間1を作ってあげる。

205
00:11:20,800 --> 00:11:24,890
それは、パズルを作る。それは、ほとんど空白のだから、それはひどいなパズルになるだろう。

206
00:11:24,890 --> 00:11:28,100
しかし、それは準備ができて、それが戻って、他のアプリケーションで実際にです。

207
00:11:28,100 --> 00:11:32,360
私はここに出てくるなら、私はそれを検索して起動することができます。

208
00:11:32,360 --> 00:11:38,100
我々はここで少しだけ上をスクロールした場合、今、私たちはどこかに私の作成を参照してくださいする必要があります。

209
00:11:38,100 --> 00:11:42,930
私はどこに行くのですか？私は、パズルのどのような種類を作るのですか？私はそれが簡単にしましたか？

210
00:11:42,930 --> 00:11:46,110
ああ、そこはすぐそこです。

211
00:11:46,110 --> 00:11:49,550
[笑いながら]それはここにある容易に認識七面鳥のパズルです。

212
00:11:49,550 --> 00:11:52,360
しかし、私はあなたに指摘しておきたいことは、ここではクールなこと

213
00:11:52,360 --> 00:11:54,710
アプリが互いについて何も知らなかったです。

214
00:11:54,710 --> 00:11:58,740
彼らは、「私は共有する写真を持っている、と私は絵に対処する方法を知っている "と述べた。

215
00:11:58,740 --> 00:12:01,420
そして、あなたは開発者として、あなたはそのコードを記述する必要はありません。

216
00:12:01,420 --> 00:12:05,350
誰かが共有するために私を尋ねたとき、私はこの小さなデータ構造にいくつかのデータを置くつもりだ

217
00:12:05,350 --> 00:12:06,740
と私は終わりだ。

218
00:12:06,740 --> 00:12:10,990
他のアプリは、引き継ぎのことをやって、それは共有経験の終わりです。

219
00:12:10,990 --> 00:12:14,550
本当に、本当に強力な - それはあなたがすることができるだけで一つのことだ - 

220
00:12:14,550 --> 00:12:17,570
それは本当にあなたのアプリケーションの差別化を助けることができるものの一つになるだろう

221
00:12:17,570 --> 00:12:20,090
またストア内あまりにもあなたのゲーム。

222
00:12:20,090 --> 00:12:22,220
人々は、言うことができるとしている「これは本当に便利です。 "

223
00:12:22,220 --> 00:12:25,430
「私は、このパズルの作成者すべての時間を使用しています。それはファンタスティックだ。 "

224
00:12:25,430 --> 00:12:30,490
>> つまり、ここで何が起こっているかを簡単に説明する程度で十分です。

225
00:12:30,490 --> 00:12:33,670
我々は、コードを通過するなど、他の機能はあまりにも多分私達は強調するだろうがいくつかあります。

226
00:12:33,670 --> 00:12:37,710
しかし、私はスライドに飛び込むために、それをやってみたい、私は、デスクトップに行くつもりです

227
00:12:37,710 --> 00:12:40,940
これ自体は、ここで別のライブのタイルです。

228
00:12:40,940 --> 00:12:43,840
私は確かなことに、このに入ることができ、私は、私のスライドによ

229
00:12:43,840 --> 00:12:46,320
しかし、我々がどこにいる私は、実際にお見せしましょう​​。

230
00:12:46,320 --> 00:12:48,460
私たちは、デスクトップモードで、実際にしている。

231
00:12:48,460 --> 00:12:52,580
これは本当にここで私は、Windowsが前方に運ぶ程度前に言っていたもの

232
00:12:52,580 --> 00:12:54,850
新しい経験に自分自身を示しています。

233
00:12:54,850 --> 00:12:56,450
これはあなたが知っているWindowsのです。

234
00:12:56,450 --> 00:12:59,730
Windowsアプリケーションは、デスクトップアプリケーションと呼ばれます。彼らはここに実行されます。

235
00:12:59,730 --> 00:13:02,730
あなたは、既存のアプリを持っているし、Windows 8上でそれらを実行する場合は、

236
00:13:02,730 --> 00:13:04,710
あなたは絶対にそれを行うことができます。

237
00:13:04,710 --> 00:13:07,590
これらは、ここを超えている店舗のアプリと同じものではありません

238
00:13:07,590 --> 00:13:12,240
新鮮なペイントおよびこれらのNBCのニュースアプリとそのようなことのような。それらは店から来る。

239
00:13:12,240 --> 00:13:14,450
彼らは私があなたを見せていた機能の一部にプラグインすることができます

240
00:13:14,450 --> 00:13:16,620
そして私はまだあなたを示していない他のもの。

241
00:13:16,620 --> 00:13:21,460
しかし、単に覚えておく。我々としても、これらのものの両方をサポートしています。

242
00:13:21,460 --> 00:13:27,000
ごめんなさい。何かが画面上に表示されていない？私はそれを完全に失ってしまった。それは奇妙だ。

243
00:13:29,000 --> 00:13:31,000
大丈夫。それを指摘していただきありがとうございます。

244
00:13:31,000 --> 00:13:34,770
あなたがしばらくの間見ていないことは、私のデスクトップがここにあることを示している。

245
00:13:34,770 --> 00:13:37,540
あなたが見た最後のものは何ですか？あなたはこれを見ましたか？

246
00:13:37,540 --> 00:13:39,490
これはデスクトップです。あなたはすでにそれがどのようなものかを知っています。

247
00:13:39,490 --> 00:13:42,070
それはひどく珍しい何もない。

248
00:13:42,070 --> 00:13:46,940
それは私たちがあなたのために前進その経験を運んで、あなたが持っていたものを使わせます。

249
00:13:46,940 --> 00:13:50,460
例えば、私はあなたには、Visual Studioを示すことでしょう。つまり、デスクトップアプリケーションです。

250
00:13:50,460 --> 00:13:52,600
それは、このモードで実行するようになるだろう。

251
00:13:52,600 --> 00:13:54,960
それは、より複雑な環境をサポートするために起こっている

252
00:13:54,960 --> 00:14:01,470
オプションとそのようなことの多いので、デスクトップアプリケーションのように良いオプションになります。

253
00:14:01,470 --> 00:14:04,810
>> それによると、ちょうど少しのためのスライドに行きましょう

254
00:14:04,810 --> 00:14:09,720
そしてあなたにいくつかの入門コンテンツを提供して、実際にここのコーディングに入る。

255
00:14:09,720 --> 00:14:14,070
良いニュースは、私はあなたが、CSSやJavaScript、HTMLの多くに焦点を当ててきたと聞きましたです。

256
00:14:14,070 --> 00:14:18,110
あなたがWindowsストアアプリを作るに直接キャリーを学んできたもののすべて。

257
00:14:18,110 --> 00:14:22,920
あなたはCSSセレクタとすべてのものを適用することで聞いてきたもの

258
00:14:22,920 --> 00:14:27,180
あなたが店のためにここアプリケーションを作成するために何を正確に何である。

259
00:14:27,180 --> 00:14:29,640
私たちは、少しでこれらの事ビットを通過します。

260
00:14:29,640 --> 00:14:34,130
基本的に、私はあなたが既に学習する時間を取ったもので作っている。

261
00:14:34,130 --> 00:14:36,520
これはあなたが使用できる技術の全体的なチャートである

262
00:14:36,520 --> 00:14:38,790
Windowsの8のためのアプリケーションを作るために。

263
00:14:38,790 --> 00:14:42,840
右のもの、デスクトップアプリでは、我々がすでに知っていることは本当にある。

264
00:14:42,840 --> 00:14:46,840
それは本当にWindows 7の世界では、Windows 8にも引き継がれているものです。

265
00:14:46,840 --> 00:14:51,920
これらのオプションはすべて、繰越：C＃、VB、開発のWin32の種類を。

266
00:14:51,920 --> 00:14:54,450
素晴らしい。問題ありません。新しいものは、左側にある。

267
00:14:54,450 --> 00:14:58,220
それは私が自分のアプリケーションをWindows 8に配線を取得したいときにはですが、Windowsストアのアプリだ

268
00:14:58,220 --> 00:15:02,300
すべてのこれらの機能を使用して、ストアにそれを取得し、その本当にクールな経験を得る

269
00:15:02,300 --> 00:15:05,260
Windowsストアアプリケーション。

270
00:15:05,260 --> 00:15:10,350
そのためには、あなたは、XAML、C + +で、すべての選択肢を持ってここに見ることができ、

271
00:15:10,350 --> 00:15:14,100
C＃やVBは、あなたは、DirectX、そのようなことは、スライドを越えて行くことを行うことができます。

272
00:15:14,100 --> 00:15:18,650
しかし、私たちのために、我々は、HTML、CSS、およびJavaScript事実に権利で集中するつもりだ

273
00:15:18,650 --> 00:15:22,890
本当にWindows用のアプリケーションを作るための第一級市民で8

274
00:15:22,890 --> 00:15:24,960
およびWindowsストア。

275
00:15:24,960 --> 00:15:27,950
だから、これはここに誰もが、ビデオで見ている人に適しています

276
00:15:27,950 --> 00:15:30,760
あなただけが持っているすべてのこれらの経験を活用することができますので、

277
00:15:30,760 --> 00:15:33,900
本当にWindowsが提供するものに接続します。

278
00:15:33,900 --> 00:15:37,870
あなたは、当然のことです一連のAPIを通じてそれをやろうとしている。

279
00:15:37,870 --> 00:15:39,920
すべてのOSには独自のAPIを持っています。

280
00:15:39,920 --> 00:15:43,530
我々は、WindowsはWinRTのと呼ばれるものを通じて何ができるかを公開します。

281
00:15:43,530 --> 00:15:46,370
それはちょうどあなたのためにすべてを行い、一連のAPIです。

282
00:15:46,370 --> 00:15:51,650
あなたがファイルを開くために必要がある場合は、カメラ、地理位置情報、そのようなことを使用する必要があり、

283
00:15:51,650 --> 00:15:55,700
彼らは、Windowsがあなたに提供できるものを通過します。

284
00:15:55,700 --> 00:15:59,370
それにアクセスするために、我々はそれをさらに容易にするために起こっているいくつかのより多くのJavaScriptの設定を持っている

285
00:15:59,370 --> 00:16:02,510
あなたはそれをするために。私たちは一瞬のものに得られます。

286
00:16:02,510 --> 00:16:04,060
しかし、今のところ、それは基本的にロードマップです。

287
00:16:04,060 --> 00:16:06,770
あなたは既に一部のAPIの上に行ってきたもの

288
00:16:06,770 --> 00:16:11,280
あなたはWindowsで動作することの助けには店のアプリに等しい。

289
00:16:11,280 --> 00:16:14,210
そして、それは本当にあなたがハイレベルから知っている必要がありますがすべてです。

290
00:16:14,210 --> 00:16:17,370
>> 私たちは、実際に今のものを扱うに飛び込むだろう。

291
00:16:18,940 --> 00:16:21,950
あなたはおそらく既にの束を見てきたもの、

292
00:16:21,950 --> 00:16:26,760
IE9を少し戻っている間、我々は一度に、多くののためのサポートが導入され、

293
00:16:26,760 --> 00:16:30,340
新しいウェブにおける標準なので、新しいCSS機能の多く、

294
00:16:30,340 --> 00:16:34,380
本当にJavaScriptのある新しいHTML、ECMAScriptの5の多く。

295
00:16:34,380 --> 00:16:38,090
だから、strictモードを除いて、そのためにすべてをIE9にあった。

296
00:16:38,090 --> 00:16:42,290
CSSを使用したもののちょうどトン、CSS3、すべてそこにある。

297
00:16:42,290 --> 00:16:45,300
そして、すべてこのようなものは、我々は、Windows 8でやっていることに楽しみに運びます。

298
00:16:45,300 --> 00:16:49,350
あなたはこれらのものを使用することができ、あなたはIE10の新機能のすべてを使用することができます。

299
00:16:49,350 --> 00:16:54,640
IE10で我々としても、これらの事のすべてのサポートを紹介します。

300
00:16:54,640 --> 00:16:59,340
彼らがしているすべてのハードウェアアクセラレーションで登録して、GPUのいくつかの種類を持っているマシンを使っているのであれば、

301
00:16:59,340 --> 00:17:04,190
これはおそらくほとんどは、過去8年間で得ることができるすべてのマシンであり、

302
00:17:04,190 --> 00:17:07,609
あなたはハードウェアアクセラレーションの出力を持つことができるようになるだろう、

303
00:17:07,609 --> 00:17:11,770
CSSを使用した視覚的な出力、キャンバス、SVG。

304
00:17:11,770 --> 00:17:14,339
すべてのものは、ハードウェアアクセラレーションを通過します

305
00:17:14,339 --> 00:17:16,060
そのはるかに高速かつ効率的であること。

306
00:17:16,060 --> 00:17:20,440
このすべての短いバージョン - 私は申し訳ここに一つ一つの事を通過するつもりはない - 

307
00:17:20,440 --> 00:17:23,200
このリストの上に表示された場合、あなたがIE10でそれを行うことができれば、

308
00:17:23,200 --> 00:17:25,650
それがIE10で動作し、実行しているWebアプリケーションの場合には、

309
00:17:25,650 --> 00:17:28,640
それはあなたがWindowsストアアプリとして行うことができるものです。

310
00:17:28,640 --> 00:17:33,100
そして、それはかなりそれだ。それがIE10で動作するのであれば、それはWindowsストアアプリとして動作するようになるだろう。

311
00:17:33,100 --> 00:17:36,370
それはあなたが使用できるものとして、テーブル上にある。

312
00:17:36,370 --> 00:17:40,510
>> ここにたくさんあり​​ます。私たちは、真夜中まで持っていないので、私はここですべてを確認することはできません。

313
00:17:40,510 --> 00:17:44,060
しかし、あなたはこれらの事は何ができるかを理解するのに役立ちますいくつかのサイトがありますが、

314
00:17:44,060 --> 00:17:45,520
と私は2番目にあなたにそれらのいずれかを紹介します。

315
00:17:45,520 --> 00:17:48,410
私はちょうどあなたが見て可能性のある主要なものをいくつか指摘したいと思いました。

316
00:17:48,410 --> 00:17:51,560
たぶん、あなたはすでにあなたの研究で、これらのいくつかを見てきた、

317
00:17:51,560 --> 00:17:56,610
これらは、CSS側から、Windowsストアのアプリで、特に、本当に便利です。

318
00:17:56,610 --> 00:18:02,420
だから、変換と移行を行うことができること、アニメーションでモーションを提供 - 

319
00:18:02,420 --> 00:18:07,010
これらは、現在、すべてのCSSの一部であり、それらはすべてのモダンブラウザでサポートされています

320
00:18:07,010 --> 00:18:11,370
とIE10とIE9は、これらすべてのもののために時間をかけてのサポートを追加した。

321
00:18:11,370 --> 00:18:15,220
そして、なぜ、なぜ、手でこれらのことを行うためのすべての問題を通過し、それを自分で書く

322
00:18:15,220 --> 00:18:19,970
アプリケーションのための3D効果を作成するために簡単なCSSの変換を使用することができたとき？

323
00:18:19,970 --> 00:18:22,740
素晴らしい。つまり、それがどのように動作するかです。

324
00:18:22,740 --> 00:18:24,530
私はそれよりもこれ以上難しくすることができません。

325
00:18:24,530 --> 00:18:28,330
あなたは、CSSでそれを行う方法を知っていれば、Windowsストアのアプリでそれを行う方法を知っている。

326
00:18:28,330 --> 00:18:32,080
>> レイアウトのためにそれを超えて行く、でもストアのアプリのようなもの、

327
00:18:32,080 --> 00:18:35,350
しかし、あなたの記事を見せているかもしれないニュースアプリを見て、それを超えて行く

328
00:18:35,350 --> 00:18:40,160
またはそのようなレシピや物事は、CSSの機能のこれらの他の種類は本当に便利です。

329
00:18:40,160 --> 00:18:45,610
グリッド、フレキシボックスは、CSSの地域も同様に、かなり新しい規格の詳細です。

330
00:18:45,610 --> 00:18:51,190
これらのことはすべて、あなたがコンテンツをレイアウトし、セクション間のコンテンツのフローを支援しようとしている

331
00:18:51,190 --> 00:18:55,470
あなたがものを自分で記述することなく、ページ付けやハイフネーションを行うことができる。

332
00:18:55,470 --> 00:18:57,500
あなただけの "、私のために次の操作を実行してください」と言う

333
00:18:57,500 --> 00:19:00,850
そして、画面の不動産は、異なるマシン上に異なっているように

334
00:19:00,850 --> 00:19:03,850
または、アプリケーションをスナップとしてあなたは、すぐに説明しますが

335
00:19:03,850 --> 00:19:07,920
画面上のスペースの少ない量を持っている、それはCSSの問題ありません。

336
00:19:07,920 --> 00:19:11,160
これは、を活用することができます - 二のメディアクエリに関するwe'llトーク - 

337
00:19:11,160 --> 00:19:15,880
それが地域からコンテンツを流れるコンテンツを再配置することで物事の世話をすることができます

338
00:19:15,880 --> 00:19:21,240
ちょうどあなたがすでにウェブ技術を見ている可能性がありますこれらの事で。

339
00:19:21,240 --> 00:19:25,470
>> HTML5の側では、物事の束もあります

340
00:19:25,470 --> 00:19:28,140
つまり、Windowsストアのアプリであなたのために非常に参考になります。

341
00:19:28,140 --> 00:19:30,980
再び、我々はこれらのすべてを行くことはありませんが、彼らはただここにいる。

342
00:19:30,980 --> 00:19:35,470
だから、あなたがそれを使用する必要がある場合は、オーディオ·ビデオ、あなたがフォームから検証を行いたい場合、

343
00:19:35,470 --> 00:19:40,570
地理位置は、JavaScriptの5かのECMAScript 5とJavaScriptで行うことができますすべてのもの、

344
00:19:40,570 --> 00:19:44,070
ローカルストレージ用IndexedDB  - これらはすべてあなたのためのオプションです。

345
00:19:44,070 --> 00:19:49,300
あなたは答えを探しているなら、単にHTML5とCSSで既存の技術に目を向ける

346
00:19:49,300 --> 00:19:53,880
あなたは、その多くのものを自分でロールバックするよりも簡単に答えを見つけることができます。

347
00:19:53,880 --> 00:19:55,510
私はここで少し周りをお見せしましょう​​。

348
00:19:55,510 --> 00:19:57,920
私は、我々が行くことができるサイトを持っている。

349
00:19:57,920 --> 00:20:01,590
私は第二のためにこのスライドからやめましょう。

350
00:20:01,590 --> 00:20:06,450
>> 我々はIETestDrive.comに出て行けば、

351
00:20:06,450 --> 00:20:08,960
私はここのデモの多くを行うことはありません。

352
00:20:08,960 --> 00:20:14,360
IETestDrive.comは本当に、あなたにIE10での新機能の多くを見せている

353
00:20:14,360 --> 00:20:16,220
あなたがすることができるもの。

354
00:20:16,220 --> 00:20:19,130
私は、これが原因で、代わりのホワイトペーパーの束を通読本当に便利です見つける

355
00:20:19,130 --> 00:20:23,020
いくつかのデモを見て、それはあなたがあなた自身の個人的なレーダーの上に置く助けるために起こっている

356
00:20:23,020 --> 00:20:26,620
技術があってもで、これ以上の研究を行うには意味があるかどうかについて

357
00:20:26,620 --> 00:20:29,070
だから、「私はこれが何のためにあるのかを参照してください。」、理解するでしょう

358
00:20:29,070 --> 00:20:32,780
「私は要求アニメーションフレームが私のために何をするか理解しています。 "

359
00:20:32,780 --> 00:20:36,900
「私は領域またはSVGフィルタを使用できるかを理解しています。 "

360
00:20:36,900 --> 00:20:40,190
あなたはここでの例でそれらを参照して、アクションでそれらを参照してください、

361
00:20:40,190 --> 00:20:44,930
それはあなた自身のプロジェクトでそしてを越えてあなたに役立つことになるだろうならば自分で決める

362
00:20:44,930 --> 00:20:47,840
あなたがWeb技術で動作するように続けている。

363
00:20:47,840 --> 00:20:49,900
ここで私はただ見てみることをお勧めだろう。

364
00:20:49,900 --> 00:20:52,880
私は実際にこれらを実行している多くの時間を費やすだろうとは思わない。

365
00:20:52,880 --> 00:20:56,030
私たちは、コードの記述に示すのに十分持っている。

366
00:20:56,030 --> 00:21:01,640
あなたは、タッチエフェクト、そのセクション内へのタッチベースのゲームから、ここで物事を見ることができます

367
00:21:01,640 --> 00:21:06,050
アニメーション、そこに本当に速いハードウェアアクセラレーションアニメーション、

368
00:21:06,050 --> 00:21:11,230
あなたにも、これらのサンプルのいくつかで表示されますいくつかの最適化、

369
00:21:11,230 --> 00:21:12,770
そして多くの、より多くのがあります。

370
00:21:12,770 --> 00:21:15,330
あなたはこっちに行くとサイトマップを開くと、

371
00:21:15,330 --> 00:21:19,070
ここのサンプルだけでとんでもない数があります。

372
00:21:19,070 --> 00:21:20,690
あなたがここにすべてを見ることができます。

373
00:21:20,690 --> 00:21:22,900
あなたが何かを見たりしている場合、あなたは何かを聞いた

374
00:21:22,900 --> 00:21:25,850
あなたは多分、このアプリで使用するクールなものになるだろう疑問に思っている、

375
00:21:25,850 --> 00:21:31,720
ここで探してみて、それが自分自身にいくつかの時間を節約するためにかなり良いデモはおそらくあります。

376
00:21:31,720 --> 00:21:35,980
>> 大丈夫？ここに人々のためのこれまでのご質問？

377
00:21:35,980 --> 00:21:39,620
大丈夫。我々はここで続けていくでしょう。

378
00:21:39,620 --> 00:21:41,920
繰り返しますが、まさにそれをチェックしてください。

379
00:21:41,920 --> 00:21:45,450
彼らは、Web標準なので、あなたが知っている他のショーケースのサイトに移動します

380
00:21:45,450 --> 00:21:50,550
これらの技術は、あなたがやろうとしているもののために意味をなすかどうかを確認します。

381
00:21:50,550 --> 00:21:53,190
>> スライドにバックアップします。

382
00:21:53,190 --> 00:22:00,290
それによると、あなたが本当にインストールされたローカルアプリケーションの世界にWebの世界から移動している

383
00:22:00,290 --> 00:22:01,850
ので、ここで指摘していくつかあります。

384
00:22:01,850 --> 00:22:03,690
まず第一に、ここでは関係ないWebサーバはありません。

385
00:22:03,690 --> 00:22:06,120
何Apacheはありません、ここで実行中のIISはありません

386
00:22:06,120 --> 00:22:10,170
リモートブラウザエージェントに、リモートクライアントにページを提供する。

387
00:22:10,170 --> 00:22:13,000
この場合は、本当にすべてがあなたのためにパッケージ化されています。

388
00:22:13,000 --> 00:22:16,630
あなたは、保存するためのアプリケーションとして、それが認定されることを提出

389
00:22:16,630 --> 00:22:22,190
それは店に出ますし、その後の何千というによる人々があなたのゲームやアプリをインストールします。

390
00:22:22,190 --> 00:22:24,780
しかし、基本的に、彼らは彼らのマシンにローカルに引き下げている。

391
00:22:24,780 --> 00:22:29,080
リモートAPIが必要呼び出しがない限り、もはやWebに出かける必要はありません、

392
00:22:29,080 --> 00:22:31,790
それはあまりにも同様に完全に正常です。

393
00:22:31,790 --> 00:22:35,330
しかし、彼らは、彼らはサーバからの要求応答を行かなければならない、そのモードであることを行っていない

394
00:22:35,330 --> 00:22:37,910
その内容の次のページを取得します。

395
00:22:37,910 --> 00:22:41,380
だから、言った、いくつかのマイナーなAPIの違いがあります。これらは非常に軽微なものである。

396
00:22:41,380 --> 00:22:46,850
彼らはあなたの通常のコーディングであなたをヒットしそうだが、彼らは、少なくとも文書化している。

397
00:22:46,850 --> 00:22:50,030
彼らはそこにエッジケースのようなものだ。

398
00:22:50,030 --> 00:22:53,370
>> 指摘する価値が他の事は信頼の違いである。

399
00:22:53,370 --> 00:22:58,070
私はちょうど私がそれを言ったことを確認したいので、私はこれをのみを言及

400
00:22:58,070 --> 00:23:01,580
ので、後でそれに実行する場合、あなたが思うだろう、「クリスは、このことについて何かを言った

401
00:23:01,580 --> 00:23:04,890
"ので、多分、ええ、大丈夫」と、あなたは戻って、あなたはそれが何であったかを調べる。

402
00:23:04,890 --> 00:23:06,480
コンテキストは重要では。

403
00:23:06,480 --> 00:23:11,450
デフォルトでは、我々は攻撃のベクトルからユーザーを保護するためにしてみてください。

404
00:23:11,450 --> 00:23:13,400
あなたは、デフォルトで行うことができます特定のものがあります。

405
00:23:13,400 --> 00:23:16,130
そして、特定の物事はあなたが有効にするためのコンテキストを変更する必要があります。

406
00:23:16,130 --> 00:23:19,860
あなたはそこにいくつかのライブラリを使っているように -  you'veは既に、jQueryを使って仕事をして

407
00:23:19,860 --> 00:23:23,650
あなたはそこに他のライブラリを見てみると - あなたは一部の機能を使用している可能性

408
00:23:23,650 --> 00:23:28,000
その種類のよりダイナミックな相互作用を行い、地元の利用状況を超えて

409
00:23:28,000 --> 00:23:30,360
XHRリクエスト、そのようなこと。

410
00:23:30,360 --> 00:23:33,090
時々、あなたはそれらがデフォルトで無効になります見つけるかもしれない、

411
00:23:33,090 --> 00:23:37,790
その場合には、単に、ローカルおよびWebコンテキストを探し、検索を行う

412
00:23:37,790 --> 00:23:39,560
あなたはこれを修正する方法について見ていきます。

413
00:23:39,560 --> 00:23:42,580
ちょうどあなたが他のフレームワークを利用する前に、必ずそのことについて知っていたします、

414
00:23:42,580 --> 00:23:45,720
これ、私は言及する必要があり、あなたが完璧に行うことができるしている。

415
00:23:45,720 --> 00:23:49,290
だから、他のいくつかのフレームワーク発見した場合 - 第二は、この約we'llトーク - 

416
00:23:49,290 --> 00:23:54,000
ゲームのために、あなたはそれを使用したい、あなたがそこにいるいくつかの制御ライブラリを使用したい

417
00:23:54,000 --> 00:23:57,990
あなたはその原料を自分で記述する必要はありません - それは右、良いアイデアですか？ - 

418
00:23:57,990 --> 00:23:59,560
あなたは絶対にこのようなものを使用することができます。

419
00:23:59,560 --> 00:24:03,660
背中のJavaScriptをベースのライブラリのいずれかの種類を使用してからあなたを保持して何もない、

420
00:24:03,660 --> 00:24:05,380
CSS、HTML5。

421
00:24:05,380 --> 00:24:09,740
繰り返しますが、それはあなたがこれらの日多くの一体であるIE10、で行うことができるものなら、

422
00:24:09,740 --> 00:24:11,220
あなたはそれを行うことができます。

423
00:24:11,220 --> 00:24:14,800
、あなたのアプリにそれを引っ張っJavaScriptライブラリ、アプリケーションでそれを使用することを参照、

424
00:24:14,800 --> 00:24:19,880
たまに - ちょうどあなたがたまにはセキュリティコンテキストを打つ可能性があります覚えておいて。

425
00:24:19,880 --> 00:24:24,150
>> 私たちが行くようにして、機能には、我々はそれらのいくつかのより多くの上に行くよ。

426
00:24:24,150 --> 00:24:27,500
あなたはより多くのアプリケーションを参照しているように種のに慣れるよUX

427
00:24:27,500 --> 00:24:29,250
Windowsストアから。

428
00:24:29,250 --> 00:24:33,870
あなたは彼らがどのように動作するかの感触を取得し、どのようにデザインの美しさが機能する傾向がある

429
00:24:33,870 --> 00:24:37,720
異なるアプリケーションと何の人々が経験するために使用されます。

430
00:24:37,720 --> 00:24:39,660
それは本当に重要な部分です。

431
00:24:39,660 --> 00:24:42,460
彼らはあなたのアプリケーションを起動するとき、彼らは説明書を読む必要はありませんことを確認して、

432
00:24:42,460 --> 00:24:44,300
彼らは、方法で、絶対にしないでいる。

433
00:24:44,300 --> 00:24:46,650
彼らはただ、あなたのアプリケーションに再生を開始することができる必要があります

434
00:24:46,650 --> 00:24:49,450
そして多くの困難なしでそれを考え出す。

435
00:24:49,450 --> 00:24:52,660
これらのプラクティスの多くに付着し、付着していることにより、

436
00:24:52,660 --> 00:24:57,640
あなたはそれが容易になり、ユーザーの大きな支持をやろうとしている。

437
00:24:57,640 --> 00:25:01,810
>> 大丈夫。最後のAPI側のものと、我々は実際にコードを書くことに得るでしょう。

438
00:25:01,810 --> 00:25:05,660
WinJSの私は、複雑なスライドを非常に簡潔に述べたものの事です。

439
00:25:05,660 --> 00:25:08,850
あなたがアプリケーションを作るために持っているすべてのそれらのさまざまな選択肢を持つ。

440
00:25:08,850 --> 00:25:10,890
WinJSのは、バディと考えることができます。

441
00:25:10,890 --> 00:25:13,680
それはあなたがより迅速にものを書くのを助けるためにあなたの友人です。

442
00:25:13,680 --> 00:25:18,820
それだけで、JavaScriptとCSSのだ。あなたはそれを使用する必要はありません。あなたはそれを使用することができます。

443
00:25:18,820 --> 00:25:22,180
あなたはWindowsの機能への呼び出ししようとしている場合は、それを使用して終了します、

444
00:25:22,180 --> 00:25:27,210
しかし、あなたが本当に使用したくないいくつかのデザインパターンやコントロールのようなものがあるのならば、

445
00:25:27,210 --> 00:25:29,090
あなたが何か他のものを使用したい、それはあなた次第です。

446
00:25:29,090 --> 00:25:32,580
使用したいかを決定し、使用するスタイル。

447
00:25:32,580 --> 00:25:37,250
は名前空間とクラスの世代からの特徴 - あなた次第。

448
00:25:37,250 --> 00:25:41,650
あなたは、どちらか一方を好むなら、それは完全にあなたの選択です。それはまだ、JavaScriptとCSSのだ。

449
00:25:41,650 --> 00:25:43,860
しかし、それはあなたが多くのものを行うのに役立つだろう。

450
00:25:43,860 --> 00:25:47,780
例えば、ここには何ができるかのサブセットですが、

451
00:25:47,780 --> 00:25:50,790
約束して非同期プログラミングを支援するようなもの。

452
00:25:50,790 --> 00:25:54,000
あなたのいずれかがを聞いたことやNode.jsのと仕事を？

453
00:25:54,000 --> 00:25:59,520
これは、非同期プログラミングで動作するように一般的なパターンです。

454
00:25:59,520 --> 00:26:02,370
だから、基本的には何を言っている何かを行く」、である、

455
00:26:02,370 --> 00:26:05,790
「あなたは私にあなたが完了したら、あなたは私に戻ります約束を与えることになるだろう。 "

456
00:26:05,790 --> 00:26:08,400
つまり、何が起こっているか、本質的です。

457
00:26:08,400 --> 00:26:12,400
ユーザーがファイルを行くと拾っている間つまり、あなたのアプリケーションを凍結していない

458
00:26:12,400 --> 00:26:15,810
か何かは、Webからダウンストリーミングされている。

459
00:26:15,810 --> 00:26:17,210
UIが応答のまま。

460
00:26:17,210 --> 00:26:19,410
そして、あなたは、非同期プログラミングを使用することによってそれを行うことができます。

461
00:26:19,410 --> 00:26:23,620
それは途方もなく複雑に聞こえるが、あなたが約束を使っているので、それは本当に簡単です

462
00:26:23,620 --> 00:26:27,900
あなたは単に "これを行うに移動し、設定が完了したら、このメソッドにコールバック。」と言う

463
00:26:27,900 --> 00:26:30,270
つまり、かなりそれだ。つまり、WinJSのに組み込まれてすべてです。

464
00:26:30,270 --> 00:26:35,120
それは非常に簡単に、本当に柔軟で強力なアプリケーションを記述することになるだろう。

465
00:26:35,120 --> 00:26:37,870
>> あなたは、ここにアニメーションをたくさん残りを見ることができます。

466
00:26:37,870 --> 00:26:41,240
おそらくこのスライド上のより重要なことの一つは、コントロールです。

467
00:26:41,240 --> 00:26:44,680
私は、全体を持っていると思う - ええ、私はやる。

468
00:26:44,680 --> 00:26:48,900
ここでは、あなたのアプリケーションで使用できるコントロールのほんのいくつかの例を示します。

469
00:26:48,900 --> 00:26:51,060
これは、すべての真上WinJSのである。

470
00:26:51,060 --> 00:26:53,430
あなたはこれらの自分を書いていない、

471
00:26:53,430 --> 00:26:55,990
あなただけの「ここに私は自分のアプリケーションを構成する方法です。」と言う

472
00:26:55,990 --> 00:26:59,420
「私は別の画像間で行くことができますので、私はフリップビューを使用します。 "

473
00:26:59,420 --> 00:27:03,380
私はあなたにセマンティックズームを示していない。私は2番目にあなたのことを紹介します。

474
00:27:03,380 --> 00:27:05,700
リストビュー。のGridViewがあります。

475
00:27:05,700 --> 00:27:08,680
すでにStoreアプリケーションの一部としてグリッドを見てきました、

476
00:27:08,680 --> 00:27:12,170
従って、コンテンツのブロックを使用することができるし、その全体でのスクロール。

477
00:27:12,170 --> 00:27:15,660
フライアウトメニューは、あなたが時々表示されます。

478
00:27:15,660 --> 00:27:19,090
アプリバーは私だけでなく、新鮮なペイントアプリケーションであなたを示した

479
00:27:19,090 --> 00:27:22,190
だから、あなたがそれのボタンを置くことによってそれをカスタマイズする方法を見ました

480
00:27:22,190 --> 00:27:26,360
そしてあなたがそれを使用することを気にしないときには、離れて非表示にした。

481
00:27:26,360 --> 00:27:28,120
つまり、使用することを完全にあなた次第です、本当に。

482
00:27:28,120 --> 00:27:30,210
これらは、WinJSのの一部であるすべてのコントロールです。

483
00:27:30,210 --> 00:27:33,640
私はちょうど第二に、これらを作る方法を紹介しますが、ちょうどこれ以上はあり、

484
00:27:33,640 --> 00:27:37,060
そして重要なことは、必要であれば、それらを使用するいくつかの時間を節約である。

485
00:27:37,060 --> 00:27:40,830
>> あなたが使用したい他の制御ライブラリがある場合は、それもまったく問題ありません。

486
00:27:40,830 --> 00:27:46,300
jQueryのUIのようなものは、同様に考え、この種の多くを行う

487
00:27:46,300 --> 00:27:51,280
あなたは、HTMLとJavaScriptで何ができるかを拡張する複数のコントロールを提供する。

488
00:27:52,690 --> 00:27:55,680
私はすでにそれを言ったインチのダイビングしてみましょう。あなたが好きなものを使用してください。

489
00:27:55,680 --> 00:27:59,680
ちょうどあなたが、いくつかのコンテキストの問題に遭遇する可能性があることに留意してください。

490
00:27:59,680 --> 00:28:03,380
しかし、あなたは確かに、混ぜて、あなたがに慣れているライブラリのどんな種類を一致させることができます

491
00:28:03,380 --> 00:28:06,770
あなたは自分自身にいくつかの時間を節約するために、使用したい、学びたいと思っています。

492
00:28:06,770 --> 00:28:09,850
>> ちょうど第二のためのツールについてお話しましょう​​。

493
00:28:09,850 --> 00:28:12,400
あなたは、Windowsストアのアプリの使用を開始するために必要なものを得ることができます。

494
00:28:12,400 --> 00:28:17,360
私は外出している場合、私はここであまりにも多くのものを持っている。

495
00:28:17,360 --> 00:28:21,770
あなたはdev.windows.comでこのページにアクセスした場合は、

496
00:28:21,770 --> 00:28:23,300
あなたは必要なすべてをダウンロードすることができます。

497
00:28:23,300 --> 00:28:28,170
学生として、あなたは、一般の人が行うよりも多くにアクセスすることが

498
00:28:28,170 --> 00:28:30,670
これは、Visual Studioのハイエンドバージョンを取得することができます。

499
00:28:30,670 --> 00:28:34,090
エドウィンは、すでにだけでなく、Windowsのを得ることができます言及した。

500
00:28:34,090 --> 00:28:36,790
しかし、一般的には、すべての開発者のために、あなたは、このサイトに行くことができる

501
00:28:36,790 --> 00:28:40,380
あなたがアプリケーションを作るために必要なすべてをダウンロードし、それはすべて無料です。

502
00:28:40,380 --> 00:28:42,460
そうはVisual Studioの無料版があり、

503
00:28:42,460 --> 00:28:44,450
それのと一緒にインストールされ、いくつかのツールがあります - 

504
00:28:44,450 --> 00:28:47,240
アプリケーションを作成し、テストするために必要なすべてのもの。

505
00:28:47,240 --> 00:28:50,130
それはあなたが店にアプリケーションを構成公開するつもりだときにのみです

506
00:28:50,130 --> 00:28:52,470
あなたは開発者アカウントが必要になるだろうという。

507
00:28:52,470 --> 00:28:56,100
これも私は自由であると考えています。それは同様に学生のための無料ですか？ >> [Guarin]どっち？

508
00:28:56,100 --> 00:28:57,970
開発者アカウント、実際の提出。 >> [Guarin]はい。

509
00:28:57,970 --> 00:28:59,580
それは、より良いニュースだ。

510
00:28:59,580 --> 00:29:00,840
あなたはこれを見て行きます。

511
00:29:00,840 --> 00:29:03,840
それは49ドルのデフォルトによって、個々のために言うでしょう。

512
00:29:03,840 --> 00:29:06,140
しかし、学生として、そのためにサインアップしていない。

513
00:29:06,140 --> 00:29:10,250
私たちは、あなたが無料のアカウントを取得することができ、あなたのプログラムを通じて、あなたにいくつかの情報を取得します、

514
00:29:10,250 --> 00:29:13,980
それはあなたが右のストアにあなたの申請書を提出できるようになる、

515
00:29:13,980 --> 00:29:17,370
など好きなように多く、その良さのすべてがすぐに従います。

516
00:29:17,370 --> 00:29:19,710
だからdev.windows.comです。

517
00:29:19,710 --> 00:29:22,170
あなたはここから必要になる場合がありますツールをダウンロードすることができます。

518
00:29:22,170 --> 00:29:25,310
あなたが望むなら、あなたはここでは、Windowsの試用版を入手することができ、

519
00:29:25,310 --> 00:29:27,160
しかし、繰り返しになりますが、する必要はありません。

520
00:29:27,160 --> 00:29:32,880
>> 他のサイト - 私はすぐにあなたのためにこれを指摘してみましょうが -  design.windows.comです。

521
00:29:32,880 --> 00:29:34,770
それはdev.windows.comた。

522
00:29:34,770 --> 00:29:37,770
Design.windows.comは、あなたはそれがために何を推測することができます。

523
00:29:37,770 --> 00:29:40,380
それは実際にはかなり相性の良いサイトです。ここで良い情報がたくさんあり​​ます。

524
00:29:40,380 --> 00:29:41,770
あなたはそれを介して動作することができます。

525
00:29:41,770 --> 00:29:43,960
それはあなたにいくつかの事にいくつかのアドバイスを与えるために起こっている

526
00:29:43,960 --> 00:29:46,760
それ多分あなたは、約前と思ったりする前に対処する必要がありませんでした

527
00:29:46,760 --> 00:29:50,780
異なるフォームファクタのための設計、タッチのための設計のように、

528
00:29:50,780 --> 00:29:55,310
Windowsの8の機能のための設計、私は前に述べたもの

529
00:29:55,310 --> 00:29:58,740
検索と共有のように、私はまだ話をしていないいくつかのこと。

530
00:29:58,740 --> 00:30:05,570
彼らはすべてここに記載されている、それが役立つファイル·ページのかなり良いセットの

531
00:30:05,570 --> 00:30:08,670
それは、アプリケーションの特定の種類を作成する方法を理解するのに役立ちます、

532
00:30:08,670 --> 00:30:14,250
相互作用を行う方法を、どのように、アプリケーションのUIとUXに対処する。

533
00:30:14,250 --> 00:30:18,630
私は、あなたがいくつかの点である場合は特に、あなたはこれを見てとることをお勧めします

534
00:30:18,630 --> 00:30:22,960
ストアにアプリケーションを公開することを望んで。

535
00:30:22,960 --> 00:30:25,250
あなたは良いアプリケーションを作成する方法を知りたいとしている

536
00:30:25,250 --> 00:30:28,300
私はそうしないと前に述べたので、それらのレビューが再びあります。

537
00:30:28,300 --> 00:30:29,930
人々が不幸になるだろうしている。

538
00:30:29,930 --> 00:30:32,960
彼らは、彼らが適切な場所で期待のものを見つけることができません。

539
00:30:32,960 --> 00:30:36,590
誰もあなたに起こるためにことを望んでいる。

540
00:30:36,590 --> 00:30:39,220
>> ここに進めて、私はそれを閉鎖してみましょう。

541
00:30:39,220 --> 00:30:43,700
今、あなたはどこに事を得るために知っていることを、私は実際のものを使用して開始する方法を紹介します。

542
00:30:43,700 --> 00:30:48,520
開始するには、私は実際にここに私のスタート画面上のデスクトップアプリの例をお見せします。

543
00:30:48,520 --> 00:30:53,600
ここでは、Visual Studioは、あなたがブレンドし、私が持っている他の開発ツールを見ることができる見ることができます。

544
00:30:53,600 --> 00:30:55,890
彼らは、わずかに異なるタイルを持っている。

545
00:30:55,890 --> 00:30:57,930
彼らはデスクトップアプリケーションであるからだ、

546
00:30:57,930 --> 00:31:00,960
それらの場合、彼らはすべての私のデスクトップに戻って起動しようとしている

547
00:31:00,960 --> 00:31:05,350
実際には、あなたが慣れているアプリなど。

548
00:31:05,350 --> 00:31:06,960
ように、Windowsの経験は、それは同じことだ。

549
00:31:06,960 --> 00:31:12,940
彼らは武装したように、例えば、ではありません！またはこれらの事。私はすぐに1を起動してみましょう。

550
00:31:12,940 --> 00:31:14,340
実際に、ここで興味深い一つだ。

551
00:31:14,340 --> 00:31:19,210
これはNERDのパートナーシップで働い学生によって開発されました。

552
00:31:19,210 --> 00:31:23,430
フルスクリーンアプリケーション、ここでの経験、これらの種類。

553
00:31:23,430 --> 00:31:26,290
ああ、素敵なカット画面や面白いもののすべての種類。

554
00:31:26,290 --> 00:31:34,330
彼らはこれを開発した。我々はそれをしている間、我々としても、全部が表示されることがあります。

555
00:31:37,510 --> 00:31:41,070
実際、私は彼らと一緒に仕事を少し、彼らに物事にいくつかのアドバイスを与えた

556
00:31:41,070 --> 00:31:44,160
彼らは、アプリケーションのJavaScriptの設定をやっていたので。

557
00:31:44,160 --> 00:31:46,460
、私は自分の仕事のための信用を取っていないよください、彼らはすべての仕事をしてくれました。

558
00:31:46,460 --> 00:31:48,990
私はここにある彼らにアドバイスを少し与え、

559
00:31:48,990 --> 00:31:52,400
しかし、彼らにはJavaScriptのフロントエンドを使用して、いくつかの素晴らしいものでした

560
00:31:52,400 --> 00:31:56,920
この多くの仕事をするためにいくつかの物理エンジンとの事で同点。

561
00:32:00,120 --> 00:32:03,360
行く。それが動作するかどうか見てみましょう。

562
00:32:03,360 --> 00:32:07,010
うわー、それはまだ働いていた。良いすべての権利、。しかし、あなたのアイデアを得る。

563
00:32:07,010 --> 00:32:09,350
フルスクリーンのアプリ、本当に良い経験。

564
00:32:09,350 --> 00:32:14,250
私はそのようなものを持っているだけでなく、触れた場合にこれが私のマウスとペンだけでなく、支援している。

565
00:32:14,250 --> 00:32:19,420
私はタッチスクリーンを持っていた場合、私はちょうどその上に描画し、その作業を続けることができます。

566
00:32:19,420 --> 00:32:21,440
>> 一、私は示さなかったものであり、私はこれを育てていた理由

567
00:32:21,440 --> 00:32:23,840
私はあなたが何ができるかをお見せするために別のアプリを持っていると思っている、

568
00:32:23,840 --> 00:32:29,480
実際には、Windowsのアプリケーションを取得し、画面の端にドラッグすることができます。

569
00:32:29,480 --> 00:32:33,070
これは、アプリケーションのスナップと呼ばれています。

570
00:32:33,070 --> 00:32:37,800
この場合、私はInkarusを撮影したと私はこちら側にそれを追加しました。

571
00:32:37,800 --> 00:32:42,990
これは、スナップビューになりました、それはそのアプリケーションが存在している間、私は他の何かを行うことができます。

572
00:32:42,990 --> 00:32:46,210
あなたが見つけるほとんどのゲームは、単に一時停止します。

573
00:32:46,210 --> 00:32:51,090
あなたのゲームが何らかの形でスケールダウンすることができない限りは、通常は行うにはまともなことだ

574
00:32:51,090 --> 00:32:54,210
ボードゲームのかもしれないいくつかの種類のように、解像度の小さなへ

575
00:32:54,210 --> 00:32:55,620
または機会にそのようなこと。

576
00:32:55,620 --> 00:32:58,570
しかし、一般的には、最も簡単な方法やゲームのために行うための最も適切なもの

577
00:32:58,570 --> 00:33:00,620
アプリケーションを一時停止することです。

578
00:33:00,620 --> 00:33:09,440
ニュースのアプリのようなアプリケーションのために、私はこの1を起動してから、私はそれをスナップした場合、

579
00:33:09,440 --> 00:33:16,170
あなたはそれが実際にそれはあなたにデータを提示するのはどのように大きく変化がわかります。

580
00:33:16,170 --> 00:33:20,070
ここでは、その情報は本当により垂直鍋であなたを見せて、

581
00:33:20,070 --> 00:33:23,340
私はまだ絶対にアプリケーションを使用することができます。

582
00:33:23,340 --> 00:33:25,640
だから、まだ非常に便利です。

583
00:33:25,640 --> 00:33:29,870
それは小さい表示であるという事実は、そのアプリケーションを使用してから私を維持することはありません。だから考えてみてください。

584
00:33:29,870 --> 00:33:32,090
それはあなたのアプリケーションがある程度やる持っている必要があるものですが、

585
00:33:32,090 --> 00:33:35,370
それは、あなたのアプリはどうあるべきか、機能を決定するのはあなた次第です

586
00:33:35,370 --> 00:33:39,080
小さい環境の現物。

587
00:33:39,080 --> 00:33:44,780
私がダウンし、その1を閉じて、我々はここにいた場所に戻りましょう。

588
00:33:44,780 --> 00:33:48,110
>> エドウィンは、すでに私の写真を追加しました！ >> [Guarin]うん。 >> [ボウエン]という見なさい。

589
00:33:48,110 --> 00:33:51,510
それを参照してください？エドウィンは、写真を追加しました。 （笑）

590
00:33:51,510 --> 00:33:54,410
>> のは、Visual Studioにこっち戻りましょう。私はあなたのためにこれを起動してみましょう。

591
00:33:54,410 --> 00:33:58,170
私は、スタート画面にタイルをクリックした可能性があります。

592
00:33:58,170 --> 00:34:02,630
それが戻ってデスクトップモードに私を持ってきて、それは、Visual Studioのデスクトップアプリを起動だ。

593
00:34:02,630 --> 00:34:06,790
これはあなたが既に知っているWindowsのです。

594
00:34:06,790 --> 00:34:09,100
私が先に行くと、ここでプロジェクトを作成することができます。

595
00:34:09,100 --> 00:34:11,159
我々にはJavaScript、HTML上で再び焦点を絞ります。

596
00:34:11,159 --> 00:34:16,510
私は外出やJavaScript、Windowsストアの下でここまで選択するつもりだ。

597
00:34:16,510 --> 00:34:19,010
あなたが使用できるテンプレートの数があります。

598
00:34:19,010 --> 00:34:21,710
生産性のために、私はあなたがここにこれらの他のもののいくつかを見てみましょうお勧めします

599
00:34:21,710 --> 00:34:23,489
グリッドとスプリットのような。

600
00:34:23,489 --> 00:34:25,270
アプリケーションを作っているなら、彼らは本当に便利だ

601
00:34:25,270 --> 00:34:28,960
それは、デザインとナビゲーションのようなものを持っているつもりだ。あなたは、これらの多くが表示されます。

602
00:34:28,960 --> 00:34:33,070
私はあなたを示した1は、実際にはグリッドアプリケーションのインスタンスだった。

603
00:34:33,070 --> 00:34:36,880
だからあなたがニュースアプリやRSSリーダーを作ることになるだろうと思われる場合

604
00:34:36,880 --> 00:34:43,120
または[詳細を表示したいのですがどの用に複数のエントリを扱うことがそのような何か、

605
00:34:43,120 --> 00:34:45,989
すぐに開始するために、これらのテンプレートのいずれかを使用して考える

606
00:34:45,989 --> 00:34:48,380
そこからのカスタマイズ。

607
00:34:48,380 --> 00:34:50,120
しかし、単にので、私はあなたをここにすべての可動部品を表示することができます

608
00:34:50,120 --> 00:34:56,120
私は空白のアプリを作成するつもりだし、私たちは詳細を少し深く行くよ。

609
00:34:56,120 --> 00:34:58,690
私はここでその空白のアプリケーションを作ってるんだ。

610
00:34:58,690 --> 00:35:01,270
それは私のためにプロジェクト全体を作成するために起こっている。

611
00:35:01,270 --> 00:35:03,290
私は、デフォルトでお見せしたいものを開きます。

612
00:35:03,290 --> 00:35:08,550
私はちょうどここに私たちのために作成されているのかをお見せするために、少しズームインしてみましょう。

613
00:35:08,550 --> 00:35:11,350
あなたが最初に見ていくつもりです物事は、すべてデフォルトの名前が付けられます。

614
00:35:11,350 --> 00:35:15,970
だから、default.htmlの、にDefault.js、およびdefault.cssにのために見ていくつもりです。

615
00:35:15,970 --> 00:35:19,590
指摘して他の事は、我々はすでに、私は前に述べたものに参照を持っているということです。

616
00:35:19,590 --> 00:35:24,530
これはWinJSのです。誰も実際にここ、この長い名前、それを呼び出していません。

617
00:35:24,530 --> 00:35:27,710
それは、WinJSのは、JavaScript用Windowsライブラリです。

618
00:35:27,710 --> 00:35:29,530
あなたがそれを開くと、それがここですべてです見ることができます。

619
00:35:29,530 --> 00:35:31,820
別のCSSファイルがあると、JavaScriptがあります。

620
00:35:31,820 --> 00:35:33,520
それはあなたを助けるためにあります。

621
00:35:33,520 --> 00:35:37,190
これは、コントロールとスタイルとあなただけを自動的に使用できるものを提供するために実際にあります。

622
00:35:37,190 --> 00:35:41,240
しかし、再び、あなたはスタイリングや他のコントロールの面で代わりに使用したいものがあるなら、

623
00:35:41,240 --> 00:35:45,600
それは完全にあなた次第です。私は今、それらの物事のカップルを使用する方法を紹介します。

624
00:35:45,600 --> 00:35:51,020
>> 振り返って私たちの左手側に、私はあなたにデフォルトのHTMLページを表示してみましょう。

625
00:35:51,020 --> 00:35:54,490
すでにWinJSのものを見てきた、それが実際にそこに起こっていることがすべてです

626
00:35:54,490 --> 00:35:59,930
マークアップのそれらの中間線で、単にデフォルトでは、CSSを持ち込む

627
00:35:59,930 --> 00:36:02,370
そしてWinJSのからのJavaScriptファイルのカップル持ち込み。

628
00:36:02,370 --> 00:36:06,400
あなたは、これらのファイルの中に何が起こっているかのマスターである必要はありません。

629
00:36:06,400 --> 00:36:10,110
それはちょっとそこで起こっていることを確認するためにそれらを見てみることはかなり興味深いです

630
00:36:10,110 --> 00:36:14,410
かなり興味深い中間と高度な技術がそこにありますが起こっているので、

631
00:36:14,410 --> 00:36:18,100
しかし、良い点は、開発者として、あなたはちょうどそれらを使用し、それらを利用することができている

632
00:36:18,100 --> 00:36:19,510
そして実際にそれを心配する必要はありませ。

633
00:36:19,510 --> 00:36:21,960
あなたはまだ右、それがどのように動作するか知らなくても車を運転することができますか？

634
00:36:21,960 --> 00:36:24,180
だから、ここで起こっているもののようなものだ。

635
00:36:24,180 --> 00:36:26,930
あなただけ先に行くと、使用できるコントロールとスタイルとものがあります

636
00:36:26,930 --> 00:36:31,460
そしてあなたがそこに何があるか知らなくても、第二で使用できるコードです。

637
00:36:31,460 --> 00:36:33,200
ここに自分のファイルがあります。

638
00:36:33,200 --> 00:36:35,860
これらは、独自のCSSを変更することができ、あなたの場所である

639
00:36:35,860 --> 00:36:38,400
そして独自のJavaScriptは物事が転がり取得します。

640
00:36:38,400 --> 00:36:43,300
あなたは確かに他のJavaScriptファイルやおそらく他のCSSファイルを追加することができます

641
00:36:43,300 --> 00:36:47,480
あなたのプロジェクトとして成長が、これは実際には出発点です。

642
00:36:47,480 --> 00:36:52,570
ここでこんにちは、HTMLの世界と同等ですので、我々は戻ってbodyタグにいる。

643
00:36:52,570 --> 00:36:55,990
上部にある、ところで、HTML5のDOCTYPEです、

644
00:36:55,990 --> 00:37:00,060
だからあなたが取り組んできたものからそれを認識します。

645
00:37:00,060 --> 00:37:04,600
あなたはvideoタグ内の型のようなことを行うので、もし完全なIntelliSenseが、ここにもであります

646
00:37:04,600 --> 00:37:07,340
そのを展開し、おそらく事実を学んだ

647
00:37:07,340 --> 00:37:12,760
あなたは、HTML5のビデオタグのフォールバックのエンコーディングを行う必要があることを - または多分あなたが持っている - 

648
00:37:12,760 --> 00:37:17,490
異なるブラウザ、ビデオをサポートしていることを確認します。

649
00:37:17,490 --> 00:37:22,610
我々は、HTML全体では、JavaScriptを横断、CSSの間でこのようなことがあります。

650
00:37:22,610 --> 00:37:26,020
それは中の組み込まれている、と私はあなたが第二の[CSS紹介します。

651
00:37:26,020 --> 00:37:29,430
ここでは、先に行くと、コード、マークアップの変更を開始することができます。

652
00:37:29,430 --> 00:37:33,700
私は何かを変更する前に、実際には、私はこれを実行し、あなたが得るものをお見せするつもりです。

653
00:37:33,700 --> 00:37:35,700
あなたがカスタマイズすることができ、スプラッシュスクリーンを取得するつもりだ

654
00:37:35,700 --> 00:37:40,940
そして、あなたはこんにちは、ここでは世界の経験を得る。それは右、ファンタスティックだ？

655
00:37:40,940 --> 00:37:42,640
先に行くと、船という、ね？

656
00:37:42,640 --> 00:37:45,970
コンテンツがここに入ります。それは基本的なことだ。

657
00:37:45,970 --> 00:37:48,740
それだけで、そこから良くなることができます。

658
00:37:48,740 --> 00:37:51,300
我々は先に行くといくつかのものに追加します。

659
00:37:51,300 --> 00:37:53,470
私はここにコピーするつもりだマークアップを少し持っている

660
00:37:53,470 --> 00:37:55,740
ちょうどので、あなたが入力して、私を見てする必要はありません。

661
00:37:55,740 --> 00:38:02,620
私はここに、ツールボックスを持ち出す行こう、と私はこれを数回やっているだろうので、私はこれを固定します。

662
00:38:02,620 --> 00:38:05,650
あなたがコントロールの束を見つけるつもりだどこにツールボックスは、Visual Studioを見ていない場合には、ある。

663
00:38:05,650 --> 00:38:09,050
また、あなたが再利用できること、その中にコードスニペットを置くことができます。

664
00:38:09,050 --> 00:38:16,360
ここで私はいくつかの他のHTML、全くここにひどく先進何にポップします。

665
00:38:16,360 --> 00:38:20,170
それは私が私が入力できる入力を持っていると言ってただ基本的なHTMLですが、

666
00:38:20,170 --> 00:38:23,860
私はそれを提出することができ、ボタンを持っているし、私は基本的に、プレースホルダのDIVを持っている

667
00:38:23,860 --> 00:38:27,360
私は「こんにちは、これを入力します。」出力に使用することができます

668
00:38:27,360 --> 00:38:32,780
これはHTMLの例とイントロです。

669
00:38:32,780 --> 00:38:39,340
私はこれを実行すると、我々は自動的にHTMLを取得するが、我々はまた、自動的なスタイリングを得る。

670
00:38:39,340 --> 00:38:42,270
これはWinJSのからの重要なものの一つです。

671
00:38:42,270 --> 00:38:47,250
これはデフォルトでいくつか見てあなたを与える、それが本当に一致している感じになるだろう

672
00:38:47,250 --> 00:38:50,520
Windowsの8が何をしているかの残りの部分と。

673
00:38:50,520 --> 00:38:52,110
ここでは、ボタンのようなものを参照してください。

674
00:38:52,110 --> 00:38:55,890
HTMLで、デフォルトでボタンを押すと、そのようには見えませんが、ここにいます

675
00:38:55,890 --> 00:39:00,880
それが正しいWinJSの中で、そのCSSファイルからそのCSSを取得だから。

676
00:39:00,880 --> 00:39:04,680
あなたはそれを変更したい場合は、何か他のものを使用したい場合は、完全に罰金、

677
00:39:04,680 --> 00:39:06,790
先に行くと、あなたが好きなものを行う。しかし、それはデフォルトです。

678
00:39:06,790 --> 00:39:09,610
これは、ユーザーにとってより身近になるだろう。

679
00:39:09,610 --> 00:39:13,510
私は実際にコードの任意の種類を配線していなかったため、もちろん、これは何もしません

680
00:39:13,510 --> 00:39:16,630
それに応答します。それはちょうどHTMLのだった。

681
00:39:16,630 --> 00:39:20,630
だから私はそれを取り除くことができ、我々は戻って私たちのアプリケーションに来る。

682
00:39:20,630 --> 00:39:25,310
>> 私たちにDefault.jsに切り替えるましょう。

683
00:39:25,310 --> 00:39:29,030
これはかなり複雑に見えますが、それはあなたのためだけにいくつかのことをやっている。

684
00:39:29,030 --> 00:39:33,120
それが決まり文句だ。これは、すべてのプロジェクトで同じになるだろう。

685
00:39:33,120 --> 00:39:36,620
これが何をしている唯一のものは、だけの種類、求めている "どのように私はここに来たの？"

686
00:39:36,620 --> 00:39:39,090
そして「あなたが初めてこのアプリを起動している？ "、と言って

687
00:39:39,090 --> 00:39:42,640
"あなたはそれが中断されて持っていることから、アプリを再開していますか？"

688
00:39:42,640 --> 00:39:44,510
そのような物事のカップル。

689
00:39:44,510 --> 00:39:50,300
本当に、ここにこのファイルへの注力は、ここで約権利である。

690
00:39:50,300 --> 00:39:54,490
この時点では、この1行のコードはかなり重要です。

691
00:39:54,490 --> 00:39:57,070
それは実際に行くと、マークアップのすべてに目を通すために起こっている、

692
00:39:57,070 --> 00:40:01,640
それはあなたがコントロールになっているように求めてきたものを見つけるために起こっている、

693
00:40:01,640 --> 00:40:07,220
フライアウトのようなグリッドビューのような評価·コントロールのような深いコントロール、、

694
00:40:07,220 --> 00:40:09,570
そして、私はその前にスライドにお見せしたもの、他のもの。

695
00:40:09,570 --> 00:40:12,550
彼らは、ネイティブのHTMLコントロールではないね。

696
00:40:12,550 --> 00:40:17,860
あなただけの要素としてフライアウトを言うと、それが何をすべきかを知っている必要はありません。

697
00:40:17,860 --> 00:40:22,120
私たちが実際に行うと、コントロールフレームワークの他の種類の中で起こる同じことである。

698
00:40:22,120 --> 00:40:26,200
jQueryのUIは、一般的なアプローチと同じ種類を行います。

699
00:40:26,200 --> 00:40:30,800
あなたは、あなたのHTMLでマーキングを使用してから、いくつかのJavaScriptは、後に伝わってくると言う

700
00:40:30,800 --> 00:40:35,900
"ああ、私はそれが何であるかを知っている。それはこのようなものに変えられるように、このを求めだ」

701
00:40:35,900 --> 00:40:39,850
これは、評価コントロールのようにするほか、より表現のHTMLです

702
00:40:39,850 --> 00:40:41,790
これは、私は今あなたを紹介するものです。

703
00:40:41,790 --> 00:40:46,140
このコード行は、この約束が満たされると、「言っている約束で、

704
00:40:46,140 --> 00:40:49,090
「あなたが求めてきましたすべてはそれから作成されました。 "

705
00:40:49,090 --> 00:40:52,780
そして、それはこれだけです。それは少し複雑に見えますが、それは実際にすべてのプロジェクトで同じです。

706
00:40:52,780 --> 00:40:56,690
あなたが起こるようにしたい、他のどのようなに追加を開始できる場所ダウンここで、

707
00:40:56,690 --> 00:40:58,280
私たちは、第二にバックアップすることに来る。

708
00:40:58,280 --> 00:41:01,480
>> まず第一に、私が実際に応答することができるコードのビットを必要とする

709
00:41:01,480 --> 00:41:03,320
誰かがボタンをクリックしたこと。

710
00:41:03,320 --> 00:41:06,330
私が先に行くとダウン、ここでそれを置くつもりです。

711
00:41:06,330 --> 00:41:09,620
繰り返しますが、私はここであなたの目の前に任意の入力を行うつもりはありません。

712
00:41:09,620 --> 00:41:12,560
非常に基本的なJavaScriptはちょうどこのが呼び出されたときに言って

713
00:41:12,560 --> 00:41:15,270
我々は我々がここに来た方法についてのいくつかの詳細を提供することになるだろう

714
00:41:15,270 --> 00:41:17,630
そして、我々はいくつかの基本的なことをやろうとしている。

715
00:41:17,630 --> 00:41:21,300
nameInput名前は私のHTMLページに事を探しに行く、

716
00:41:21,300 --> 00:41:28,490
それをつかむ、その前にその値、平手打ち "Hello"を取り、スティック、その結果の文字列

717
00:41:28,490 --> 00:41:31,960
それは本当に前には何も持っていなかったの前に我々が持っていたことをdivタグに変換する。

718
00:41:31,960 --> 00:41:37,220
今、私たちは、そのタグを検索し、その文字列への内部の内容を等しくするつもりだ。

719
00:41:37,220 --> 00:41:38,880
非常に簡単なJav​​aScript。

720
00:41:38,880 --> 00:41:42,240
うまくいけば、ここで起こって珍しいものは本当にありませんことを認識しています。

721
00:41:42,240 --> 00:41:45,360
それはここだけで、普通のHTMLとJS次第です。

722
00:41:45,360 --> 00:41:48,220
私は今、これを実行すると、私はそれを有線していないので、それはまだすべての作業をするつもりはない

723
00:41:48,220 --> 00:41:50,030
イベントを受信する。

724
00:41:50,030 --> 00:41:55,710
そのためには、私は、再び私のツールボックスに戻って、右ここことをやる

725
00:41:55,710 --> 00:41:58,730
ここでそれをポップする。

726
00:41:58,730 --> 00:42:03,060
私はあなたが前にもののすべてのこの種のを見てきました期待してたので、私はそれを過剰に説明しません。

727
00:42:03,060 --> 00:42:05,060
今、私たちはhelloButtonを取りに行くつもりだ。

728
00:42:05,060 --> 00:42:07,730
私たちは、言うつもりだ」ボタン、おめでとうございます。 "

729
00:42:07,730 --> 00:42:10,130
「ここでは、今に応答しているイベントです。 "

730
00:42:10,130 --> 00:42:13,420
「誰かがあなたをクリックすると、この機能、buttonClickHandlerを呼び出します。 "

731
00:42:13,420 --> 00:42:17,070
そして、それは我々だけであり一番下にある右下の追加という機能だ。これだけです。

732
00:42:17,070 --> 00:42:20,980
だから今我々は、驚くほど機能的なアプリケーションを持っている。

733
00:42:20,980 --> 00:42:24,720
私は本当にこの感銘を受けると思います。

734
00:42:24,720 --> 00:42:32,320
クリス。それを待つ。うわー。大丈夫。それは驚くべきことだ。 （笑）

735
00:42:32,320 --> 00:42:36,570
しかし、それだけではありません。まだそれを購入しないでください。待つ。

736
00:42:36,570 --> 00:42:39,610
>> 私はもっ​​とここを少し示して、フルスクリーンから出てみましょう。

737
00:42:39,610 --> 00:42:42,690
我々は実行する前に歩くつもりだ。

738
00:42:42,690 --> 00:42:45,530
私はCSSであなたに少しショーで、実際に行ってみましょう。

739
00:42:45,530 --> 00:42:49,480
ただ、デフォルトでは、我々はこちらのページを振り返ってみると、

740
00:42:49,480 --> 00:42:53,570
、我々は、WinJSのからこれらの事に引かれ、我々は、UIの明暗を得たときはいつでも

741
00:42:53,570 --> 00:42:58,550
実際には、光照射を使用するためのデフォルトに変更することができます。

742
00:42:58,550 --> 00:43:03,450
UI-ダークは、写真をたくさん使っているようグラフィックアプリケーションに適しています

743
00:43:03,450 --> 00:43:05,740
あなたはビジュアルコンテンツの多くを見せている。

744
00:43:05,740 --> 00:43:12,560
あなたはテキストコンテンツをたくさん見せている場合は、UI-光は、一般的に良い選択です。

745
00:43:12,560 --> 00:43:15,160
あなたはそれを選択する必要はありませんが、私はそれに切り替えた

746
00:43:15,160 --> 00:43:17,690
そして今、あなたは同じマーク、同じすべてのものを見ている、

747
00:43:17,690 --> 00:43:20,320
それはちょうどここに、基本的に反転したスキームを使っている

748
00:43:20,320 --> 00:43:24,770
すべてが白にはブラックのテキストを作っているところ。

749
00:43:24,770 --> 00:43:26,460
それはすべてが順調と良いです。

750
00:43:26,460 --> 00:43:30,680
私がここを取得しましょう​​、とのは実際にはCSSでもう少し頂きます。

751
00:43:30,680 --> 00:43:34,830
私はそれが画面上に表示する方が簡単だと思うので、私は暗闇の上に戻ってあげるよ

752
00:43:34,830 --> 00:43:36,970
私はこれらのことをやって起動するとき。

753
00:43:36,970 --> 00:43:40,150
私は身体をもう一度交換するつもりです。

754
00:43:40,150 --> 00:43:44,040
私はここに行きます。私は、これを核攻撃しましょう​​。

755
00:43:44,040 --> 00:43:48,690
それではクラスで体を持ち込むましょう。

756
00:43:48,690 --> 00:43:53,000
私はあなたがCSSとすでにそのようなことで、基本的なセレクタをやったと信じて、

757
00:43:53,000 --> 00:43:55,380
だから、おそらく、ここで何が起こっているか知っています。

758
00:43:55,380 --> 00:43:59,250
ちょうど私たちのヘッダにいくつかのクラスの割り当て、我々は新しいDIVを作成している

759
00:43:59,250 --> 00:44:04,430
我々は今、すべて一緒にスタイル設定に使用できるものの残りの部分をラップする。

760
00:44:04,430 --> 00:44:07,760
それでは、私が今できることは、私たちのデフォルトのCSSに行くです。

761
00:44:07,760 --> 00:44:11,900
まだメディアクエリを見たことがありますか？あなたがすべてでそれについて話をしている？

762
00:44:11,900 --> 00:44:17,220
メディアクエリは​​、この緊急のトレンドの一部である - 

763
00:44:17,220 --> 00:44:19,660
または、Web上で今実際に確立傾向だ - 

764
00:44:19,660 --> 00:44:22,760
応答性の設計または適応のため、

765
00:44:22,760 --> 00:44:28,480
とアイデアは、アプリケーションが実際に適切に自分自身を調整することができますということです

766
00:44:28,480 --> 00:44:31,910
彼らは上に表示されているデバイスは何ができるかに基づいて。

767
00:44:31,910 --> 00:44:35,040
あなたがモバイルデバイスにしているのであれば、明らかにあなたは、できるだけ多くの画面の不動産を持っているつもりはない

768
00:44:35,040 --> 00:44:41,520
あなたは大きな30インチのモニターにデスクトップと座ってますように、そのような大きなパソコン。

769
00:44:41,520 --> 00:44:46,710
だから古い答えは同じページの5、6異なるバージョンを持っているだろう

770
00:44:46,710 --> 00:44:51,350
あなたは、その特定のサイズの画面用に調整されたバージョンを開くと思います。

771
00:44:51,350 --> 00:44:55,420
素晴らしいではありません。それは非常に、非常に反復的だし、それを行うためのメンテナンスのトンがあります。

772
00:44:55,420 --> 00:44:58,120
今、私たちは、CSSメディアクエリと呼ばれるものを持っている、

773
00:44:58,120 --> 00:45:02,530
そして我々は特定のサイズがあるときに自動的に検出するために、これを使用することができます

774
00:45:02,530 --> 00:45:07,030
またはコンテンツの特定の使用が行われて。

775
00:45:07,030 --> 00:45:09,580
だから、それに応えることができますし、この場合は、大丈夫」と言うことができます

776
00:45:09,580 --> 00:45:12,580
「あなたは多分、私がここで何が起こっていることを伝える必要はありません。 "

777
00:45:12,580 --> 00:45:18,020
私が前にお見せしたようにこれは単に、このアプリケーションがスナップされている場合言っている - 

778
00:45:18,020 --> 00:45:20,830
それをつかんで、画面の横にそれを置く - 

779
00:45:20,830 --> 00:45:23,910
その後の、次のスタイリングをしてみましょう。

780
00:45:23,910 --> 00:45:25,850
スタイリングは、まさにそのような色やものではありません。

781
00:45:25,850 --> 00:45:29,860
それは、コンテンツのサイズと余白とパディングや向きについてもだ

782
00:45:29,860 --> 00:45:34,040
あるいはあなたのページの全体の一部を無効にしたり有効にする

783
00:45:34,040 --> 00:45:36,420
そして、この場合には、同様にあなたのアプリやゲーム。

784
00:45:36,420 --> 00:45:39,210
だからここにあなたが好きなように単純に行うことができます。

785
00:45:39,210 --> 00:45:46,720
これはあなたのアプリケーションで有用ではないでしょうが、それはデモの時間です、

786
00:45:46,720 --> 00:45:50,530
だから私は先に行くと、ちょうど基本的なボディセレクタに追加し、言うつもりです

787
00:45:50,530 --> 00:45:58,360
「私はスナップだときに、のは先に行くと、背景色をして、のが何かを選ばせてみましょう。 "

788
00:45:58,360 --> 00:46:00,400
あなたがここにインテリセンスを持っている。これは実際には本当にクールです。

789
00:46:00,400 --> 00:46:05,720
2012年には、CSSのサポー​​トとJavaScriptとHTMLのために多くのものを追加しました。

790
00:46:05,720 --> 00:46:08,690
もちろん、あまりにもドロップダウンのIntelliSenseを持っているが、それはクールなことではありません。

791
00:46:08,690 --> 00:46:11,730
クールなことは、あなたにも多くのもののために視覚的なセレクタを持っている。

792
00:46:11,730 --> 00:46:14,120
で登録して、通過する可能性があり、単に色を選択

793
00:46:14,120 --> 00:46:17,580
またはあなたが外に出て、さらに具体的に、あなたが選択することができますことができます - 

794
00:46:17,580 --> 00:46:22,330
これはひどいことになるだろう。私は実際にここにまともな色を選択します。

795
00:46:22,330 --> 00:46:26,500
ところで、あまりにもマークアップを見て。つまり、そこにあなたのRGBの標準フォーマットです。

796
00:46:26,500 --> 00:46:30,780
私は不透明度を切り替える場合しかし、それはここアルファチャンネル選択に切り替えるだろう。

797
00:46:30,780 --> 00:46:36,910
だから、そのためにその、あなたが持っている本質％の透明度で色を見ることができます

798
00:46:36,910 --> 00:46:38,860
すべてがすぐそこで焼いた。

799
00:46:38,860 --> 00:46:42,530
私は私はすべてが順調と良いですが、それと終わりだときに100パーセントとして、それを維持したいと思います。

800
00:46:42,530 --> 00:46:46,160
今、私はアプリを実行し、我々はアプリを取り、我々はそれをスナップした場合、

801
00:46:46,160 --> 00:46:49,000
その背景色が自動的に調整されている

802
00:46:49,000 --> 00:46:53,410
我々は、述べていますいくつかのCSSを持っていくだけなので、「それをする行くの。 "

803
00:46:53,410 --> 00:46:55,580
また、それは同じことを行いますあまりにJavaScriptを書くことができます

804
00:46:55,580 --> 00:47:03,010
またはあなたが実際にゲームを一時停止するために使用することができること、そのようなことを行う。

805
00:47:03,010 --> 00:47:04,310
あなたは、JavaScriptを使用したいときには、おそらくです。

806
00:47:04,310 --> 00:47:06,610
あなたはその時点でゲームループを解除していました。

807
00:47:06,610 --> 00:47:09,970
それはあなたがのCSSと何かされないため、いくつかのJavaScriptが必要になります。

808
00:47:09,970 --> 00:47:11,760
しかし、それだけで、イベントのを覚えておいてください。

809
00:47:11,760 --> 00:47:14,860
あなたは、私のアプリケーションのサイズが変更されると、「言うことができる

810
00:47:14,860 --> 00:47:17,780
「我々がスナップしている場合を見てみましょう。 "そして、それはこれだけです。

811
00:47:17,780 --> 00:47:24,440
>> 大丈夫？私は多くのことを話してきました。これまでのところ、我々がどこにあるかに関する質問はありますか？うん。

812
00:47:24,440 --> 00:47:29,310
[学生]誰もがより多くの情報を得るためにするためのチュートリアルはありますか？ >>うん。

813
00:47:29,310 --> 00:47:33,510
質問はこれのためのチュートリアルがあり、ある？私はすべてにそれを拡張します。

814
00:47:33,510 --> 00:47:37,490
あなたがに行くことができるいくつかあります。それでは、実際にここから出ましょう。

815
00:47:37,490 --> 00:47:40,150
私はここに戻りましょう。

816
00:47:40,150 --> 00:47:45,180
指摘すべき点は、Visual Studio自体が内蔵してチュートリアルを持っている

817
00:47:45,180 --> 00:47:47,650
私は、このを取り除くましょう。

818
00:47:47,650 --> 00:47:51,520
あなたが行くと、新しいプロジェクトを作成すると、ないファイル、新規プロジェクト、

819
00:47:51,520 --> 00:47:56,750
そして左側に見える、このセレクタでのオンラインノードがあります。

820
00:47:56,750 --> 00:47:59,790
それは少しを取るつもりだ。私はここに私のMyFiによ。

821
00:47:59,790 --> 00:48:02,300
しかし、それは出てくるだろうし、それは私のテンプレートを見つけるためにチャンスを与えるために起こっている

822
00:48:02,300 --> 00:48:05,190
だけでなく、より重要なのは、サンプルも同様。

823
00:48:05,190 --> 00:48:06,750
だから私はJavaScriptにクリックすることができます。

824
00:48:06,750 --> 00:48:10,050
それは私のためのサンプルを見つけるために起こっている。私の解決はここに道高い。

825
00:48:10,050 --> 00:48:15,070
通常は、ここでは異なる多くのものの一覧が表示されます。

826
00:48:15,070 --> 00:48:18,280
あなたは試してみたいものがあれば、言語を選択し、

827
00:48:18,280 --> 00:48:20,970
ここではJavaScript、および言う「私は、ジオロケーションを行う方法を知りません。 "

828
00:48:20,970 --> 00:48:22,220
「私は、ファイルを開く方法を知りません。 "

829
00:48:22,220 --> 00:48:25,840
「私は、ウェブカメラを利用する方法がわからない

830
00:48:25,840 --> 00:48:28,290
」またはタッチまたはそのようなもののために最適化します。 "

831
00:48:28,290 --> 00:48:33,190
すべてのためのサンプルがあります：共有、検索、アプリのバー、

832
00:48:33,190 --> 00:48:37,520
サービス、JSON文字エンコーディングへのリモート呼び出しを行う。

833
00:48:37,520 --> 00:48:40,390
物事のすべての人々がここにのためのサンプルがあります、

834
00:48:40,390 --> 00:48:44,560
彼らは離れて引っ張って一晩中お連れしようとしている巨大なサンプルじゃない

835
00:48:44,560 --> 00:48:46,820
ただ一つのことは、あなたが学びたいと思ったことがわかります。

836
00:48:46,820 --> 00:48:49,870
彼らは本当に良いね。彼らは右のサンプルのポイント種類の、小さなだ。

837
00:48:49,870 --> 00:48:52,330
私はこれらを通して自分自身を行くことによってトンを学んできた、

838
00:48:52,330 --> 00:48:55,260
そして私は一つのこととして、その多くをお勧めします。

839
00:48:55,260 --> 00:49:01,750
>> あまりにも指摘するもう一つは、私はあなたにdev.windows.comを示したことは勿論である、

840
00:49:01,750 --> 00:49:07,490
あなたが戻ってそれに行くのであれば、ここでのサンプルもあります一番下に表示されます。

841
00:49:07,490 --> 00:49:12,560
だから、一度にそれらのすべてをダウンロードすることができますが、ここでは他の多くの資源があまりにもあります

842
00:49:12,560 --> 00:49:14,400
つまり、速度まで得るのを助けることができます。

843
00:49:14,400 --> 00:49:17,870
>> もうひとつ、と私は本当にあなたがこれを試してみることをお勧めします、

844
00:49:17,870 --> 00:49:24,510
私は自分のブログにそれを持っているが、私はちょうどそれに行くよ。

845
00:49:24,510 --> 00:49:28,220
私はあなたに紹介しま​​す。私のブログには、リソースとそのようなものを持っています。

846
00:49:28,220 --> 00:49:35,300
指摘すべきことの一つは、まさにここにこの事である：あなたのアイデア。アプリ。 30日間。

847
00:49:35,300 --> 00:49:40,960
あなたがこれをクリックすると、それは本当に役立つサイトに連れて来るために起こっている。

848
00:49:40,960 --> 00:49:44,650
これはご想像よりもはるかに便利です。

849
00:49:44,650 --> 00:49:49,040
これは、基本的にはヒントとテクニックを取得することができ、コンテンツの30日になるだろう

850
00:49:49,040 --> 00:49:51,990
あなたはアプリを作成しているとして、そのプロセスを通して。

851
00:49:51,990 --> 00:49:55,980
あなたが期待していない可能性があると、実際にはあまりにもゲームのためにそれを得ることができます

852
00:49:55,980 --> 00:49:57,840
と電話のアプリでは、そのようなもの。

853
00:49:57,840 --> 00:50:01,000
だから基本的には、それにサインアップし、彼らはあなたのためのヒントやコツを送ることになるだろう

854
00:50:01,000 --> 00:50:03,010
「あなたはこのことについて考えたことがありますか？あなたはスナップをサポートしていますか？ "

855
00:50:03,010 --> 00:50:04,900
「ここによくそれを行う方法についてのガイドラインをいくつか示します。 "

856
00:50:04,900 --> 00:50:07,440
「あなたが店に提出する考えたことはありますか？ "

857
00:50:07,440 --> 00:50:09,370
「あなたがあなたのアプリケーションを販売しようとしているかについて考えたことがありますか？ "

858
00:50:09,370 --> 00:50:11,490
それはすべてのこれらの様々な事柄を歩くだろう。

859
00:50:11,490 --> 00:50:13,380
そして実際に、あなたがゲームの軌道に乗っている場合、いくつかの点で

860
00:50:13,380 --> 00:50:17,010
あなたがあなたに話している人を認識することから始めましょう

861
00:50:17,010 --> 00:50:22,850
私は実際にそこにものと記録された2ビデオを行うRedmintに行く必要があったからです。

862
00:50:22,850 --> 00:50:25,240
しかし、それはすべてのゲームのトラックの一部ですが、

863
00:50:25,240 --> 00:50:27,650
一般的なアプリケーション開発のためのフルトラックもあります。

864
00:50:27,650 --> 00:50:29,380
それは世代のAppと呼ばれています。

865
00:50:29,380 --> 00:50:33,460
私は間違いなく、サンプルに加えて、同様にあなたにそれを推薦する。

866
00:50:33,460 --> 00:50:38,110
>> だけでなく、チャンネル9と呼ばれるサイトに動画がたくさんあり​​ます。

867
00:50:38,110 --> 00:50:42,790
それはおそらく我々がここに移動する前に、私もお勧めします最後のことだ。

868
00:50:42,790 --> 00:50:45,280
Channel9.msdn.com。

869
00:50:45,280 --> 00:50:48,880
あなたはホワイトペーパーのトンを通読するつもりはないので、これは素晴らしいです。

870
00:50:48,880 --> 00:50:53,880
それは基本的にポイントに正しいビデオ、スクリーンキャストと多くのことです。

871
00:50:53,880 --> 00:50:57,940
私はそれが常にポイントへの権利だと言うべきではありません。それは話をしている人によって異なります。

872
00:50:57,940 --> 00:51:02,290
しかし、一般的には、いくつかの本当にツー·ポイントの動画はこちらあります

873
00:51:02,290 --> 00:51:06,230
それはあなたが習得したり、デモを参照したい場合がありますいくつかの特定のものが表示されます。

874
00:51:06,230 --> 00:51:11,110
数週間前に起こった私たちの会議からの私達のすべてのコンテンツもあります

875
00:51:11,110 --> 00:51:14,380
ビルドと呼ばれ、あなたはすぐそこにいることが表示されます。

876
00:51:14,380 --> 00:51:18,450
Windows 8のゲームのためのコア技術があります。そこに行く。

877
00:51:18,450 --> 00:51:23,150
私は実際にありました。あなたは私を見ることはできません。私はここを超えていた。

878
00:51:23,150 --> 00:51:27,560
しかし、いずれにせよ、それはさておき、私はあなたがこれらのビデオを見てみることをお勧めします。

879
00:51:27,560 --> 00:51:29,330
彼らはかなり便利だ。

880
00:51:29,330 --> 00:51:32,620
あなたが何かに引っかかったり、あなただけ何かが何ができるかを確認したい場合は、それらを起動。

881
00:51:32,620 --> 00:51:36,890
>> [Guarin] Windowsメールは、単にコンテンツへのリンクを私にメールを送っ

882
00:51:36,890 --> 00:51:42,140
学生はそのようなサンプル·コードとスタッフとダウンロードするための。 >> [ボウエン]グレート。

883
00:51:42,140 --> 00:51:45,510
素晴らしい。 、エドウィン、ありがとうございました。

884
00:51:45,510 --> 00:51:48,320
>> グッド。 >> [学生]私は質問があります。 >> [ボウエン]ああ。してください、うん。

885
00:51:48,320 --> 00:51:55,030
[聞こえない学生の質問] >> [ボウエン]ああ、私はあなたがそれを聞いてうれしい。はい。

886
00:51:55,030 --> 00:51:58,940
問題は、私は物事を作成するためのビジュアルインタフェースがあり、でしたか？

887
00:51:58,940 --> 00:52:01,630
エドウィンは、その質問のために気前よくあなたの報酬を授与致します。

888
00:52:01,630 --> 00:52:04,310
これを行う方法があります。

889
00:52:04,310 --> 00:52:09,040
我々は今それをすべきか？それではやってみましょう。

890
00:52:09,040 --> 00:52:11,780
私は今それに行くつもりです。

891
00:52:11,780 --> 00:52:14,070
実際に、私は、このデモにもう一つに追加してみましょう、

892
00:52:14,070 --> 00:52:16,710
そして私はあなたに、実際の答えを紹介します。

893
00:52:16,710 --> 00:52:21,340
私はここで、もう少しCSSで追加するつもりだった。

894
00:52:21,340 --> 00:52:23,980
私はここで接線に少しオフだった。

895
00:52:23,980 --> 00:52:26,770
活用するために私はここでいくつかのCSSを入れてみよう

896
00:52:26,770 --> 00:52:29,980
我々は少し前追加されたクラスの、

897
00:52:29,980 --> 00:52:33,930
ヘッダに、mainContentのdivにしてから、greetingOutputする。

898
00:52:33,930 --> 00:52:37,920
私はそれを行うと、それを実行した場合、あなたは今、私たちは少し違うのパディングとマージンを持って見ることができます

899
00:52:37,920 --> 00:52:40,310
ので、ここでは、実際にいくつかのオフセットを持つ。

900
00:52:40,310 --> 00:52:44,630
これらは、最終的な洗練されたアプリケーションに期待しようとしているものに対してよりです。

901
00:52:44,630 --> 00:52:47,770
それはまっすぐに、CSS次第ですので、しかし、私はあなたにこれを示しています。

902
00:52:47,770 --> 00:52:51,910
だから、あなたが既に知っている事は、あなたが望むようにコンテンツを調整するために、ここで使用することができます。

903
00:52:51,910 --> 00:52:55,100
あなたはすでにそのように外の背景の変更を行う方法を見てきました。

904
00:52:55,100 --> 00:53:02,980
>> 私は戻って私たちのHTMLに出かけるなら、私は、マークアップの1以上のセットに追加するつもりだ

905
00:53:02,980 --> 00:53:06,140
これは実際にWinJSのからの制御であることを行っている。

906
00:53:06,140 --> 00:53:09,840
私が行くと、このラベルをつかむつもりだ。私は右の場所でそれをやっていることを確認してみましょう。

907
00:53:09,840 --> 00:53:11,740
十分におそらく良い。

908
00:53:11,740 --> 00:53:15,590
ここで私はちょうど追加した - そしてあなたが全部を見ることができるように、我々はフルスクリーンに行くよ - 

909
00:53:15,590 --> 00:53:18,520
私は次のdivのラベルを追加しました。

910
00:53:18,520 --> 00:53:20,890
DIVはratingControlDivと呼ばれています。

911
00:53:20,890 --> 00:53:23,090
それ自体では、それは何もしません。

912
00:53:23,090 --> 00:53:28,570
ブラウザでこれを開くと、DIV自体、空白を見ていると思います。

913
00:53:28,570 --> 00:53:31,820
しかしので私が前にお見せしたコードのその神秘的なライン、

914
00:53:31,820 --> 00:53:35,650
すべてのプロセスは、それは次のようになります。何かを探すために起こっている - 

915
00:53:35,650 --> 00:53:40,380
データ·ウィン·コントロール - そしてそれは、そのパラメータにあるものを見つけるために起こっている。

916
00:53:40,380 --> 00:53:44,560
それは、それが指しているされているものというのインスタンスを作ることになるだろう。

917
00:53:44,560 --> 00:53:48,850
この場合には、定格制御なので、私はこの事を行って、交換してください」と言っています

918
00:53:48,850 --> 00:53:51,400
「何を使用すると、評価制御を行うために実行する必要があります。 "

919
00:53:51,400 --> 00:53:56,610
それが反転制御することができ、それが進行リングまたは任意のコントロールは、使用する可能性があります。

920
00:53:56,610 --> 00:53:59,390
それらはすべて基本的に同じように動作するようになるだろう。

921
00:53:59,390 --> 00:54:02,920
あなたは何をしたい示すために、標準的なHTML5のマークアップを使用している、

922
00:54:02,920 --> 00:54:07,670
そして、あなたはこれを最後に制御を取得するつもりだ。私はこれを実行してみましょう。

923
00:54:07,670 --> 00:54:12,270
、私はちょうどそれをコピーされた、そして今、そのマークアップは、このになる

924
00:54:12,270 --> 00:54:15,280
実際にHTML要素のかなりの数である。

925
00:54:15,280 --> 00:54:18,440
これらはすべて、個々の画像であり、セレクタとその周りのdiv要素があります。

926
00:54:18,440 --> 00:54:22,610
うまくいけば、あなたはそれを見ることができます。それは少し微妙だ。

927
00:54:22,610 --> 00:54:27,380
私は別の項目にカーソルを合わせることができ、そしてそれは私がここでの評価を見ることができるようになるだろう。

928
00:54:27,380 --> 00:54:31,560
私は、それをクリックすることができ、それが評価を記憶していますが、それはそれについてです。

929
00:54:31,560 --> 00:54:33,100
それは実際に評価して何もしてないです。

930
00:54:33,100 --> 00:54:35,230
>> 私はこれをお見せしたい1最後の事

931
00:54:35,230 --> 00:54:37,820
我々はより多くの視覚的なデザイン体験に切り替える前に、

932
00:54:37,820 --> 00:54:42,680
私はこれらのWinJSのコントロールに応答するために使用できるコードの少しです。

933
00:54:42,680 --> 00:54:47,540
私は戻ってフルスクリーンのうち、そこから取得してみましょう、

934
00:54:47,540 --> 00:54:52,690
第二のためにここのJSに切り替える。

935
00:54:52,690 --> 00:54:57,450
私はここでこの権利を行うことができます。私はこの全体のことを置き換えると思います。

936
00:54:57,450 --> 00:55:03,080
実際に、私はそれはそれのすべてを置き換えると思いますが、私たちは一緒に見ていきます。

937
00:55:03,080 --> 00:55:07,350
私はここでこれをあげるよ。うん。私もこれを削除するつもりです。

938
00:55:07,350 --> 00:55:11,790
私は何を追加しましたか？それは多くのように見えます。それは多くはありません。

939
00:55:11,790 --> 00:55:14,920
私はちょうど、私はすでに前の話コード行を拡張

940
00:55:14,920 --> 00:55:18,590
と私はすべての私のコントロールが行われているとき、すべてが完了すると、「言っている、

941
00:55:18,590 --> 00:55:23,660
「それから、これを行う。」それでは完成と呼ばれるこの機能を実行します。

942
00:55:23,660 --> 00:55:27,080
この場合、これはあなたが把握することができますものです。

943
00:55:27,080 --> 00:55:29,040
そのDIVコントロールを探しに行く。

944
00:55:29,040 --> 00:55:30,790
実際に、私が指摘しなければならない一つのことがあります。

945
00:55:30,790 --> 00:55:35,630
その次の行は、実際には "私はそのratingControlDivを持っている。」と言っている

946
00:55:35,630 --> 00:55:39,770
「私はそれが本当の制御、WinJSのコントロールであるかのように話をしたいと思います。 "

947
00:55:39,770 --> 00:55:42,020
そこで、基本的に、あなたはそれから、そのために求めている。

948
00:55:42,020 --> 00:55:44,600
あなたは、「私は、コントロールとしてあなたと話したい。 "、と言っている

949
00:55:44,600 --> 00:55:47,810
そして、あなたは私たちはあなたのためのリスナーを追加しようとしている」、のようなものを言って始めることができます

950
00:55:47,810 --> 00:55:51,430
"あなたが変更しているときに私たちはそれに対応することができます。"

951
00:55:51,430 --> 00:55:56,930
そして、我々はまた、このようなことを行うことができます。実際に、それはそこに古いコードです。

952
00:55:56,930 --> 00:55:59,600
私は、1以上の機能の貼り付けが欠けていると思う、

953
00:55:59,600 --> 00:56:05,030
それが変更される格付けコントロールに応答する実際の機能になります。

954
00:56:05,030 --> 00:56:07,710
私は右のダウンここでそれをポップしましょう​​、

955
00:56:07,710 --> 00:56:09,840
どこかそこら。

956
00:56:09,840 --> 00:56:14,930
この場合には、新機能だけの事は私達がに行っているという事実である

957
00:56:14,930 --> 00:56:21,000
評価コントロールが教えてくれる、私たちはtentativeRa​​tingと呼ばれるものを求めているのか。

958
00:56:21,000 --> 00:56:23,150
そのコントロールはあなたを伝えることができることを様々な他のものの束があります、

959
00:56:23,150 --> 00:56:25,310
それはコントロールによる制御を行く。

960
00:56:25,310 --> 00:56:29,140
それは非常に簡単です。あなたは何のトラブルがそれを理解しないことができるようになります。

961
00:56:29,140 --> 00:56:34,040
私は評価を変更し、評価をクリックしたときに、私は、今、これを実行し、

962
00:56:34,040 --> 00:56:36,480
あなたは今、それが実際にそれへの対応だ見ることができます。

963
00:56:36,480 --> 00:56:40,280
それは、その別の空のdivタグに画面上でその評価を入れている

964
00:56:40,280 --> 00:56:42,970
評価コントロールの下。

965
00:56:42,970 --> 00:56:46,670
つまり、ここでも多くのものの魔法だ。

966
00:56:46,670 --> 00:56:49,580
ですから、Windowsストア用のアプリケーションを作成しているように、

967
00:56:49,580 --> 00:56:52,930
あなただけで使用できるコントロールのトンがあります。それらはすべて、このように動作します。

968
00:56:52,930 --> 00:56:58,670
>> 私はあなたにこれらのアプリケーションのための設計のビジュアル面をお見せしましょう​​。

969
00:56:58,670 --> 00:57:03,440
良いニュースは、すべてをインストールするときには、すでにこのツールがあるでしょうです

970
00:57:03,440 --> 00:57:06,240
あなたはそのダウンロードに行くとは、Visual Studioを得れば。

971
00:57:06,240 --> 00:57:09,890
私は、これを右クリックすることができます。私はズームインしません

972
00:57:09,890 --> 00:57:12,040
それだけでBlendで開くと言います。

973
00:57:12,040 --> 00:57:16,040
ブレンドは、Visual Studioと並行して動作する別のツールである

974
00:57:16,040 --> 00:57:19,230
物事のデザイン面ではるかに焦点を当てて、

975
00:57:19,230 --> 00:57:23,660
そう、それは本当にスタイルを作成するために最適化されたツール面、

976
00:57:23,660 --> 00:57:29,720
、アニメーションの作成、CSSでの作業、静脈のようなもので物事がたくさん。

977
00:57:29,720 --> 00:57:36,380
ここではどのような非常に興味深く、かなり明白でなければならないことは、すぐに我々はこのアプリを見ているである。

978
00:57:36,380 --> 00:57:40,060
うまくいけば、我々はまだある。

979
00:57:40,060 --> 00:57:42,650
代わりに、我々はまだ底に見ていますかのコードを、見ての、

980
00:57:42,650 --> 00:57:45,350
我々は、アプリケーションの実際の表現を見ている。

981
00:57:45,350 --> 00:57:49,640
しかも、それは、APPの単なる表現ではない、それは実際にアプリの実行されています。

982
00:57:49,640 --> 00:57:52,010
そして、それは本当にブレンドについての素晴らしいですものだ。

983
00:57:52,010 --> 00:57:58,620
チームはこのツールにHTMLとJavaScriptとCSSをもたらすために多くの作業を行っています。

984
00:57:58,620 --> 00:58:01,930
あなたが興味があれば今、あなたは実際には、「それはどういう意味ですか？私は何ができますか？ "ことができます

985
00:58:01,930 --> 00:58:08,310
私は実際にこのようなことが私のマークアップ内に存在していなくても、このアプリケーションを設計することができます。

986
00:58:08,310 --> 00:58:13,230
その評価コントロールを覚えていますか？それはちょうどdivタグだった。

987
00:58:13,230 --> 00:58:17,090
このようなものは、その星は、実行時にのみ存在します。私はそれをどのように知っていますか？

988
00:58:17,090 --> 00:58:20,300
こっちに魔法の少しがあります。

989
00:58:20,300 --> 00:58:21,700
これらの稲妻か？

990
00:58:21,700 --> 00:58:25,570
あなたは稲妻を参照してくださいいつでも、それはそれは、実行時に何かによって作成されたことを意味します。

991
00:58:25,570 --> 00:58:31,770
いくつかのJavaScriptを実行してこの中に何かを回したか、いくつかのロジックでこれを作成した。

992
00:58:31,770 --> 00:58:37,100
あなたがそこを参照して、これらの星は、WinJSのではJavaScriptによって作成された。

993
00:58:37,100 --> 00:58:41,800
良いところは、それが私には関係ありません、ですが、私はまだそれを設計することができ、

994
00:58:41,800 --> 00:58:44,410
私はまだ、私はここで何が起こっているかを調べることができ、中に移動し、それを変更することができます

995
00:58:44,410 --> 00:58:50,260
私が先に行くと、色はそれが方法である理由を調べることができ、CSSを見ることができ、

996
00:58:50,260 --> 00:58:54,610
私は物事をいじって、物事が恐ろしい作り始めることができ、

997
00:58:54,610 --> 00:58:58,360
私がやりたいものは何でも。

998
00:58:58,360 --> 00:59:01,020
実は、私は一人で物事を残しておきます。

999
00:59:01,020 --> 00:59:03,980
しかし、あなたはそれがすべてのCSSのここに見ることができ、それはここであなたを見せている。

1000
00:59:03,980 --> 00:59:10,120
私はそこまで行けば、それはあなたに彼らが勝ち呼ぶすべてのものを表示するようになるだろう、

1001
00:59:10,120 --> 00:59:14,850
最も厳しく、最もその項目用に選択されるようにCSSルール、

1002
00:59:14,850 --> 00:59:17,110
これは、おそらくすでにあなたのクラスで見てきました、

1003
00:59:17,110 --> 00:59:22,000
どこで、我々はすべてのものに適用している一般的なフォントがあると言うことができます

1004
00:59:22,000 --> 00:59:26,860
これはH1ですので、私は、H1Sのために定義された色を持っている

1005
00:59:26,860 --> 00:59:29,820
それがこの色になるだろうし、それが本体1よりも具体的だからだ。

1006
00:59:29,820 --> 00:59:32,590
右こここの一つのことはあなたすべてのことを示しており、

1007
00:59:32,590 --> 00:59:35,470
あなたがより複雑になるように、それは、本当に強力なものだ

1008
00:59:35,470 --> 00:59:38,160
これらのことは、彼らがいる方法ですなぜあなたは疑問に思っている。

1009
00:59:38,160 --> 00:59:41,020
それは実際にあなたを教えてくれる、あなたはここで、これらのアイテムのいずれかを選ぶことができます。

1010
00:59:41,020 --> 00:59:43,370
その色は、実際には、あまりにも悪いことではありません。

1011
00:59:43,370 --> 00:59:47,150
あなたはそれらを選択することができます。うまくいけば、これを見ることができます。

1012
00:59:47,150 --> 00:59:52,410
アプリケーションに与えるすべてのものについては、全体のカスケードを参照してください。

1013
00:59:52,410 --> 00:59:56,070
それに適用されている可能性があり、その一つが勝っているすべてのCSSの、

1014
00:59:56,070 --> 00:59:58,050
どちらが実際に優先されました。

1015
00:59:58,050 --> 01:00:00,930
これらは退屈の一種である。これらのいくつかで起こってたくさんはありません。

1016
01:00:00,930 --> 01:00:04,660
私は行くと色を変更した場合は、そこにいくつかのカスケードを見てから始めましょう。

1017
01:00:04,660 --> 01:00:07,760
また、ここにも、HTMLを使用することができます。

1018
01:00:07,760 --> 01:00:12,490
私が通って行くと、私が望むように、これらの事のすべてのHTMLプロパティを変更できます。

1019
01:00:12,490 --> 01:00:14,620
ここにもののトンはそこだ。

1020
01:00:14,620 --> 01:00:18,070
>> 私はここですべてを経ることで、あなたの時間を取る必要はありません。ちょうどそれがここにあることを知っている。

1021
01:00:18,070 --> 01:00:21,700
あなたのためだけの利用できるのデザイン志向の多くの機能があります

1022
01:00:21,700 --> 01:00:26,730
だから、視覚的な滞在のアプリケーションと連携し、推測の多くを行うようにすることはできません

1023
01:00:26,730 --> 01:00:32,180
あなたは、バックデザインに戻ってブラウザから通常、サイクリングしなければならないだろうと

1024
01:00:32,180 --> 01:00:33,940
ブラウザに。

1025
01:00:33,940 --> 01:00:37,010
これはそのための本当にクールなものですし、Windowsストアのアプリを開発するように、

1026
01:00:37,010 --> 01:00:39,650
それはあなたが多くのより生産的になるだろう。

1027
01:00:39,650 --> 01:00:45,150
>> あなたはそれがここにマークアップし、CSSの追跡にも表示されます

1028
01:00:45,150 --> 01:00:47,270
あなたが別のものを通して作業しているよう。

1029
01:00:47,270 --> 01:00:50,180
あなたは、特にビデオで、それ​​を参照してくださいするのは、おそらく本当に難しいです、

1030
01:00:50,180 --> 01:00:54,680
それは、ここで何が起こっているかだ、と私はあなたがそれに慣れる推薦する。

1031
01:00:54,680 --> 01:00:57,240
それはあなたに多くの時間を節約します。それはブレンドです。

1032
01:00:57,240 --> 01:01:00,520
ここで変更を加えた場合、それらは自動的にフェイルオーバキャリーバックしようとしている

1033
01:01:00,520 --> 01:01:01,870
Visual Studioでの。

1034
01:01:01,870 --> 01:01:06,590
それは、同じすべてが、同じファイルです。私は一人でそれを残しておきます。

1035
01:01:06,590 --> 01:01:08,650
私がお見せしたい、より良い例があります。

1036
01:01:08,650 --> 01:01:11,660
私はそこに変更を行って、それを保存し、私はVisual Studioのに来たなら、それは言うでしょう、

1037
01:01:11,660 --> 01:01:16,390
「ねえ、あなただけの何かを変更しました。私はあなたのためにそれを再ロードすることはできますか？ "はい。

1038
01:01:16,390 --> 01:01:18,770
そして、あなたはそこに、同じものを使用している。

1039
01:01:18,770 --> 01:01:21,320
それは、その特定のサンプルの最後です。

1040
01:01:21,320 --> 01:01:28,170
>> 私はあなたに他の機能の表示を与えるためにあなたのハイエンドのサンプルを表示したい

1041
01:01:28,170 --> 01:01:30,350
あなたにも考えるかもしれません。

1042
01:01:30,350 --> 01:01:32,280
これは、あなたがダウンロードできるサンプルアプリです。

1043
01:01:32,280 --> 01:01:35,620
あなたはボックスにおけるWindowsキャンプと呼ばれるものを探している場合は、

1044
01:01:35,620 --> 01:01:40,340
そこの中にあるいくつかのサンプルがあり、そのうちの1は、Contosoクックブックです。

1045
01:01:40,340 --> 01:01:41,640
私はあなたのためにこれを実行することができます。

1046
01:01:41,640 --> 01:01:44,700
カスタムスプラッシュ画面。これはグリッドビューアプリケーションです。

1047
01:01:44,700 --> 01:01:49,590
彼らはここではいくつかのカスタムデータをバインドしました。この間を移動することができます。

1048
01:01:49,590 --> 01:01:53,090
あなたが行くと金曜日の午後に、私たちは空腹になります様々なものを見てみることができます。

1049
01:01:53,090 --> 01:01:57,760
知りません。何が最も空腹私を作るつもりですか？

1050
01:01:57,760 --> 01:02:00,530
知りません。私はちょうど1を選ぶつもりです。

1051
01:02:00,530 --> 01:02:02,460
あなたはこれらの事に入る。それはあなたのレシピが表示されます。

1052
01:02:02,460 --> 01:02:04,900
また、可能性はなく、項目をクリックするの、

1053
01:02:04,900 --> 01:02:10,360
あなたは、コンテンツのカテゴリ、コンテンツのそのセクションに右に行くことができます。

1054
01:02:10,360 --> 01:02:15,590
この場合は、ここでこれらのレシピについて、あなたのすべてを伝える偽ラテン語の多くを読むことができます

1055
01:02:15,590 --> 01:02:17,720
し、右の特定のレシピに入る。

1056
01:02:17,720 --> 01:02:22,770
また、これは私が写真で前にお見せした共有のようなものをサポートしています。

1057
01:02:22,770 --> 01:02:26,160
また、あまりにも本出願に検索することができます。

1058
01:02:26,160 --> 01:02:28,880
これは、検索を行うには非常に簡単です。

1059
01:02:28,880 --> 01:02:31,300
基本的に、あなただけのWindowsからテキストの文字列を取得している

1060
01:02:31,300 --> 01:02:34,720
そしてあなたがそれと検索を処理する方法を決定します。

1061
01:02:34,720 --> 01:02:39,830
それはそれを得るために数行のコードだし、次に何を、その後それを行うことは完全にあなた次第です。

1062
01:02:39,830 --> 01:02:44,180
>> ここで彼らはまた、彼らは他のいくつかの機能を使用しているアプリのバーを持っている。

1063
01:02:44,180 --> 01:02:45,430
私はそれが何であるかを教えてあげる。

1064
01:02:45,430 --> 01:02:48,220
リマインダーは、トースト通知と呼ばれるものを使おうとしている。

1065
01:02:48,220 --> 01:02:52,930
これは、物事が起こったときに、ユーザーが知らせのために本当に便利です、

1066
01:02:52,930 --> 01:02:55,850
アプリケーションのようにインストールされたか何かを完了した。

1067
01:02:55,850 --> 01:02:57,950
それはあまりにもゲームのためにも良いことだ。

1068
01:02:57,950 --> 01:03:02,360
あなたが永続的な世界やリーダーボードやホスティングのサービ​​スを持っている場合は、その

1069
01:03:02,360 --> 01:03:08,490
多分別のマシンに、これらの通知は、マシンに送信することができます

1070
01:03:08,490 --> 01:03:12,240
ユーザーは、ゲームを使ってゲームをプレイしたり、アプリを実行していない場合であっても、

1071
01:03:12,240 --> 01:03:15,170
彼らはまだ、イベントのそれらの種類についての通知を得ることができます。

1072
01:03:15,170 --> 01:03:19,350
だから、「お城が破壊されたか、ちょうど約破壊された。」と言うことができ

1073
01:03:19,350 --> 01:03:22,870
「ここに戻って取得し、それを守る」、またはそのような何か。

1074
01:03:22,870 --> 01:03:26,830
あなたは、通知をクリックすると、すぐに戻って試合に入り、そして、あなたはそれを再生することができます。

1075
01:03:26,830 --> 01:03:32,170
だから、物事のそれらの種類は、実際にはかなり効果的にあなたのアプリに戻って人々を描​​くことができます。

1076
01:03:32,170 --> 01:03:37,450
>> マイク、Webカメラを使用するため、このアプリケーションでサポートもあります、

1077
01:03:37,450 --> 01:03:39,560
ビデオをやって写真を撮る。

1078
01:03:39,560 --> 01:03:42,080
また、二次のタイルを固定することができます。

1079
01:03:42,080 --> 01:03:46,760
あなただけの特定のコンテンツに対する権利行くのタイルを持つようにしたい場合に便利です。

1080
01:03:46,760 --> 01:03:49,960
この場合には、このレシピに右進む。

1081
01:03:49,960 --> 01:03:51,300
私はちょうど示してる私が言及しているすべてのもの

1082
01:03:51,300 --> 01:03:53,270
それはあなただけでなく、使用して考えることができるものだからです。

1083
01:03:53,270 --> 01:03:57,590
ほとんどの場合、彼らは非常に使い簡単です。

1084
01:03:57,590 --> 01:04:00,070
私はちょうどあなたがそのサンプルエクスプローラを起動し推薦する

1085
01:04:00,070 --> 01:04:03,600
およびその方法をお見せできるサンプルを見つける。

1086
01:04:03,600 --> 01:04:07,140
それだけでなく、そこにあなたのアプリにそれらをもたらすために非常に簡単です。

1087
01:04:07,140 --> 01:04:11,030
>> 私はあなたに、ここでかなりクールだ何か他のものを表示するつもりだった。

1088
01:04:11,030 --> 01:04:15,230
私は、このアプリケーションをスナップよ、と私は戻っては、Visual Studioに行くつもりです。

1089
01:04:15,230 --> 01:04:18,870
このアプリケーションは、実行されています。それは、Visual Studioから実行している。

1090
01:04:18,870 --> 01:04:21,370
私はそれでかなりクールなものを行うことができます。

1091
01:04:21,370 --> 01:04:23,840
私は実際に要素を選択するオプションがあり、

1092
01:04:23,840 --> 01:04:28,250
と私は、ライブのアプリケーションにこっちに行くことができると私は言うことができ、

1093
01:04:28,250 --> 01:04:34,000
「私はなぜ準備時間がタイトル自体よりも少し明るいグレーで思ったんだけど？ "

1094
01:04:34,000 --> 01:04:35,680
私は、それをクリックすることができます。

1095
01:04:35,680 --> 01:04:38,080
これは、Visual Studioにその背中を同期させるために起こっている

1096
01:04:38,080 --> 01:04:43,780
そしてそれは私に、UIの一部の結果を正確に生成されたコンテンツを表示するようになるだろう。

1097
01:04:43,780 --> 01:04:47,270
この場合には、アイテム字幕とH4二重構造ですが、

1098
01:04:47,270 --> 01:04:51,110
それはおそらく、そのため、コンテキスト内H4として私たちが知っておくべきことを教えてくれる

1099
01:04:51,110 --> 01:04:53,550
これは、フォントの特定の種類を取得するつもりだ。

1100
01:04:53,550 --> 01:04:56,410
私はまだ理由がわからない場合はしかし、私はトレースのスタイルをクリックすることができます。

1101
01:04:56,410 --> 01:05:02,330
私は、色を展開することができ、その色は、ボディカラーではない正確な理由私が見つけることができます

1102
01:05:02,330 --> 01:05:04,640
しかし、実際には別のものです。

1103
01:05:04,640 --> 01:05:07,210
これは、基本的にInternet ExplorerからDEVツールです

1104
01:05:07,210 --> 01:05:09,530
Visual Studioにもたらした程度。

1105
01:05:09,530 --> 01:05:12,110
あなたはクローム開発ツールと働いてきた場合は、Firebugの、そのようなこと、

1106
01:05:12,110 --> 01:05:14,720
これらのブラウザにあるツールの種類は、

1107
01:05:14,720 --> 01:05:17,340
機能性のようなものは、右のVisual Studioに持ち込まれました

1108
01:05:17,340 --> 01:05:22,090
だから、実際にブラウザを起動して、別々に、それらのツールで作業する必要はありません。

1109
01:05:22,090 --> 01:05:24,320
今、私は実行しているWindowsストアのアプリを持っている、

1110
01:05:24,320 --> 01:05:27,840
と私は離れてそれを引っ張って、物事は、彼らが何であるかをやっている理由を見つけることを開始することができます。

1111
01:05:27,840 --> 01:05:30,440
>> 私は、あまりにもこのようにそれを行うことができます。

1112
01:05:30,440 --> 01:05:35,020
私が行くとちょうどいいのマークアップから何かを選んで、それが何であるかを知ることができます

1113
01:05:35,020 --> 01:05:38,560
アプリケーション自体にある。私は、私はすべてで行ってきたと思います。

1114
01:05:38,560 --> 01:05:41,440
ここで私は、この上にマウスを移動してい。私はそれを選択することができます。

1115
01:05:41,440 --> 01:05:45,540
それは、そのことが、実際の実行中のアプリケーションで私を見るために起こっている

1116
01:05:45,540 --> 01:05:48,070
私は今、マークアップでクリックすることだという。

1117
01:05:48,070 --> 01:05:49,700
本当にクールなもの。

1118
01:05:49,700 --> 01:05:52,710
あなたは何が起こっているかを把握しようとしていて、どのようなHTMLをやっているように、

1119
01:05:52,710 --> 01:05:56,080
何をしているか、CSS、これを覚えておく。

1120
01:05:56,080 --> 01:05:58,450
これはあなたのためにここで覚えておいてください

1121
01:05:58,450 --> 01:06:02,070
そしてまた、そのブレンドは、ライブ実行中のアプリケーションで作業することができます。

1122
01:06:02,070 --> 01:06:06,070
>> あなたはこのアプリケーションをお見せしたかった最後の一つです - 

1123
01:06:06,070 --> 01:06:09,290
ちなみに、それは、物事があまりにも変化しているようにのデルタを示し

1124
01:06:09,290 --> 01:06:11,160
だから、それらの黄色のハイライトのために見ることができます。

1125
01:06:11,160 --> 01:06:14,060
それらは、単にアプリケーションで変更されたものです。

1126
01:06:14,060 --> 01:06:16,350
しかし、最後にひとつ。私はちょうどここ秒間ブレンドに戻りたい。

1127
01:06:16,350 --> 01:06:21,790
我々は、ブレンド、同じアプリケーション、同じすべてで開く、これを開きます。

1128
01:06:21,790 --> 01:06:28,660
私はここでの経験はあなたのホームページで立ち往生しているしていないことを示したい

1129
01:06:28,660 --> 01:06:32,880
あなたがアプリケーションを実行するときにデフォルトで取得し、それがそこに座ってもらおう物事を見ている。

1130
01:06:32,880 --> 01:06:36,490
また、ここまでこのかわいらしい小さなアイコンをオンにすることができます。

1131
01:06:36,490 --> 01:06:38,560
これは、対話型モードと呼ばれています。

1132
01:06:38,560 --> 01:06:41,560
もしそれをクリックしてください。それはあなたのアプリケーションを起動するために起こっている。

1133
01:06:41,560 --> 01:06:43,730
あなたはもうデザインモードにいないので、あなたは物事をクリックするつもりはない

1134
01:06:43,730 --> 01:06:47,270
機能を変更することではなく、実際にはこれで、アプリケーションを操作することができます。

1135
01:06:47,270 --> 01:06:51,560
あなたを介してクリックすることができ、あなたは、あなたが気にレシピに得るものは何でもできます

1136
01:06:51,560 --> 01:06:54,810
またはカテゴリに。それではこのカテゴリーに行きましょう。

1137
01:06:54,810 --> 01:06:56,880
私は「私が設計したい場所さて、ここにある。」と言うだろう

1138
01:06:56,880 --> 01:06:59,680
その後、再度そのボタンをクリックして、それはあなたをデザインサーフェイスに戻すことが、

1139
01:06:59,680 --> 01:07:02,130
そして今、あなたは私が前に話していたすべてのものを行うことができます。

1140
01:07:02,130 --> 01:07:06,230
私はこれが始めるまで、私は、その寸法を調べる、クリックしておこう

1141
01:07:06,230 --> 01:07:09,890
それのためのHTML、それのためのCSSを見つける

1142
01:07:09,890 --> 01:07:14,990
実行中のアプリケーションのために、アプリケーションのいくつかの後の部分。

1143
01:07:14,990 --> 01:07:17,780
非常に、非常に便利。私はあなたにこれを紹介します。

1144
01:07:17,780 --> 01:07:21,340
あなたはこれで書くコードに探しているなら、心に保管してください

1145
01:07:21,340 --> 01:07:26,070
それはあなたの手間を大幅に節約になるだろう、それはかなり良いものだから。

1146
01:07:26,070 --> 01:07:32,370
それはかなり私はすべてのことのためにブレンドにし、Visual Studioでお見せしたかっただけです。

1147
01:07:32,370 --> 01:07:36,130
>> これらのツールのいずれかでご質問？

1148
01:07:36,130 --> 01:07:40,000
まったく何？ >> [Guarin]私は、とても良い質問、良いものを提供するものを持っています。

1149
01:07:40,000 --> 01:07:43,700
>> 私はすでにあなたにここに私のデモを示してきた[ボウエンが（笑）。

1150
01:07:43,700 --> 01:07:47,000
私は、リソースのページに置いて、今の質問に回すつもりです。

1151
01:07:47,000 --> 01:07:53,850
その第一の基準は、ゲームのトラックとアプリのトラックとその世代Appサイトです。

1152
01:07:53,850 --> 01:07:55,040
それらに申し込む。

1153
01:07:55,040 --> 01:07:57,210
あなたがコンテンツを取得するために30日間待つ必要はありません。

1154
01:07:57,210 --> 01:08:00,370
あなたは、あなたが望むように行くと、コンテンツを見始めることができます。

1155
01:08:00,370 --> 01:08:04,380
（笑） - 私はあなたの時間枠が異なる場合があり理解

1156
01:08:04,380 --> 01:08:07,780
そうするときハッカソンは何ですか？その通り、数週間ですか？

1157
01:08:07,780 --> 01:08:09,620
だから、待つこと30日間がありません。

1158
01:08:09,620 --> 01:08:13,180
そんなわけで、そのためにサインアップすることができ、その後はそれからコンテンツを引き出し始める。

1159
01:08:13,180 --> 01:08:15,320
また、開発やデザインセンター。

1160
01:08:15,320 --> 01:08:17,620
そして私はこれを言及しなかったが、店ドキュメントもあります。

1161
01:08:17,620 --> 01:08:22,880
あなたが店のために、あなたのアプリを提出する準備が整いましたので、これはハッカソン後のためになる。

1162
01:08:22,880 --> 01:08:27,350
いくつかの有用なガイドラインが店に物事を取得する方法についていくつかのガイダンスは、ここにありますが、

1163
01:08:27,350 --> 01:08:29,960
あなたをつまずかする可能性のある一般的な問題、

1164
01:08:29,960 --> 01:08:32,540
それは、それらのリソースの終わりです。

1165
01:08:32,540 --> 01:08:35,300
>> だから、あなたの心で何をしよう？何かあなた - 

1166
01:08:35,300 --> 01:08:40,580
[Guarin]誰がCS50のWindowsアプリをすることについて考えている？涼しい。

1167
01:08:40,580 --> 01:08:42,200
[ボウエン]クール。素晴らしい。

1168
01:08:44,149 --> 01:08:49,410
>> あなたが今まで見てきたものとどのようにそれについてのご質問は、これに関連する？

1169
01:08:49,410 --> 01:08:54,540
例えば、より多くの時間を私が書いてきたゲームを取ることができる

1170
01:08:54,540 --> 01:08:57,310
それは、ブラウザで実行され、だけの種類のプロセスを経る

1171
01:08:57,310 --> 01:08:59,870
Visual Studioにそれを持ってきて、それは、Windowsストアアプリ作る。

1172
01:08:59,870 --> 01:09:02,870
それは我々が本当に今日含める必要がありましたよりも時間がかかり、

1173
01:09:02,870 --> 01:09:08,010
しかし、ショートバージョンは、それはあなたがブラウザで実行している同じコードのある

1174
01:09:08,010 --> 01:09:11,680
し、変更の事は、Windows 8にプラグインすることにしたものです。

1175
01:09:11,680 --> 01:09:16,220
ですから、あなたが検索したり、共有したい場合には、魅力を使用する場合は、

1176
01:09:16,220 --> 01:09:19,899
あなたはその上にいくつかの機能を離れて非表示にするには、アプリのバーを作成する必要があり、

1177
01:09:19,899 --> 01:09:21,939
それらは、変更になるものの種類があります。

1178
01:09:21,939 --> 01:09:25,229
しかし、あなたのWeb​​アプリケーションのコアはそのまま残ります。

1179
01:09:25,229 --> 01:09:29,590
繰り返しますが、限り、それはIE10で動作として、それは本当に簡単にポートになるだろう

1180
01:09:29,590 --> 01:09:33,680
ブレンドには、Visual Studioにその原料を持参し、それWindowsストアのアプリ作る。

1181
01:09:33,680 --> 01:09:37,500
繰り返しますが、あなたが学習する必要がある唯一のものは、これらの他の機能である

1182
01:09:37,500 --> 01:09:41,830
あなたは、ライブタイルと物事のそれらの種類のように、アプリケーションを点灯するために使用できる。

1183
01:09:41,830 --> 01:09:46,899
>> うん。 >> [学生]私の質問は、モバイル作業についてです。

1184
01:09:46,899 --> 01:09:52,210
ですから、デスクトップ上のアプリケーションとして動作するアプリを作る場合には、

1185
01:09:52,210 --> 01:09:56,480
モバイルに転送することが非常に簡単であるか、そこには - 

1186
01:09:56,480 --> 01:10:01,270
私は本当にこのような環境に最適化されたのはWindowsストアのアプリを作る場合には疑問があり、

1187
01:10:01,270 --> 01:10:06,430
そして私はそれをやって関わっているのか、モバイルの世界にそれを持って帰りたいと思う？

1188
01:10:06,430 --> 01:10:10,060
つまり、多くの質問のように、常に常に変化答えです。

1189
01:10:10,060 --> 01:10:16,190
良いニュースは、HTMLやJavaScript、CSSに固執している場合であり、

1190
01:10:16,190 --> 01:10:18,720
あなたはWindowsストアのアプリから開始している場合には、

1191
01:10:18,720 --> 01:10:20,590
それはあなたがWebにそれを持って来るようにするだろう

1192
01:10:20,590 --> 01:10:24,650
そして、メディアクエリとの事のような技術、それらの種類を使用し、

1193
01:10:24,650 --> 01:10:27,180
異なるサイズのデバイスに適応する。

1194
01:10:27,180 --> 01:10:29,900
それによると、フレームワークや物事はそこに常にある

1195
01:10:29,900 --> 01:10:33,450
そのサポートは、異なる技術、異なるプラットフォームを拡張する。

1196
01:10:33,450 --> 01:10:35,670
それはすべての時間を変更します。

1197
01:10:35,670 --> 01:10:40,030
我々はまた、物事を変えているだけでなく、我々は我々が今持っているものに目を向ける

1198
01:10:40,030 --> 01:10:42,950
実際のWindows Phone 8で不足しています。

1199
01:10:42,950 --> 01:10:44,930
我々はいくつかの共有コアインフラストラクチャを持っている

1200
01:10:44,930 --> 01:10:48,180
これらの環境のためのアプリケーション間で提供される。

1201
01:10:48,180 --> 01:10:51,200
ですから、Windowsストアのアプリを作成するためにやっているもの、

1202
01:10:51,200 --> 01:10:57,790
それの多くは、同様にWindowsの携帯電話8のアプリケーションに持ち越さすることができます。

1203
01:10:57,790 --> 01:11:02,270
それは、再び新たな物語なので、ビルド時と約一部のコンテンツがあります。

1204
01:11:02,270 --> 01:11:06,780
SDKには、ほんの少し前外に出た。これは、ほんの少し前にリリースされました。

1205
01:11:06,780 --> 01:11:09,920
しかし、あまりにも他のプラットフォームの観点から、

1206
01:11:09,920 --> 01:11:13,360
あなたはおそらく同様に多くのクロスプラットフォームのフレームワークに実行されます。

1207
01:11:13,360 --> 01:11:16,170
良いニュースは、ここで行っているものであり、

1208
01:11:16,170 --> 01:11:19,620
コア機能は、ストレートのウェブ標準的なものまである。

1209
01:11:19,620 --> 01:11:24,010
簡単に翻訳しない唯一のものは、Windowsの8が行うものです

1210
01:11:24,010 --> 01:11:28,060
それはWindowsの機能なので、それは不思議ではありません。

1211
01:11:28,060 --> 01:11:34,090
あなたが他のすべてのプラットフォーム上で契約の共有や類似の種類を見つけるつもりはない。

1212
01:11:34,090 --> 01:11:37,480
ので、これらを使用すると、設計の観点からしたいと思うものです

1213
01:11:37,480 --> 01:11:40,820
あなたが言うことができますので、あなたはその要約のようなものにする方法を持っていることを確認してください

1214
01:11:40,820 --> 01:11:42,970
「私はこれを実行している場合、私はそれを行うことができます。 "

1215
01:11:42,970 --> 01:11:48,120
私ではない場合は、ちょっと離れてその原料を隠すために使用できるいくつかのデザインパターンがあります。

1216
01:11:48,120 --> 01:11:53,360
しかし、覚えておく。うん。申し訳ありません。どうぞ召しあがれ。

1217
01:11:53,360 --> 01:11:58,130
>> [学生]私は[聞こえない]の上に私のWindowsアプリケーションをテストする場合

1218
01:11:58,130 --> 01:12:02,310
[ボウエン]ええ。私ももう一つのことをスキップ。うん。

1219
01:12:02,310 --> 01:12:04,910
私はその後、私はあなたに私が言及するのを忘れ機能を紹介し、最初のご質問にお答えします。

1220
01:12:04,910 --> 01:12:09,220
我々は、局所的に利用可能ないくつかのマシンを持っている。ごめんなさい。

1221
01:12:09,220 --> 01:12:11,240
問題は、どのように私はデバイス上で物事をテストするか、だった

1222
01:12:11,240 --> 01:12:14,230
私は、中から選択するものの全体の多くを持って発生しない場合はどうなりますか？

1223
01:12:14,230 --> 01:12:17,130
[Guarin]私たちはあなたたち、私が思うに、5または6を貸した。あなたは何が必要なのでしょうか？

1224
01:12:17,130 --> 01:12:20,940
[学生]我々はそれらの4を得た。 >>オーケー。君たちはで遊ぶために4スレートを得た。

1225
01:12:20,940 --> 01:12:25,520
だから間違いなく、誰もが知っているしてくださいしてみましょう。 （笑）>> [ボウエン]恐ろしい。

1226
01:12:25,520 --> 01:12:27,610
それは私があなたを与えるつもりだったよりも良い答えだ。

1227
01:12:27,610 --> 01:12:31,250
我々は我々のオフィスでない開発者のための勤務時間を持っている

1228
01:12:31,250 --> 01:12:35,110
そして今、プルデンシャルのMicrosoft Storeにもうすぐやってくる

1229
01:12:35,110 --> 01:12:37,010
しかし、エドウィンは、すでにあなたの世話をしてきました。

1230
01:12:37,010 --> 01:12:42,180
テストのために、貸し出しに利用可能な4スレートがあります。

1231
01:12:42,180 --> 01:12:45,440
そこに私達は行く。そこに1アップの例があります。

1232
01:12:45,440 --> 01:12:47,340
そんなわけで、絶対に。素晴らしい。

1233
01:12:47,340 --> 01:12:52,700
絶対にはるかにそれをテストする最良の方法は、デバイス上に置く。

1234
01:12:52,700 --> 01:12:56,810
あなたはまだ1を持って発生しないか、雪の中、キャ​​ンパスを歩いて渡るしたくない場合

1235
01:12:56,810 --> 01:13:01,130
1または何をつかむために、Visual Studioでこのバックを行う方法があります。

1236
01:13:01,130 --> 01:13:10,360
私は戻って、私はここにあった場所に入る場合は、ここではなく、ローカルマシンを使用して、

1237
01:13:10,360 --> 01:13:13,590
あなたがリモートマシンに接続することもできますが、それは私がここで話しているものではありません。

1238
01:13:13,590 --> 01:13:16,830
シミュレータはあなたがに見たいと思うかもしれませんものです。

1239
01:13:16,830 --> 01:13:22,120
私はこれを実行することになるでしょうし、実際にそれが何であるか、それはあなた自身のシステムに本質的にウィンドウの。

1240
01:13:22,120 --> 01:13:26,260
ここでは、Contoso社を実行している、実際に私のシステム稼働中である

1241
01:13:26,260 --> 01:13:29,550
しかし、私は、実行パラメータの一部を変更することができますように、

1242
01:13:29,550 --> 01:13:31,060
環境パラメータ。

1243
01:13:31,060 --> 01:13:34,150
だから私は、「あなたは何を知っていますか？ "、ここに言うことができます

1244
01:13:34,150 --> 01:13:39,240
ああ。私はすでに、それは2560の解像度でシミュレートされた27インチのモニターで実行されてきた。

1245
01:13:39,240 --> 01:13:44,930
私は簡単にそれをドロップダウンし、自分のアプリケーションを小さな画面でどうなるかを見ることができます

1246
01:13:44,930 --> 01:13:47,480
またはDPI設定または何を変更することによって。

1247
01:13:47,480 --> 01:13:50,700
だから、小さな画面上で、10.6は、どのようなそれは何をするつもりですか？

1248
01:13:50,700 --> 01:13:53,040
それはまだ右、かなりよさそうだ？

1249
01:13:53,040 --> 01:13:58,220
我々が行うためです、あなたが店に提出している場合は特に、これを実行したいと思う

1250
01:13:58,220 --> 01:14:00,480
テストプロセスの一部として。

1251
01:14:00,480 --> 01:14:02,400
そして、そのような問題がある場合は、

1252
01:14:02,400 --> 01:14:06,160
あなたが店に認定ばかり問題が発生した可能性があります。

1253
01:14:06,160 --> 01:14:09,240
しかし、それは、シミュレータの一部です。本当にクール。そのためには非常に簡単。

1254
01:14:09,240 --> 01:14:11,480
また、同様にそれを回転などの機能を使用することができます。

1255
01:14:11,480 --> 01:14:15,650
私は、ここにボタンをクリックして、それが回転している、誰かが経験として持っているだろうかを見ることができます

1256
01:14:15,650 --> 01:14:20,970
彼らのスレート、そのタブレットを回転させ、その使用してアプリケーションを使用して。

1257
01:14:20,970 --> 01:14:25,060
あまりにもタッチエミュレーションといくつかの他のもののようないくつかの他のものがありますが、

1258
01:14:25,060 --> 01:14:27,210
GPSの設定。

1259
01:14:27,210 --> 01:14:31,050
私は別の場所にいるふりをして自分のアプリケーションが何をするか見ることができます

1260
01:14:31,050 --> 01:14:34,690
私は戻ってシアトルか何かにいることをふります。

1261
01:14:34,690 --> 01:14:41,970
しかし、それは本当に便利な機能だし、それは両方のVisual Studioにはブレンドに組み込まれている。

1262
01:14:41,970 --> 01:14:44,460
はい。あなたの質問。

1263
01:14:44,460 --> 01:14:48,530
>> [学生]ゲームを書いている場合、Visual Studioは、アニメーションに対するサポートがありますか？

1264
01:14:48,530 --> 01:14:55,550
うん。問題は、特に、ゲームで、アニメーションサポートのまわりである。

1265
01:14:55,550 --> 01:14:58,380
場合によります。 [笑いながら]

1266
01:14:58,380 --> 01:15:06,870
JavaScriptで私は、XAMLの側であります未満のサポートはおそらくありますと言うだろう

1267
01:15:06,870 --> 01:15:11,430
タイムラインを有し、ストーリーボードとを内蔵しています。ものを持って

1268
01:15:11,430 --> 01:15:18,710
JavaScriptのアプリ上でのアニメーションのために、私は私はあなたを与えたいと思うどれだけ答えを知らない。

1269
01:15:18,710 --> 01:15:25,110
私は両方の物理学のアニメーションのためのオプションの多くを通過する私のブログ上のリソースを持っている、

1270
01:15:25,110 --> 01:15:29,280
Windows 8の上のJavaScript指向のゲームのためのオプション。

1271
01:15:29,280 --> 01:15:31,300
私はあなたがそれらを参照することになります。

1272
01:15:31,300 --> 01:15:34,300
基本的には、非常に多くの選択肢があります。

1273
01:15:34,300 --> 01:15:37,770
私は迷っている理由は、JavaScriptでアニメーションを行うための非常に多くの選択肢があるとされる。

1274
01:15:37,770 --> 01:15:44,280
それは、CSSかもしれない、それはキャンバスをベースとすることができ、それだけで基本的なDOMアニメーション可能性があり、

1275
01:15:44,280 --> 01:15:47,470
それは本当にあなたの選択に依存するので、それは、様々なものがたくさんある可能性があります。

1276
01:15:47,470 --> 01:15:55,790
あなたはCreate.jsまたはライムやフレームワークの他の種類のようなものを使用することにした場合 - 

1277
01:15:55,790 --> 01:15:59,150
まあ、私も、あなたがハイエンドワークを使用できるようにするつもりだか分からない

1278
01:15:59,150 --> 01:16:01,370
インパクトのような、または作成します。

1279
01:16:01,370 --> 01:16:07,000
つまり、最初から検討するかもしれないよりも多くのコードを生成する傾向がある。

1280
01:16:07,000 --> 01:16:11,730
しかし、このような場合、あなたはまだあなたが環境を使用することができ、シミュレータを使用することができ、

1281
01:16:11,730 --> 01:16:17,480
と私は、これらのケースでは、私のテスト·プラットフォームのためにこの環境を使用する傾向がある

1282
01:16:17,480 --> 01:16:19,930
私は、ゲームを開発していた。

1283
01:16:19,930 --> 01:16:22,110
私は、特にキャンバスアニメーションで罰金てきた

1284
01:16:22,110 --> 01:16:23,850
おそらく最も一般的なものである。

1285
01:16:23,850 --> 01:16:27,360
あなたはおそらく見つけるつもりだ最高のブラウザでDEVツールです

1286
01:16:27,360 --> 01:16:30,160
およびVisual Studioのdevのツール。

1287
01:16:30,160 --> 01:16:34,610
そこに蛇行答えのようなものが、うまくいけば、私はあなたの答えを得た。はい。あなた。

1288
01:16:34,610 --> 01:16:36,470
>> [学生]は、Windows 8のアプリのためのデータストレージオプションは何ですか？

1289
01:16:36,470 --> 01:16:41,100
Windows 8のアプリケーションのためのデータ·ストレージ·オプションは、Windowsストアのアプリは何ですか？

1290
01:16:41,100 --> 01:16:46,790
あなたの選択肢は本当にそれぞれのアプリケーションは、ローカルストレージの独自のプールを取得します

1291
01:16:46,790 --> 01:16:52,150
設定およびデータのための、それはまた、ローミングストレージを使用するばかばかしいほど簡単ですが、

1292
01:16:52,150 --> 01:16:54,920
クラウドベースのストレージを使用する。それは無料です。

1293
01:16:54,920 --> 01:16:58,250
何が起こるかは、あなたは基本的に別のクラスを選択し、あなたが言うである、

1294
01:16:58,250 --> 01:17:03,370
「ローミング設定、保存、コンテンツのこの特定のセット、 "

1295
01:17:03,370 --> 01:17:06,050
彼らはにはサインインしてきたどのようなマイクロソフトアカウント、

1296
01:17:06,050 --> 01:17:08,620
周りにその情報をローミングするための鍵になるだろう。

1297
01:17:08,620 --> 01:17:13,790
だから私は私のラップトップ上でゲームを使用して、私は同じアカウントでログインした場合

1298
01:17:13,790 --> 01:17:18,900
と私は、サーフェスやタブレットでゲームをプレイする、

1299
01:17:18,900 --> 01:17:23,610
それは、自動的にそれらのマシン間の設定やデータを歩き回るます。

1300
01:17:23,610 --> 01:17:27,550
つまり、デフォルトのことだ。つまり、データの一部の金額のために良いことだ。

1301
01:17:27,550 --> 01:17:30,220
あなたがそれらに巨大なデータベースを入れないでしょう。

1302
01:17:30,220 --> 01:17:35,350
そのためには、クラウドでホストされたデータベースのようなソリューションの他の種類に行く必要が、

1303
01:17:35,350 --> 01:17:36,690
そのようなこと。

1304
01:17:36,690 --> 01:17:39,840
データテクノロジーの他の種類の周りにいくつかの他のコミュニティのオプションがあります。

1305
01:17:39,840 --> 01:17:42,920
私もそこの周りのコミュニティの一部のSQLiteのオプションを見てきました。

1306
01:17:42,920 --> 01:17:46,690
だからますますが浮上しているが、それらはあなたが目を向けるでしょう原発の事である

1307
01:17:46,690 --> 01:17:49,430
ゲームやアプリの。

1308
01:17:49,430 --> 01:17:50,610
そして、あなたはあまりにも後ろに疑問を持っていた。

1309
01:17:50,610 --> 01:18:02,390
>> [学生]ネットワーク[聞こえない]ファイルをアップロードまたはダウンロードする点では[聞こえない]

1310
01:18:02,390 --> 01:18:04,870
[ボウエン]はどのようにあなたがそれを見ることができるか、どのようにそれをデバッグすることができますし、それをテストするあなたの質問ですか？

1311
01:18:04,870 --> 01:18:10,630
[学生]どのようにそれをデバッグすることができます[聞こえない]

1312
01:18:10,630 --> 01:18:12,670
申し訳ありません。私はそれのすべてを聞くことはできません。

1313
01:18:12,670 --> 01:18:16,480
[学生]どのようにあなたはそれを得るか、バグテストされ、また、[​​聞こえない]

1314
01:18:16,480 --> 01:18:17,490
素晴らしい。素晴らしい。

1315
01:18:17,490 --> 01:18:21,860
どのようなネットワークで動作しますか？どのようにあなたは何が起こっているのを見ることができますか？

1316
01:18:21,860 --> 01:18:23,620
この1には多くの異なった答えがあります、

1317
01:18:23,620 --> 01:18:26,420
しかし、私がここでおそらく最も簡単なものをお見せしましょう​​。

1318
01:18:26,420 --> 01:18:29,350
私の第二のためのシミュレータを取り除くましょう。

1319
01:18:29,350 --> 01:18:31,740
ネットワーキングのためのちょうどカップルのデバッグオプション。

1320
01:18:31,740 --> 01:18:36,070
右WinRTのレベルとWinJSの両方からに焼き、完全なネットワーク·スタックがあると、

1321
01:18:36,070 --> 01:18:42,810
だから、非常に簡単にそれを行うためにあなたのゲームやアプリケーションからのXHR、AJAXのタイプの呼び出しを行うことができます。

1322
01:18:42,810 --> 01:18:47,250
主に、私は2のものを使用する傾向がある。

1323
01:18:47,250 --> 01:18:53,660
私は彼らに焼き、ネットワークスタックを持って、実際のDEVツール自身を使用しています。

1324
01:18:53,660 --> 01:18:55,870
私はあなたに、Windowsのホーム·ページを表示してみましょう。

1325
01:18:55,870 --> 01:19:02,730
私はこれを立ち上げることができ、ここでこれらのツールに焼いたネットワークプロキシが実際にあります。

1326
01:19:02,730 --> 01:19:08,390
だから、私は、これを行うことができ、私はページを更新することができ、それは相互作用のすべての私を見るために起こっている

1327
01:19:08,390 --> 01:19:14,550
など、Ajaxは、その要求の期間中、そのセッションのために呼び出します。

1328
01:19:14,550 --> 01:19:17,600
これは便利です。これは、ブラウザベースのアプリケーションのために非常に有用になるだろう。

1329
01:19:17,600 --> 01:19:20,470
Windowsストアのアプリなど、アプリ、他の種類のため、

1330
01:19:20,470 --> 01:19:23,970
私はバイオリン弾きというツールを使用しています。

1331
01:19:23,970 --> 01:19:29,650
あなたが反応して、ゲームを取得するつもりだ。 [笑いながら]

1332
01:19:29,650 --> 01:19:32,750
シオマネキは単純プロキシです。私はあなたにそれを示すことができると思います。

1333
01:19:32,750 --> 01:19:40,190
これは面白いことに、私は自分のネットワークスタックをトレースするよ、ただGetFiddler.com、だ

1334
01:19:40,190 --> 01:19:41,740
GetFiddlerに行く。

1335
01:19:41,740 --> 01:19:45,700
しかし、いずれにせよ、フィドラーは、IEチームのPMの1で書かれている、

1336
01:19:45,700 --> 01:19:48,290
彼は彼がやっているか知っている。

1337
01:19:48,290 --> 01:19:52,630
これは、ネットワークトラフィックをデバッグするために使用することができます良いプロキシです。

1338
01:19:52,630 --> 01:19:55,730
私はそれを推薦する。あまりにもあそこ質問。

1339
01:19:55,730 --> 01:19:58,050
>> [学生]外国語の入力を統合するための簡単​​な方法はありますか、

1340
01:19:58,050 --> 01:20:00,810
日本語や中国語、Windowsのアプリへのような？

1341
01:20:00,810 --> 01:20:03,240
私は私が自分自身それのあまりをやったが、それはインチ焼かれると言うことはできません

1342
01:20:03,240 --> 01:20:08,470
もちろん、アプリケーションを放射するためのオプションがあります - 私は申し訳は申し訳ありませんが、私は質問を言っていない - 

1343
01:20:08,470 --> 01:20:11,100
グローバル化の周りのオプション、コンテンツのローカライズ、

1344
01:20:11,100 --> 01:20:14,320
別の市場で販売することができるというようなものを含む

1345
01:20:14,320 --> 01:20:19,190
それらの個々の言語については、アプリケーションのバージョンをターゲットに

1346
01:20:19,190 --> 01:20:21,080
またはそのような文化や物事。絶対に内蔵しています

1347
01:20:21,080 --> 01:20:22,980
私たちは永遠のために、そのためのサポートを持っていた、

1348
01:20:22,980 --> 01:20:26,630
それはWindowsストアのためのあなたのオプションに楽しみに運びます。

1349
01:20:26,630 --> 01:20:30,450
あなたは、店自体は、さまざまな市場で販売することを行うことができますが、

1350
01:20:30,450 --> 01:20:34,050
あなたが定義するリソースを使用してあまりにもだけでなく、アプリケーションでそれを行うことができ、

1351
01:20:34,050 --> 01:20:42,220
私はこの文化のために開発されていた場合」、その後、私のテキストコンテンツがこれらのオーバーライドを使用する

1352
01:20:42,220 --> 01:20:44,510
「左読者に権利を使用しています。 "

1353
01:20:44,510 --> 01:20:51,290
それらは、すべてデフォルトのWinJSのとWinRTのAPIの一部です。良い質問。

1354
01:20:51,290 --> 01:20:54,770
>> どうやってやっている？他のもの？

1355
01:20:54,770 --> 01:20:58,850
ビデオ上の誰もが疑問を持っている場合と、私は、マイクロソフト@ cbowenよ

1356
01:20:58,850 --> 01:21:02,790
私は未来からあなたの質問のいずれかを取ることがうれしいです。

1357
01:21:02,790 --> 01:21:05,690
非常に - 未来から、未来[模倣エコー]。

1358
01:21:05,690 --> 01:21:09,140
だからここに私がある。私はここに私の連絡先を元に戻しましょう​​。

1359
01:21:09,140 --> 01:21:11,840
だから私には、Microsoft @ cbowenノートを、送信

1360
01:21:11,840 --> 01:21:15,190
と私はすぐに私はできる限りご連絡いたします。

1361
01:21:15,190 --> 01:21:19,010
>> あなたが迷っている他には？我々は良いですか？

1362
01:21:19,010 --> 01:21:24,050
素晴らしい。わかりました。どうもありがとうございまし。私はそれを感謝しています。 [拍手]

1363
01:21:24,800 --> 01:21:27,000
>> [CS50.TV]