[Powered by Google Translate] [セミナー - Windowsの8 - HTML5と、アプリ/ゲーム開発] [クリスボーエン、エドウィンGuarin - ハーバード大学] [これはCS50である。 - CS50.TV] ねえ、みんな。私の名前はエドウィンGuarinです。これはクリスボーエンです。 私は彼が第二に自分自身を紹介してもらおう。 私は迅速な発表をしたい。 まず第一に、すべてのあなたのCS50の学生が無料では、Windows 8を得る。 あなたが実際にあなたの最終的なプロジェクトのためにそれを使用して考えているのであれば、それはあなたです。 ネイトは、命令の場合は、後に電子メールを送信いたします。 あなたのCS50最終的なプロジェクトのためのWindows 8アプリを書くことにした場合2つ目は、 我々はいくつかの景品を行うことになるだろう。のXbox、 私たちは、離れてそのようなものをスレートを与えることができるかもしれない。 戻ってを保持している問題がありますので、もし、クリスか私に知らせて どのように私たちは、あなたが本当にクールな何かを構築することができます。 今日来てもう一度感謝だから、私はクリスにそれを引き渡すだろう。 、エドウィン、ありがとうございました。 おかげで、誰も、今日の私たちに参加するため。 私はクリスボーエンだ。私はここに北東部のエドウィンの同僚の一人です。 私はあなたが話して少し時間を過ごすしたい HTML5、JavaScript、およびCSSでのWindows Storeアプリケーションの作り方 とちょっとそれについてあなたが持つかもしれない質問はあなたのために答えを得る あなたは多分CS50決勝の機会のためにそれを使用して考えて向かって探していますように。 それによると、我々はちょうどインチ飛び込むよ 私はここの上のスライドの所へ行くよ。 ご不明な点はありません場合は、私にメールをお送りください。 私はcbowen@microsoft.comだし、私のブログと私のTwitterがあります。 あなたが私に連絡を取得したいが、それは大丈夫です。 、私はものの時間を約持っている、と私は道に沿ってあなたの質問を取得したい ので、この中に質問を持っていることについて恥ずかしがらないでください。 彼らは、記録上の質問をするのは誰が見ることができない、 だからあなたがなりたいように匿名になるでしょう。 だけでは、Windows 8への迅速な導入を与え、私は権利でダイビングしましょう そして、あなたが考慮するかもしれないWindowsストアのアプリについてのもののいくつかを示して あなたがアプリケーションを開発を考えているよう。 我々は、Windows 8を見ている。我々は今、数週間のために出てきた。 すでにそこに強力な採用がたくさん。 すでに我々は同様に持っている表面のマシンを見ている可能性があります。 ここに個人的になら実際に見てみることができ、ここで上の1があります。 私は実際には、Windows 8について少し周りを示して、あなたと話したいと思います。 Windowsの8との考えは、それは本当に楽しみには、Windowsについて知っているすべてのものを持っていない いくつかの新しい体験に - 特に、物事は、タッチによる表面のマシンに好き 市場に今ある複数のモバイルデバイスのこれらの種類、 それは、その中核には、Windowsです。 だから、あなたは、Windows 7を実行して何に実際にそれをインストールすることができることを意味 あなたのラップトップに至るまであなたの最大のトリプルのSLIゲーミングリグから そしてあなたが今日拾うかもしれないあなたのピカピカの新しい他のデバイスに。 彼らは、Windows 8を実行します。 私の周りだけ少しあなたを紹介、 あなたがここに表示されますすべての経験は、あなたが作成できるものです。 アイデアは、それがタッチ、マウス、キーボードだかどうかであり、 デバイスは、アプリケーションを稼働していることが何であれ、それは素晴らしい実行するようになるだろう。 Windowsの8は、これらすべてのシナリオに役立ちます。 これらのスライドはさておき、ちょうど右ここで周りを見ながら中に入ってみましょう。 私は私のホーム画面の周りをお見せしましょう​​。これは私のスタート画面です。 私はあなたに、ここでツアーの少しを与えるでしょう。 私は、とても同じくらい、私は私のラップトップの画面をタッチしたいように、非タッチマシンによ それは事をしないので、私はここに少しの周りにスクロールし、あなたが表示されます。 あなたが気づくかもしれないいくつかのことが、これらは、ライブタイルと呼ばれるものをということである 実際にアニメーション化することができ、彼らはあなたに情報を提供することができます - ゲームの統計に多分更新 またはあなたの左側にここにある、以前のアプリの一部からのニュースが表示されます。 そこに私達は行く。私はそれが唯一の肯定と幻想素晴らしいニュースだと確信しています。 あなたはそれが本当に言って、戻ってアプリに注意を呼び出している、ここで見ることができ、 「ねえ、何か新しいものがここにあります。見てみましょう。に戻って来て、あなたのための新機能を参照してください。 " それは、ライブタイルと呼ばれる、あなたは、通知を行うことができます アプリケーション自体から右のどちらか あなたは、より詳細に見てみる場合は、リモートサービスを作成する方法を見つけることができます それは実際にはタイルに情報をプッシュすることができ、 これは、これらのニュースアプリで何が起こっているかである。 彼らは実際にクラウドからニュースを取得し、すぐそこにタイルを更新しています その人たちは、アプリケーションを開いて見てみるべき理由があると知っている どのような時に最新のニュースは、これらのいずれかである または新しいレシピやビートに新しい高スコアがあるかどう または、これらのアプリケーション上で再生または何でも友人。 それはピンを見るには、あなたを誘惑するものだ だから、ライブタイルだし、それが人である可能性があり、それは同様にウェブサイトである可能性があります。 通常は、アプリケーションの。 ほとんど私がここに持っているこれらの事のすべては、Windowsストアから来ました。私はそれを起動します。 それはあなたが、デフォルトで取得するアプリケーションの一つだ Windowsの8を実行している任意のマシン上で。 あなたがしたいと思う何かを見つけるためにここに来ることができる、 私は前に見たことがないゲームに強調されている事から。 ああ、すごい、我々はここに新しいピンボールを持っている。 あなたが店からここにこれらの権利をインストールすることができ、 そして我々は、これらを開発する方法について話します。 あなたがそれらを作成する方法の選択肢がたくさんある。 我々は、HTMLとCSSでJavaScriptの物語に焦点を当てるだろう しかし、ユーザーに、アプリの購入者に、それはインチ書かれていたかは重要ではありません 彼らは、先に行くとそれを操作することができます。 私はこの1に興味をそそられていますので、私はこれを開いて見てみる必要がある。 あなたが提出し、販売したり無料で与えることができるものも含めてすべてのアプリケーション、 あなたが店にやってみたいものは何でも、このようなホームページが表示されます。 あなたはあなたのアプリケーションと、スクリーンショットの束を提出することができます - あなたはここでいくつかを参照してください - アプリケーションの詳細、および時間をかけて、両方の評価を蓄積します - 彼らは基本的には星評価はしている - とレビュー、 もう少し洞察力を提供する。 実際に、誰かが何かを入力し、あなたがどれだけ素晴らしいことを伝える必要があり、 そしてそれは私が見ていないこれは、ここの上にレビューセクションに入ります。 幻想的。 「でも開くことができません。 "どのように偉大な。 まあ、これは開いて実行しました誰のために人々のために、彼らは実際にそれを楽しんでいるようだ。 （笑） これを覚えておきなさい。インターネット。誰もが彼らがあなたのアプリケーションに関する欲しいものを言うことができます。 だから、あなたはそれで素晴らしい仕事をやっていることを確認し、 あなたがすることができますように、ユーザのために、それが快適な作っていることを確認してください 彼らはカップルが離れてレビューを提供してからクリックしているので、 それはあなたの全体的な評価の評価にまで蓄積されます。 あなたが他のアプリケーションに対してであることを行っているので、あなたの最善を尽くしたいと思います。 既にストアにアプリケーションの数千があるでしょう、 そしてチャンスはあなたが何をやっていると同じような機能をするものがあるかもしれない、です。 あなたが本当に群衆から目立つことができるのであれば、それは当然のことながら、あなたの利点になるだろう。 私たちは、少し後に店に入るでしょう。 私は実際にアプリを作成することに集中したい。 しかし、店のショートバージョンは世界的な分布である、 それは自動的にWindows 8の一部で、人々は、それを起動して、ここで様々なアプリを見てみましょう あなたがドレスアップステッカーブックおよび様々なアプリケーションのすべての種類を持っている。 悪いが、私はそれをたくさん使う - フレッシュペイントは、私はこれをたくさん使用しています。 それは、私はすでにそれを所有私を見せている。 私はあなたに私が持っていない何かをお見せしましょう​​ - UVideos私は真新しいようがありません。 あなたはそれが無料でここを参照してくださいで登録して、ストアから右のそれをインストールすることができます。 あなたもの選択肢があります。もちろん、それを離れて与えることができます。 あなたがアプリやゲームに広告を置くことができます。 また、それを有料化したり、非常に簡単にだけでなく、アプリケーションの試用版を提供することができます だから、人々が一週間または何あなたがしたいためにそれを試してみましょうことができます。 つまり、ポータルを介してだけでカスタマイズ可能です。あなたはそのためのコードを記述しないでください。 だから、「あなたは一週間のためにこれを使用することができますし、次にあなたがそれを購入するんだ」と言う またはあなたがこのゲームの最初の3つのレベルをプレイできる」、のようなものを行うことができます 」と、あなたは残りの部分にアクセスするために購入するんだ。 " あなたが言うことができるようにあなたも、だけでなく、アプリ内購入を行うことができます 「我々は、追加の冒険またはロック解除されたグラフィックスや物事のセットを持っている - 「ロック解除され、よりレシピ - あなたがこれらの拡張セットを購入した場合 " そして、あなたは、すべてのアプリケーションやゲーム自体の中でそれを行うことができます。 だから、完全にあなた次第、あなたの選択。 あなたが店でできることはたくさんあり​​ます、 した後、基本的には、認定チャネルに提出している。 我々は少し後でそれについてのすべてを話すことができるが、これは目標です。 ここの店で、アプリ世界的に可視性を取得したい。 ここに戻ってスタート画面上で、私はもう少し周りをお見せしたいと思います。 私はこれらのアプリケーションを起動した場合、私はあなたに、ここでいくつかのクロスアプリの機能の例を挙げましょう。 そのためには、私は新鮮なペイントを起動します。 あなたがここに表示されますことの一つは、画面のすべての単一のビットで、 画面のすべてのピクセルは、あなたのアプリケーションにアクセスしてください。 ゴーンは、Windowsを中心にこれらの境界を持っている日です 常にスペースのすべての時間が占有しているボタンの多くが付いている。 今、あなたは本当に離れてそれから取得し、ちょうどあなたのコンテンツが焦点に持っていると思います。 我々は、メニューの他の種類にアクセスすることによって、Windowsとのことを行うことができます。 そのうちの一つは、魅力のバーと呼ばれるものが実際です そしてそれは、画面の横から出てくる。 あなたはタッチスクリーンを持っていれば、実際には、横からフリックすることができます あなたがマウスを使用している場合は、右クリックすることもでき、そのためのキーボードショートカットがあります、 ここの環境で何かをする複数の方法が常にある。 それはあなたがすることができる多くのことをもたらします。 最も明白には、スタート画面に戻ることができている、 しかし、他の4が魅力と呼ばれるものである。 彼らはあなたがアプリ開発者として差し込むことができる契約である。彼らはかなりクールだ。 検索では、私はあなたがやろうとしているものだと確信している、 私は2番目にあなたを紹介共有し、 とデバイスと設定、これらはすべて、アプリが差し込むことができるものである Windowsのを活用して、言って、「私は私の部分をやった 「そして私は、Windowsには、いくつかの他の機能をサポートしたい、 「そして私は、それが実現するために多くのコードを記述する必要はありません。 " それは本当に、これらの機能を使用する利点です。 私はあなたに1をお見せしましょう​​。 そのためには、私は新しい絵を作ってあげる。 私はまた、あなたのアプリケーションのためのすべてのピクセルを使用する方法について説明しました。 デフォルトでは、ペイントアプリは、あなたがそれを使用しているときのように見えるものです。 それはちょうどあなたが、あなたのコンテンツを描画している何でもについては本当にです。 私はここで恐ろしいことを行うことができます。私は何を描くべきか？知りません。 らくがき？ああ、素晴らしい。私は落書きを行うことができます。幻想的。 トルコ？ （笑） これはあなたが表示されます最も抽象的な七面鳥です。 私はまた、アプリケーションバーと呼ばれるものを持ち出すことができ、 これは本当にあなたが使用できる主要な方法の一つです あなたのアプリやゲームの前にあったかもしれないすべてのものを離れて非表示にする ちょうどすべての時間領域を占有して。 だから今は、ここでそれを置くことができ、これは本当に多くの美しい経験の一つです。 私が見てきたアプリバー付き。 異なる色を選択するため、ここでの選択肢を置く。 我々はトルコを望んでいたので、私たちはカップルの色の混合を開始、ここでいくつかの茶色を出してあげる。 我々はここで中間色を取り、その後ここに戻って得られます。 あなたは、描画を開始することができます。あなたの七面鳥があります。幻想的。 私はそもそも描くが、観客の前でタッチパッドでそれを行うには、さらに良いですができません。 これは素晴らしいです。 アイデアは、しかし、私は気にすべてが表面上で右ここにある。 の私は、私は誰かと共有するんだ、このにとても満足していたとします。 通常、あなたが他のバージョンのWindowsで行う場合と、 あなたは多分、スクリーンショットを取ると、あなたのテキストの一部のコピー＆ペーストを行うと思います またはあなたが共有したいというようなこと、 してから行くと、他のアプリケーションを開いて、その中にそれを置く。 ここではそれを行う必要はありません。 あなたが実際に魅力のバーを引き出すと、言うことができます "私はこれを共有したいと思います。" この時点で、それはあなたのすべてのアプリケーションを表示するようになるだろう それが共有されている何でもで作業する方法を知っています。 この場合、それは写真ですので、それは、言うことになるだろう "私はあなたが絵を持って参照してください。" 「あなたはそれを共有したいですか？ "あなたは、私はすべての時間を詰める自分自身を電子メールで送信見ることができます。 それがあることを認識し、それがそのショートカットとして私を提供しているの、 それはまた、私に写真を撮るに対処する方法を知っているすべてのアプリを見せている それを使って何かをやって。 これらはすべて、彼らがそれを行うことができていることをWindowsに記載しております。 この時点で、これはWindowsのです。 ユーザーは、ちょうど彼らがそれをどうするかを選択します。 私はPuzzleTouchの私のいつものやります。あなたは、私が時間をかけて、パズルのすべての種類を作成しました見ることができます。 私はPuzzleTouchを取ると、言うでしょう「私はPuzzleTouchでこの素晴らしい創造を共有したい。 " それは "素晴らしい。あなたはファンタスティック？これを共有したいと思います。」、先に行くと言うだろう 「あなたは、簡単だパズルを作りたいの中間、何か？ " 私はここで中間1を作ってあげる。 それは、パズルを作る。それは、ほとんど空白のだから、それはひどいなパズルになるだろう。 しかし、それは準備ができて、それが戻って、他のアプリケーションで実際にです。 私はここに出てくるなら、私はそれを検索して起動することができます。 我々はここで少しだけ上をスクロールした場合、今、私たちはどこかに私の作成を参照してくださいする必要があります。 私はどこに行くのですか？私は、パズルのどのような種類を作るのですか？私はそれが簡単にしましたか？ ああ、そこはすぐそこです。 [笑いながら]それはここにある容易に認識七面鳥のパズルです。 しかし、私はあなたに指摘しておきたいことは、ここではクールなこと アプリが互いについて何も知らなかったです。 彼らは、「私は共有する写真を持っている、と私は絵に対処する方法を知っている "と述べた。 そして、あなたは開発者として、あなたはそのコードを記述する必要はありません。 誰かが共有するために私を尋ねたとき、私はこの小さなデータ構造にいくつかのデータを置くつもりだ と私は終わりだ。 他のアプリは、引き継ぎのことをやって、それは共有経験の終わりです。 本当に、本当に強力な - それはあなたがすることができるだけで一つのことだ - それは本当にあなたのアプリケーションの差別化を助けることができるものの一つになるだろう またストア内あまりにもあなたのゲーム。 人々は、言うことができるとしている「これは本当に便利です。 " 「私は、このパズルの作成者すべての時間を使用しています。それはファンタスティックだ。 " つまり、ここで何が起こっているかを簡単に説明する程度で十分です。 我々は、コードを通過するなど、他の機能はあまりにも多分私達は強調するだろうがいくつかあります。 しかし、私はスライドに飛び込むために、それをやってみたい、私は、デスクトップに行くつもりです これ自体は、ここで別のライブのタイルです。 私は確かなことに、このに入ることができ、私は、私のスライドによ しかし、我々がどこにいる私は、実際にお見せしましょう​​。 私たちは、デスクトップモードで、実際にしている。 これは本当にここで私は、Windowsが前方に運ぶ程度前に言っていたもの 新しい経験に自分自身を示しています。 これはあなたが知っているWindowsのです。 Windowsアプリケーションは、デスクトップアプリケーションと呼ばれます。彼らはここに実行されます。 あなたは、既存のアプリを持っているし、Windows 8上でそれらを実行する場合は、 あなたは絶対にそれを行うことができます。 これらは、ここを超えている店舗のアプリと同じものではありません 新鮮なペイントおよびこれらのNBCのニュースアプリとそのようなことのような。それらは店から来る。 彼らは私があなたを見せていた機能の一部にプラグインすることができます そして私はまだあなたを示していない他のもの。 しかし、単に覚えておく。我々としても、これらのものの両方をサポートしています。 ごめんなさい。何かが画面上に表示されていない？私はそれを完全に失ってしまった。それは奇妙だ。 大丈夫。それを指摘していただきありがとうございます。 あなたがしばらくの間見ていないことは、私のデスクトップがここにあることを示している。 あなたが見た最後のものは何ですか？あなたはこれを見ましたか？ これはデスクトップです。あなたはすでにそれがどのようなものかを知っています。 それはひどく珍しい何もない。 それは私たちがあなたのために前進その経験を運んで、あなたが持っていたものを使わせます。 例えば、私はあなたには、Visual Studioを示すことでしょう。つまり、デスクトップアプリケーションです。 それは、このモードで実行するようになるだろう。 それは、より複雑な環境をサポートするために起こっている オプションとそのようなことの多いので、デスクトップアプリケーションのように良いオプションになります。 それによると、ちょうど少しのためのスライドに行きましょう そしてあなたにいくつかの入門コンテンツを提供して、実際にここのコーディングに入る。 良いニュースは、私はあなたが、CSSやJavaScript、HTMLの多くに焦点を当ててきたと聞きましたです。 あなたがWindowsストアアプリを作るに直接キャリーを学んできたもののすべて。 あなたはCSSセレクタとすべてのものを適用することで聞いてきたもの あなたが店のためにここアプリケーションを作成するために何を正確に何である。 私たちは、少しでこれらの事ビットを通過します。 基本的に、私はあなたが既に学習する時間を取ったもので作っている。 これはあなたが使用できる技術の全体的なチャートである Windowsの8のためのアプリケーションを作るために。 右のもの、デスクトップアプリでは、我々がすでに知っていることは本当にある。 それは本当にWindows 7の世界では、Windows 8にも引き継がれているものです。 これらのオプションはすべて、繰越：C＃、VB、開発のWin32の種類を。 素晴らしい。問題ありません。新しいものは、左側にある。 それは私が自分のアプリケーションをWindows 8に配線を取得したいときにはですが、Windowsストアのアプリだ すべてのこれらの機能を使用して、ストアにそれを取得し、その本当にクールな経験を得る Windowsストアアプリケーション。 そのためには、あなたは、XAML、C + +で、すべての選択肢を持ってここに見ることができ、 C＃やVBは、あなたは、DirectX、そのようなことは、スライドを越えて行くことを行うことができます。 しかし、私たちのために、我々は、HTML、CSS、およびJavaScript事実に権利で集中するつもりだ 本当にWindows用のアプリケーションを作るための第一級市民で8 およびWindowsストア。 だから、これはここに誰もが、ビデオで見ている人に適しています あなただけが持っているすべてのこれらの経験を活用することができますので、 本当にWindowsが提供するものに接続します。 あなたは、当然のことです一連のAPIを通じてそれをやろうとしている。 すべてのOSには独自のAPIを持っています。 我々は、WindowsはWinRTのと呼ばれるものを通じて何ができるかを公開します。 それはちょうどあなたのためにすべてを行い、一連のAPIです。 あなたがファイルを開くために必要がある場合は、カメラ、地理位置情報、そのようなことを使用する必要があり、 彼らは、Windowsがあなたに提供できるものを通過します。 それにアクセスするために、我々はそれをさらに容易にするために起こっているいくつかのより多くのJavaScriptの設定を持っている あなたはそれをするために。私たちは一瞬のものに得られます。 しかし、今のところ、それは基本的にロードマップです。 あなたは既に一部のAPIの上に行ってきたもの あなたはWindowsで動作することの助けには店のアプリに等しい。 そして、それは本当にあなたがハイレベルから知っている必要がありますがすべてです。 私たちは、実際に今のものを扱うに飛び込むだろう。 あなたはおそらく既にの束を見てきたもの、 IE9を少し戻っている間、我々は一度に、多くののためのサポートが導入され、 新しいウェブにおける標準なので、新しいCSS機能の多く、 本当にJavaScriptのある新しいHTML、ECMAScriptの5の多く。 だから、strictモードを除いて、そのためにすべてをIE9にあった。 CSSを使用したもののちょうどトン、CSS3、すべてそこにある。 そして、すべてこのようなものは、我々は、Windows 8でやっていることに楽しみに運びます。 あなたはこれらのものを使用することができ、あなたはIE10の新機能のすべてを使用することができます。 IE10で我々としても、これらの事のすべてのサポートを紹介します。 彼らがしているすべてのハードウェアアクセラレーションで登録して、GPUのいくつかの種類を持っているマシンを使っているのであれば、 これはおそらくほとんどは、過去8年間で得ることができるすべてのマシンであり、 あなたはハードウェアアクセラレーションの出力を持つことができるようになるだろう、 CSSを使用した視覚的な出力、キャンバス、SVG。 すべてのものは、ハードウェアアクセラレーションを通過します そのはるかに高速かつ効率的であること。 このすべての短いバージョン - 私は申し訳ここに一つ一つの事を通過するつもりはない - このリストの上に表示された場合、あなたがIE10でそれを行うことができれば、 それがIE10で動作し、実行しているWebアプリケーションの場合には、 それはあなたがWindowsストアアプリとして行うことができるものです。 そして、それはかなりそれだ。それがIE10で動作するのであれば、それはWindowsストアアプリとして動作するようになるだろう。 それはあなたが使用できるものとして、テーブル上にある。 ここにたくさんあり​​ます。私たちは、真夜中まで持っていないので、私はここですべてを確認することはできません。 しかし、あなたはこれらの事は何ができるかを理解するのに役立ちますいくつかのサイトがありますが、 と私は2番目にあなたにそれらのいずれかを紹介します。 私はちょうどあなたが見て可能性のある主要なものをいくつか指摘したいと思いました。 たぶん、あなたはすでにあなたの研究で、これらのいくつかを見てきた、 これらは、CSS側から、Windowsストアのアプリで、特に、本当に便利です。 だから、変換と移行を行うことができること、アニメーションでモーションを提供 - これらは、現在、すべてのCSSの一部であり、それらはすべてのモダンブラウザでサポートされています とIE10とIE9は、これらすべてのもののために時間をかけてのサポートを追加した。 そして、なぜ、なぜ、手でこれらのことを行うためのすべての問題を通過し、それを自分で書く アプリケーションのための3D効果を作成するために簡単なCSSの変換を使用することができたとき？ 素晴らしい。つまり、それがどのように動作するかです。 私はそれよりもこれ以上難しくすることができません。 あなたは、CSSでそれを行う方法を知っていれば、Windowsストアのアプリでそれを行う方法を知っている。 レイアウトのためにそれを超えて行く、でもストアのアプリのようなもの、 しかし、あなたの記事を見せているかもしれないニュースアプリを見て、それを超えて行く またはそのようなレシピや物事は、CSSの機能のこれらの他の種類は本当に便利です。 グリッド、フレキシボックスは、CSSの地域も同様に、かなり新しい規格の詳細です。 これらのことはすべて、あなたがコンテンツをレイアウトし、セクション間のコンテンツのフローを支援しようとしている あなたがものを自分で記述することなく、ページ付けやハイフネーションを行うことができる。 あなただけの "、私のために次の操作を実行してください」と言う そして、画面の不動産は、異なるマシン上に異なっているように または、アプリケーションをスナップとしてあなたは、すぐに説明しますが 画面上のスペースの少ない量を持っている、それはCSSの問題ありません。 これは、を活用することができます - 二のメディアクエリに関するwe'llトーク - それが地域からコンテンツを流れるコンテンツを再配置することで物事の世話をすることができます ちょうどあなたがすでにウェブ技術を見ている可能性がありますこれらの事で。 HTML5の側では、物事の束もあります つまり、Windowsストアのアプリであなたのために非常に参考になります。 再び、我々はこれらのすべてを行くことはありませんが、彼らはただここにいる。 だから、あなたがそれを使用する必要がある場合は、オーディオ·ビデオ、あなたがフォームから検証を行いたい場合、 地理位置は、JavaScriptの5かのECMAScript 5とJavaScriptで行うことができますすべてのもの、 ローカルストレージ用IndexedDB - これらはすべてあなたのためのオプションです。 あなたは答えを探しているなら、単にHTML5とCSSで既存の技術に目を向ける あなたは、その多くのものを自分でロールバックするよりも簡単に答えを見つけることができます。 私はここで少し周りをお見せしましょう​​。 私は、我々が行くことができるサイトを持っている。 私は第二のためにこのスライドからやめましょう。 我々はIETestDrive.comに出て行けば、 私はここのデモの多くを行うことはありません。 IETestDrive.comは本当に、あなたにIE10での新機能の多くを見せている あなたがすることができるもの。 私は、これが原因で、代わりのホワイトペーパーの束を通読本当に便利です見つける いくつかのデモを見て、それはあなたがあなた自身の個人的なレーダーの上に置く助けるために起こっている 技術があってもで、これ以上の研究を行うには意味があるかどうかについて だから、「私はこれが何のためにあるのかを参照してください。」、理解するでしょう 「私は要求アニメーションフレームが私のために何をするか理解しています。 " 「私は領域またはSVGフィルタを使用できるかを理解しています。 " あなたはここでの例でそれらを参照して、アクションでそれらを参照してください、 それはあなた自身のプロジェクトでそしてを越えてあなたに役立つことになるだろうならば自分で決める あなたがWeb技術で動作するように続けている。 ここで私はただ見てみることをお勧めだろう。 私は実際にこれらを実行している多くの時間を費やすだろうとは思わない。 私たちは、コードの記述に示すのに十分持っている。 あなたは、タッチエフェクト、そのセクション内へのタッチベースのゲームから、ここで物事を見ることができます アニメーション、そこに本当に速いハードウェアアクセラレーションアニメーション、 あなたにも、これらのサンプルのいくつかで表示されますいくつかの最適化、 そして多くの、より多くのがあります。 あなたはこっちに行くとサイトマップを開くと、 ここのサンプルだけでとんでもない数があります。 あなたがここにすべてを見ることができます。 あなたが何かを見たりしている場合、あなたは何かを聞いた あなたは多分、このアプリで使用するクールなものになるだろう疑問に思っている、 ここで探してみて、それが自分自身にいくつかの時間を節約するためにかなり良いデモはおそらくあります。 大丈夫？ここに人々のためのこれまでのご質問？ 大丈夫。我々はここで続けていくでしょう。 繰り返しますが、まさにそれをチェックしてください。 彼らは、Web標準なので、あなたが知っている他のショーケースのサイトに移動します これらの技術は、あなたがやろうとしているもののために意味をなすかどうかを確認します。 スライドにバックアップします。 それによると、あなたが本当にインストールされたローカルアプリケーションの世界にWebの世界から移動している ので、ここで指摘していくつかあります。 まず第一に、ここでは関係ないWebサーバはありません。 何Apacheはありません、ここで実行中のIISはありません リモートブラウザエージェントに、リモートクライアントにページを提供する。 この場合は、本当にすべてがあなたのためにパッケージ化されています。 あなたは、保存するためのアプリケーションとして、それが認定されることを提出 それは店に出ますし、その後の何千というによる人々があなたのゲームやアプリをインストールします。 しかし、基本的に、彼らは彼らのマシンにローカルに引き下げている。 リモートAPIが必要呼び出しがない限り、もはやWebに出かける必要はありません、 それはあまりにも同様に完全に正常です。 しかし、彼らは、彼らはサーバからの要求応答を行かなければならない、そのモードであることを行っていない その内容の次のページを取得します。 だから、言った、いくつかのマイナーなAPIの違いがあります。これらは非常に軽微なものである。 彼らはあなたの通常のコーディングであなたをヒットしそうだが、彼らは、少なくとも文書化している。 彼らはそこにエッジケースのようなものだ。 指摘する価値が他の事は信頼の違いである。 私はちょうど私がそれを言ったことを確認したいので、私はこれをのみを言及 ので、後でそれに実行する場合、あなたが思うだろう、「クリスは、このことについて何かを言った "ので、多分、ええ、大丈夫」と、あなたは戻って、あなたはそれが何であったかを調べる。 コンテキストは重要では。 デフォルトでは、我々は攻撃のベクトルからユーザーを保護するためにしてみてください。 あなたは、デフォルトで行うことができます特定のものがあります。 そして、特定の物事はあなたが有効にするためのコンテキストを変更する必要があります。 あなたはそこにいくつかのライブラリを使っているように - you'veは既に、jQueryを使って仕事をして あなたはそこに他のライブラリを見てみると - あなたは一部の機能を使用している可能性 その種類のよりダイナミックな相互作用を行い、地元の利用状況を超えて XHRリクエスト、そのようなこと。 時々、あなたはそれらがデフォルトで無効になります見つけるかもしれない、 その場合には、単に、ローカルおよびWebコンテキストを探し、検索を行う あなたはこれを修正する方法について見ていきます。 ちょうどあなたが他のフレームワークを利用する前に、必ずそのことについて知っていたします、 これ、私は言及する必要があり、あなたが完璧に行うことができるしている。 だから、他のいくつかのフレームワーク発見した場合 - 第二は、この約we'llトーク - ゲームのために、あなたはそれを使用したい、あなたがそこにいるいくつかの制御ライブラリを使用したい あなたはその原料を自分で記述する必要はありません - それは右、良いアイデアですか？ - あなたは絶対にこのようなものを使用することができます。 背中のJavaScriptをベースのライブラリのいずれかの種類を使用してからあなたを保持して何もない、 CSS、HTML5。 繰り返しますが、それはあなたがこれらの日多くの一体であるIE10、で行うことができるものなら、 あなたはそれを行うことができます。 、あなたのアプリにそれを引っ張っJavaScriptライブラリ、アプリケーションでそれを使用することを参照、 たまに - ちょうどあなたがたまにはセキュリティコンテキストを打つ可能性があります覚えておいて。 私たちが行くようにして、機能には、我々はそれらのいくつかのより多くの上に行くよ。 あなたはより多くのアプリケーションを参照しているように種のに慣れるよUX Windowsストアから。 あなたは彼らがどのように動作するかの感触を取得し、どのようにデザインの美しさが機能する傾向がある 異なるアプリケーションと何の人々が経験するために使用されます。 それは本当に重要な部分です。 彼らはあなたのアプリケーションを起動するとき、彼らは説明書を読む必要はありませんことを確認して、 彼らは、方法で、絶対にしないでいる。 彼らはただ、あなたのアプリケーションに再生を開始することができる必要があります そして多くの困難なしでそれを考え出す。 これらのプラクティスの多くに付着し、付着していることにより、 あなたはそれが容易になり、ユーザーの大きな支持をやろうとしている。 大丈夫。最後のAPI側のものと、我々は実際にコードを書くことに得るでしょう。 WinJSの私は、複雑なスライドを非常に簡潔に述べたものの事です。 あなたがアプリケーションを作るために持っているすべてのそれらのさまざまな選択肢を持つ。 WinJSのは、バディと考えることができます。 それはあなたがより迅速にものを書くのを助けるためにあなたの友人です。 それだけで、JavaScriptとCSSのだ。あなたはそれを使用する必要はありません。あなたはそれを使用することができます。 あなたはWindowsの機能への呼び出ししようとしている場合は、それを使用して終了します、 しかし、あなたが本当に使用したくないいくつかのデザインパターンやコントロールのようなものがあるのならば、 あなたが何か他のものを使用したい、それはあなた次第です。 使用したいかを決定し、使用するスタイル。 は名前空間とクラスの世代からの特徴 - あなた次第。 あなたは、どちらか一方を好むなら、それは完全にあなたの選択です。それはまだ、JavaScriptとCSSのだ。 しかし、それはあなたが多くのものを行うのに役立つだろう。 例えば、ここには何ができるかのサブセットですが、 約束して非同期プログラミングを支援するようなもの。 あなたのいずれかがを聞いたことやNode.jsのと仕事を？ これは、非同期プログラミングで動作するように一般的なパターンです。 だから、基本的には何を言っている何かを行く」、である、 「あなたは私にあなたが完了したら、あなたは私に戻ります約束を与えることになるだろう。 " つまり、何が起こっているか、本質的です。 ユーザーがファイルを行くと拾っている間つまり、あなたのアプリケーションを凍結していない か何かは、Webからダウンストリーミングされている。 UIが応答のまま。 そして、あなたは、非同期プログラミングを使用することによってそれを行うことができます。 それは途方もなく複雑に聞こえるが、あなたが約束を使っているので、それは本当に簡単です あなたは単に "これを行うに移動し、設定が完了したら、このメソッドにコールバック。」と言う つまり、かなりそれだ。つまり、WinJSのに組み込まれてすべてです。 それは非常に簡単に、本当に柔軟で強力なアプリケーションを記述することになるだろう。 あなたは、ここにアニメーションをたくさん残りを見ることができます。 おそらくこのスライド上のより重要なことの一つは、コントロールです。 私は、全体を持っていると思う - ええ、私はやる。 ここでは、あなたのアプリケーションで使用できるコントロールのほんのいくつかの例を示します。 これは、すべての真上WinJSのである。 あなたはこれらの自分を書いていない、 あなただけの「ここに私は自分のアプリケーションを構成する方法です。」と言う 「私は別の画像間で行くことができますので、私はフリップビューを使用します。 " 私はあなたにセマンティックズームを示していない。私は2番目にあなたのことを紹介します。 リストビュー。のGridViewがあります。 すでにStoreアプリケーションの一部としてグリッドを見てきました、 従って、コンテンツのブロックを使用することができるし、その全体でのスクロール。 フライアウトメニューは、あなたが時々表示されます。 アプリバーは私だけでなく、新鮮なペイントアプリケーションであなたを示した だから、あなたがそれのボタンを置くことによってそれをカスタマイズする方法を見ました そしてあなたがそれを使用することを気にしないときには、離れて非表示にした。 つまり、使用することを完全にあなた次第です、本当に。 これらは、WinJSのの一部であるすべてのコントロールです。 私はちょうど第二に、これらを作る方法を紹介しますが、ちょうどこれ以上はあり、 そして重要なことは、必要であれば、それらを使用するいくつかの時間を節約である。 あなたが使用したい他の制御ライブラリがある場合は、それもまったく問題ありません。 jQueryのUIのようなものは、同様に考え、この種の多くを行う あなたは、HTMLとJavaScriptで何ができるかを拡張する複数のコントロールを提供する。 私はすでにそれを言ったインチのダイビングしてみましょう。あなたが好きなものを使用してください。 ちょうどあなたが、いくつかのコンテキストの問題に遭遇する可能性があることに留意してください。 しかし、あなたは確かに、混ぜて、あなたがに慣れているライブラリのどんな種類を一致させることができます あなたは自分自身にいくつかの時間を節約するために、使用したい、学びたいと思っています。 ちょうど第二のためのツールについてお話しましょう​​。 あなたは、Windowsストアのアプリの使用を開始するために必要なものを得ることができます。 私は外出している場合、私はここであまりにも多くのものを持っている。 あなたはdev.windows.comでこのページにアクセスした場合は、 あなたは必要なすべてをダウンロードすることができます。 学生として、あなたは、一般の人が行うよりも多くにアクセスすることが これは、Visual Studioのハイエンドバージョンを取得することができます。 エドウィンは、すでにだけでなく、Windowsのを得ることができます言及した。 しかし、一般的には、すべての開発者のために、あなたは、このサイトに行くことができる あなたがアプリケーションを作るために必要なすべてをダウンロードし、それはすべて無料です。 そうはVisual Studioの無料版があり、 それのと一緒にインストールされ、いくつかのツールがあります - アプリケーションを作成し、テストするために必要なすべてのもの。 それはあなたが店にアプリケーションを構成公開するつもりだときにのみです あなたは開発者アカウントが必要になるだろうという。 これも私は自由であると考えています。それは同様に学生のための無料ですか？ >> [Guarin]どっち？ 開発者アカウント、実際の提出。 >> [Guarin]はい。 それは、より良いニュースだ。 あなたはこれを見て行きます。 それは49ドルのデフォルトによって、個々のために言うでしょう。 しかし、学生として、そのためにサインアップしていない。 私たちは、あなたが無料のアカウントを取得することができ、あなたのプログラムを通じて、あなたにいくつかの情報を取得します、 それはあなたが右のストアにあなたの申請書を提出できるようになる、 など好きなように多く、その良さのすべてがすぐに従います。 だからdev.windows.comです。 あなたはここから必要になる場合がありますツールをダウンロードすることができます。 あなたが望むなら、あなたはここでは、Windowsの試用版を入手することができ、 しかし、繰り返しになりますが、する必要はありません。 他のサイト - 私はすぐにあなたのためにこれを指摘してみましょうが - design.windows.comです。 それはdev.windows.comた。 Design.windows.comは、あなたはそれがために何を推測することができます。 それは実際にはかなり相性の良いサイトです。ここで良い情報がたくさんあり​​ます。 あなたはそれを介して動作することができます。 それはあなたにいくつかの事にいくつかのアドバイスを与えるために起こっている それ多分あなたは、約前と思ったりする前に対処する必要がありませんでした 異なるフォームファクタのための設計、タッチのための設計のように、 Windowsの8の機能のための設計、私は前に述べたもの 検索と共有のように、私はまだ話をしていないいくつかのこと。 彼らはすべてここに記載されている、それが役立つファイル·ページのかなり良いセットの それは、アプリケーションの特定の種類を作成する方法を理解するのに役立ちます、 相互作用を行う方法を、どのように、アプリケーションのUIとUXに対処する。 私は、あなたがいくつかの点である場合は特に、あなたはこれを見てとることをお勧めします ストアにアプリケーションを公開することを望んで。 あなたは良いアプリケーションを作成する方法を知りたいとしている 私はそうしないと前に述べたので、それらのレビューが再びあります。 人々が不幸になるだろうしている。 彼らは、彼らが適切な場所で期待のものを見つけることができません。 誰もあなたに起こるためにことを望んでいる。 ここに進めて、私はそれを閉鎖してみましょう。 今、あなたはどこに事を得るために知っていることを、私は実際のものを使用して開始する方法を紹介します。 開始するには、私は実際にここに私のスタート画面上のデスクトップアプリの例をお見せします。 ここでは、Visual Studioは、あなたがブレンドし、私が持っている他の開発ツールを見ることができる見ることができます。 彼らは、わずかに異なるタイルを持っている。 彼らはデスクトップアプリケーションであるからだ、 それらの場合、彼らはすべての私のデスクトップに戻って起動しようとしている 実際には、あなたが慣れているアプリなど。 ように、Windowsの経験は、それは同じことだ。 彼らは武装したように、例えば、ではありません！またはこれらの事。私はすぐに1を起動してみましょう。 実際に、ここで興味深い一つだ。 これはNERDのパートナーシップで働い学生によって開発されました。 フルスクリーンアプリケーション、ここでの経験、これらの種類。 ああ、素敵なカット画面や面白いもののすべての種類。 彼らはこれを開発した。我々はそれをしている間、我々としても、全部が表示されることがあります。 実際、私は彼らと一緒に仕事を少し、彼らに物事にいくつかのアドバイスを与えた 彼らは、アプリケーションのJavaScriptの設定をやっていたので。 、私は自分の仕事のための信用を取っていないよください、彼らはすべての仕事をしてくれました。 私はここにある彼らにアドバイスを少し与え、 しかし、彼らにはJavaScriptのフロントエンドを使用して、いくつかの素晴らしいものでした この多くの仕事をするためにいくつかの物理エンジンとの事で同点。 行く。それが動作するかどうか見てみましょう。 うわー、それはまだ働いていた。良いすべての権利、。しかし、あなたのアイデアを得る。 フルスクリーンのアプリ、本当に良い経験。 私はそのようなものを持っているだけでなく、触れた場合にこれが私のマウスとペンだけでなく、支援している。 私はタッチスクリーンを持っていた場合、私はちょうどその上に描画し、その作業を続けることができます。 一、私は示さなかったものであり、私はこれを育てていた理由 私はあなたが何ができるかをお見せするために別のアプリを持っていると思っている、 実際には、Windowsのアプリケーションを取得し、画面の端にドラッグすることができます。 これは、アプリケーションのスナップと呼ばれています。 この場合、私はInkarusを撮影したと私はこちら側にそれを追加しました。 これは、スナップビューになりました、それはそのアプリケーションが存在している間、私は他の何かを行うことができます。 あなたが見つけるほとんどのゲームは、単に一時停止します。 あなたのゲームが何らかの形でスケールダウンすることができない限りは、通常は行うにはまともなことだ ボードゲームのかもしれないいくつかの種類のように、解像度の小さなへ または機会にそのようなこと。 しかし、一般的には、最も簡単な方法やゲームのために行うための最も適切なもの アプリケーションを一時停止することです。 ニュースのアプリのようなアプリケーションのために、私はこの1を起動してから、私はそれをスナップした場合、 あなたはそれが実際にそれはあなたにデータを提示するのはどのように大きく変化がわかります。 ここでは、その情報は本当により垂直鍋であなたを見せて、 私はまだ絶対にアプリケーションを使用することができます。 だから、まだ非常に便利です。 それは小さい表示であるという事実は、そのアプリケーションを使用してから私を維持することはありません。だから考えてみてください。 それはあなたのアプリケーションがある程度やる持っている必要があるものですが、 それは、あなたのアプリはどうあるべきか、機能を決定するのはあなた次第です 小さい環境の現物。 私がダウンし、その1を閉じて、我々はここにいた場所に戻りましょう。 エドウィンは、すでに私の写真を追加しました！ >> [Guarin]うん。 >> [ボウエン]という見なさい。 それを参照してください？エドウィンは、写真を追加しました。 （笑） のは、Visual Studioにこっち戻りましょう。私はあなたのためにこれを起動してみましょう。 私は、スタート画面にタイルをクリックした可能性があります。 それが戻ってデスクトップモードに私を持ってきて、それは、Visual Studioのデスクトップアプリを起動だ。 これはあなたが既に知っているWindowsのです。 私が先に行くと、ここでプロジェクトを作成することができます。 我々にはJavaScript、HTML上で再び焦点を絞ります。 私は外出やJavaScript、Windowsストアの下でここまで選択するつもりだ。 あなたが使用できるテンプレートの数があります。 生産性のために、私はあなたがここにこれらの他のもののいくつかを見てみましょうお勧めします グリッドとスプリットのような。 アプリケーションを作っているなら、彼らは本当に便利だ それは、デザインとナビゲーションのようなものを持っているつもりだ。あなたは、これらの多くが表示されます。 私はあなたを示した1は、実際にはグリッドアプリケーションのインスタンスだった。 だからあなたがニュースアプリやRSSリーダーを作ることになるだろうと思われる場合 または[詳細を表示したいのですがどの用に複数のエントリを扱うことがそのような何か、 すぐに開始するために、これらのテンプレートのいずれかを使用して考える そこからのカスタマイズ。 しかし、単にので、私はあなたをここにすべての可動部品を表示することができます 私は空白のアプリを作成するつもりだし、私たちは詳細を少し深く行くよ。 私はここでその空白のアプリケーションを作ってるんだ。 それは私のためにプロジェクト全体を作成するために起こっている。 私は、デフォルトでお見せしたいものを開きます。 私はちょうどここに私たちのために作成されているのかをお見せするために、少しズームインしてみましょう。 あなたが最初に見ていくつもりです物事は、すべてデフォルトの名前が付けられます。 だから、default.htmlの、にDefault.js、およびdefault.cssにのために見ていくつもりです。 指摘して他の事は、我々はすでに、私は前に述べたものに参照を持っているということです。 これはWinJSのです。誰も実際にここ、この長い名前、それを呼び出していません。 それは、WinJSのは、JavaScript用Windowsライブラリです。 あなたがそれを開くと、それがここですべてです見ることができます。 別のCSSファイルがあると、JavaScriptがあります。 それはあなたを助けるためにあります。 これは、コントロールとスタイルとあなただけを自動的に使用できるものを提供するために実際にあります。 しかし、再び、あなたはスタイリングや他のコントロールの面で代わりに使用したいものがあるなら、 それは完全にあなた次第です。私は今、それらの物事のカップルを使用する方法を紹介します。 振り返って私たちの左手側に、私はあなたにデフォルトのHTMLページを表示してみましょう。 すでにWinJSのものを見てきた、それが実際にそこに起こっていることがすべてです マークアップのそれらの中間線で、単にデフォルトでは、CSSを持ち込む そしてWinJSのからのJavaScriptファイルのカップル持ち込み。 あなたは、これらのファイルの中に何が起こっているかのマスターである必要はありません。 それはちょっとそこで起こっていることを確認するためにそれらを見てみることはかなり興味深いです かなり興味深い中間と高度な技術がそこにありますが起こっているので、 しかし、良い点は、開発者として、あなたはちょうどそれらを使用し、それらを利用することができている そして実際にそれを心配する必要はありませ。 あなたはまだ右、それがどのように動作するか知らなくても車を運転することができますか？ だから、ここで起こっているもののようなものだ。 あなただけ先に行くと、使用できるコントロールとスタイルとものがあります そしてあなたがそこに何があるか知らなくても、第二で使用できるコードです。 ここに自分のファイルがあります。 これらは、独自のCSSを変更することができ、あなたの場所である そして独自のJavaScriptは物事が転がり取得します。 あなたは確かに他のJavaScriptファイルやおそらく他のCSSファイルを追加することができます あなたのプロジェクトとして成長が、これは実際には出発点です。 ここでこんにちは、HTMLの世界と同等ですので、我々は戻ってbodyタグにいる。 上部にある、ところで、HTML5のDOCTYPEです、 だからあなたが取り組んできたものからそれを認識します。 あなたはvideoタグ内の型のようなことを行うので、もし完全なIntelliSenseが、ここにもであります そのを展開し、おそらく事実を学んだ あなたは、HTML5のビデオタグのフォールバックのエンコーディングを行う必要があることを - または多分あなたが持っている - 異なるブラウザ、ビデオをサポートしていることを確認します。 我々は、HTML全体では、JavaScriptを横断、CSSの間でこのようなことがあります。 それは中の組み込まれている、と私はあなたが第二の[CSS紹介します。 ここでは、先に行くと、コード、マークアップの変更を開始することができます。 私は何かを変更する前に、実際には、私はこれを実行し、あなたが得るものをお見せするつもりです。 あなたがカスタマイズすることができ、スプラッシュスクリーンを取得するつもりだ そして、あなたはこんにちは、ここでは世界の経験を得る。それは右、ファンタスティックだ？ 先に行くと、船という、ね？ コンテンツがここに入ります。それは基本的なことだ。 それだけで、そこから良くなることができます。 我々は先に行くといくつかのものに追加します。 私はここにコピーするつもりだマークアップを少し持っている ちょうどので、あなたが入力して、私を見てする必要はありません。 私はここに、ツールボックスを持ち出す行こう、と私はこれを数回やっているだろうので、私はこれを固定します。 あなたがコントロールの束を見つけるつもりだどこにツールボックスは、Visual Studioを見ていない場合には、ある。 また、あなたが再利用できること、その中にコードスニペットを置くことができます。 ここで私はいくつかの他のHTML、全くここにひどく先進何にポップします。 それは私が私が入力できる入力を持っていると言ってただ基本的なHTMLですが、 私はそれを提出することができ、ボタンを持っているし、私は基本的に、プレースホルダのDIVを持っている 私は「こんにちは、これを入力します。」出力に使用することができます これはHTMLの例とイントロです。 私はこれを実行すると、我々は自動的にHTMLを取得するが、我々はまた、自動的なスタイリングを得る。 これはWinJSのからの重要なものの一つです。 これはデフォルトでいくつか見てあなたを与える、それが本当に一致している感じになるだろう Windowsの8が何をしているかの残りの部分と。 ここでは、ボタンのようなものを参照してください。 HTMLで、デフォルトでボタンを押すと、そのようには見えませんが、ここにいます それが正しいWinJSの中で、そのCSSファイルからそのCSSを取得だから。 あなたはそれを変更したい場合は、何か他のものを使用したい場合は、完全に罰金、 先に行くと、あなたが好きなものを行う。しかし、それはデフォルトです。 これは、ユーザーにとってより身近になるだろう。 私は実際にコードの任意の種類を配線していなかったため、もちろん、これは何もしません それに応答します。それはちょうどHTMLのだった。 だから私はそれを取り除くことができ、我々は戻って私たちのアプリケーションに来る。 私たちにDefault.jsに切り替えるましょう。 これはかなり複雑に見えますが、それはあなたのためだけにいくつかのことをやっている。 それが決まり文句だ。これは、すべてのプロジェクトで同じになるだろう。 これが何をしている唯一のものは、だけの種類、求めている "どのように私はここに来たの？" そして「あなたが初めてこのアプリを起動している？ "、と言って "あなたはそれが中断されて持っていることから、アプリを再開していますか？" そのような物事のカップル。 本当に、ここにこのファイルへの注力は、ここで約権利である。 この時点では、この1行のコードはかなり重要です。 それは実際に行くと、マークアップのすべてに目を通すために起こっている、 それはあなたがコントロールになっているように求めてきたものを見つけるために起こっている、 フライアウトのようなグリッドビューのような評価·コントロールのような深いコントロール、、 そして、私はその前にスライドにお見せしたもの、他のもの。 彼らは、ネイティブのHTMLコントロールではないね。 あなただけの要素としてフライアウトを言うと、それが何をすべきかを知っている必要はありません。 私たちが実際に行うと、コントロールフレームワークの他の種類の中で起こる同じことである。 jQueryのUIは、一般的なアプローチと同じ種類を行います。 あなたは、あなたのHTMLでマーキングを使用してから、いくつかのJavaScriptは、後に伝わってくると言う "ああ、私はそれが何であるかを知っている。それはこのようなものに変えられるように、このを求めだ」 これは、評価コントロールのようにするほか、より表現のHTMLです これは、私は今あなたを紹介するものです。 このコード行は、この約束が満たされると、「言っている約束で、 「あなたが求めてきましたすべてはそれから作成されました。 " そして、それはこれだけです。それは少し複雑に見えますが、それは実際にすべてのプロジェクトで同じです。 あなたが起こるようにしたい、他のどのようなに追加を開始できる場所ダウンここで、 私たちは、第二にバックアップすることに来る。 まず第一に、私が実際に応答することができるコードのビットを必要とする 誰かがボタンをクリックしたこと。 私が先に行くとダウン、ここでそれを置くつもりです。 繰り返しますが、私はここであなたの目の前に任意の入力を行うつもりはありません。 非常に基本的なJavaScriptはちょうどこのが呼び出されたときに言って 我々は我々がここに来た方法についてのいくつかの詳細を提供することになるだろう そして、我々はいくつかの基本的なことをやろうとしている。 nameInput名前は私のHTMLページに事を探しに行く、 それをつかむ、その前にその値、平手打ち "Hello"を取り、スティック、その結果の文字列 それは本当に前には何も持っていなかったの前に我々が持っていたことをdivタグに変換する。 今、私たちは、そのタグを検索し、その文字列への内部の内容を等しくするつもりだ。 非常に簡単なJav​​aScript。 うまくいけば、ここで起こって珍しいものは本当にありませんことを認識しています。 それはここだけで、普通のHTMLとJS次第です。 私は今、これを実行すると、私はそれを有線していないので、それはまだすべての作業をするつもりはない イベントを受信する。 そのためには、私は、再び私のツールボックスに戻って、右ここことをやる ここでそれをポップする。 私はあなたが前にもののすべてのこの種のを見てきました期待してたので、私はそれを過剰に説明しません。 今、私たちはhelloButtonを取りに行くつもりだ。 私たちは、言うつもりだ」ボタン、おめでとうございます。 " 「ここでは、今に応答しているイベントです。 " 「誰かがあなたをクリックすると、この機能、buttonClickHandlerを呼び出します。 " そして、それは我々だけであり一番下にある右下の追加という機能だ。これだけです。 だから今我々は、驚くほど機能的なアプリケーションを持っている。 私は本当にこの感銘を受けると思います。 クリス。それを待つ。うわー。大丈夫。それは驚くべきことだ。 （笑） しかし、それだけではありません。まだそれを購入しないでください。待つ。 私はもっ​​とここを少し示して、フルスクリーンから出てみましょう。 我々は実行する前に歩くつもりだ。 私はCSSであなたに少しショーで、実際に行ってみましょう。 ただ、デフォルトでは、我々はこちらのページを振り返ってみると、 、我々は、WinJSのからこれらの事に引かれ、我々は、UIの明暗を得たときはいつでも 実際には、光照射を使用するためのデフォルトに変更することができます。 UI-ダークは、写真をたくさん使っているようグラフィックアプリケーションに適しています あなたはビジュアルコンテンツの多くを見せている。 あなたはテキストコンテンツをたくさん見せている場合は、UI-光は、一般的に良い選択です。 あなたはそれを選択する必要はありませんが、私はそれに切り替えた そして今、あなたは同じマーク、同じすべてのものを見ている、 それはちょうどここに、基本的に反転したスキームを使っている すべてが白にはブラックのテキストを作っているところ。 それはすべてが順調と良いです。 私がここを取得しましょう​​、とのは実際にはCSSでもう少し頂きます。 私はそれが画面上に表示する方が簡単だと思うので、私は暗闇の上に戻ってあげるよ 私はこれらのことをやって起動するとき。 私は身体をもう一度交換するつもりです。 私はここに行きます。私は、これを核攻撃しましょう​​。 それではクラスで体を持ち込むましょう。 私はあなたがCSSとすでにそのようなことで、基本的なセレクタをやったと信じて、 だから、おそらく、ここで何が起こっているか知っています。 ちょうど私たちのヘッダにいくつかのクラスの割り当て、我々は新しいDIVを作成している 我々は今、すべて一緒にスタイル設定に使用できるものの残りの部分をラップする。 それでは、私が今できることは、私たちのデフォルトのCSSに行くです。 まだメディアクエリを見たことがありますか？あなたがすべてでそれについて話をしている？ メディアクエリは​​、この緊急のトレンドの一部である - または、Web上で今実際に確立傾向だ - 応答性の設計または適応のため、 とアイデアは、アプリケーションが実際に適切に自分自身を調整することができますということです 彼らは上に表示されているデバイスは何ができるかに基づいて。 あなたがモバイルデバイスにしているのであれば、明らかにあなたは、できるだけ多くの画面の不動産を持っているつもりはない あなたは大きな30インチのモニターにデスクトップと座ってますように、そのような大きなパソコン。 だから古い答えは同じページの5、6異なるバージョンを持っているだろう あなたは、その特定のサイズの画面用に調整されたバージョンを開くと思います。 素晴らしいではありません。それは非常に、非常に反復的だし、それを行うためのメンテナンスのトンがあります。 今、私たちは、CSSメディアクエリと呼ばれるものを持っている、 そして我々は特定のサイズがあるときに自動的に検出するために、これを使用することができます またはコンテンツの特定の使用が行われて。 だから、それに応えることができますし、この場合は、大丈夫」と言うことができます 「あなたは多分、私がここで何が起こっていることを伝える必要はありません。 " 私が前にお見せしたようにこれは単に、このアプリケーションがスナップされている場合言っている - それをつかんで、画面の横にそれを置く - その後の、次のスタイリングをしてみましょう。 スタイリングは、まさにそのような色やものではありません。 それは、コンテンツのサイズと余白とパディングや向きについてもだ あるいはあなたのページの全体の一部を無効にしたり有効にする そして、この場合には、同様にあなたのアプリやゲーム。 だからここにあなたが好きなように単純に行うことができます。 これはあなたのアプリケーションで有用ではないでしょうが、それはデモの時間です、 だから私は先に行くと、ちょうど基本的なボディセレクタに追加し、言うつもりです 「私はスナップだときに、のは先に行くと、背景色をして、のが何かを選ばせてみましょう。 " あなたがここにインテリセンスを持っている。これは実際には本当にクールです。 2012年には、CSSのサポー​​トとJavaScriptとHTMLのために多くのものを追加しました。 もちろん、あまりにもドロップダウンのIntelliSenseを持っているが、それはクールなことではありません。 クールなことは、あなたにも多くのもののために視覚的なセレクタを持っている。 で登録して、通過する可能性があり、単に色を選択 またはあなたが外に出て、さらに具体的に、あなたが選択することができますことができます - これはひどいことになるだろう。私は実際にここにまともな色を選択します。 ところで、あまりにもマークアップを見て。つまり、そこにあなたのRGBの標準フォーマットです。 私は不透明度を切り替える場合しかし、それはここアルファチャンネル選択に切り替えるだろう。 だから、そのためにその、あなたが持っている本質％の透明度で色を見ることができます すべてがすぐそこで焼いた。 私は私はすべてが順調と良いですが、それと終わりだときに100パーセントとして、それを維持したいと思います。 今、私はアプリを実行し、我々はアプリを取り、我々はそれをスナップした場合、 その背景色が自動的に調整されている 我々は、述べていますいくつかのCSSを持っていくだけなので、「それをする行くの。 " また、それは同じことを行いますあまりにJavaScriptを書くことができます またはあなたが実際にゲームを一時停止するために使用することができること、そのようなことを行う。 あなたは、JavaScriptを使用したいときには、おそらくです。 あなたはその時点でゲームループを解除していました。 それはあなたがのCSSと何かされないため、いくつかのJavaScriptが必要になります。 しかし、それだけで、イベントのを覚えておいてください。 あなたは、私のアプリケーションのサイズが変更されると、「言うことができる 「我々がスナップしている場合を見てみましょう。 "そして、それはこれだけです。 大丈夫？私は多くのことを話してきました。これまでのところ、我々がどこにあるかに関する質問はありますか？うん。 [学生]誰もがより多くの情報を得るためにするためのチュートリアルはありますか？ >>うん。 質問はこれのためのチュートリアルがあり、ある？私はすべてにそれを拡張します。 あなたがに行くことができるいくつかあります。それでは、実際にここから出ましょう。 私はここに戻りましょう。 指摘すべき点は、Visual Studio自体が内蔵してチュートリアルを持っている 私は、このを取り除くましょう。 あなたが行くと、新しいプロジェクトを作成すると、ないファイル、新規プロジェクト、 そして左側に見える、このセレクタでのオンラインノードがあります。 それは少しを取るつもりだ。私はここに私のMyFiによ。 しかし、それは出てくるだろうし、それは私のテンプレートを見つけるためにチャンスを与えるために起こっている だけでなく、より重要なのは、サンプルも同様。 だから私はJavaScriptにクリックすることができます。 それは私のためのサンプルを見つけるために起こっている。私の解決はここに道高い。 通常は、ここでは異なる多くのものの一覧が表示されます。 あなたは試してみたいものがあれば、言語を選択し、 ここではJavaScript、および言う「私は、ジオロケーションを行う方法を知りません。 " 「私は、ファイルを開く方法を知りません。 " 「私は、ウェブカメラを利用する方法がわからない 」またはタッチまたはそのようなもののために最適化します。 " すべてのためのサンプルがあります：共有、検索、アプリのバー、 サービス、JSON文字エンコーディングへのリモート呼び出しを行う。 物事のすべての人々がここにのためのサンプルがあります、 彼らは離れて引っ張って一晩中お連れしようとしている巨大なサンプルじゃない ただ一つのことは、あなたが学びたいと思ったことがわかります。 彼らは本当に良いね。彼らは右のサンプルのポイント種類の、小さなだ。 私はこれらを通して自分自身を行くことによってトンを学んできた、 そして私は一つのこととして、その多くをお勧めします。 あまりにも指摘するもう一つは、私はあなたにdev.windows.comを示したことは勿論である、 あなたが戻ってそれに行くのであれば、ここでのサンプルもあります一番下に表示されます。 だから、一度にそれらのすべてをダウンロードすることができますが、ここでは他の多くの資源があまりにもあります つまり、速度まで得るのを助けることができます。 もうひとつ、と私は本当にあなたがこれを試してみることをお勧めします、 私は自分のブログにそれを持っているが、私はちょうどそれに行くよ。 私はあなたに紹介しま​​す。私のブログには、リソースとそのようなものを持っています。 指摘すべきことの一つは、まさにここにこの事である：あなたのアイデア。アプリ。 30日間。 あなたがこれをクリックすると、それは本当に役立つサイトに連れて来るために起こっている。 これはご想像よりもはるかに便利です。 これは、基本的にはヒントとテクニックを取得することができ、コンテンツの30日になるだろう あなたはアプリを作成しているとして、そのプロセスを通して。 あなたが期待していない可能性があると、実際にはあまりにもゲームのためにそれを得ることができます と電話のアプリでは、そのようなもの。 だから基本的には、それにサインアップし、彼らはあなたのためのヒントやコツを送ることになるだろう 「あなたはこのことについて考えたことがありますか？あなたはスナップをサポートしていますか？ " 「ここによくそれを行う方法についてのガイドラインをいくつか示します。 " 「あなたが店に提出する考えたことはありますか？ " 「あなたがあなたのアプリケーションを販売しようとしているかについて考えたことがありますか？ " それはすべてのこれらの様々な事柄を歩くだろう。 そして実際に、あなたがゲームの軌道に乗っている場合、いくつかの点で あなたがあなたに話している人を認識することから始めましょう 私は実際にそこにものと記録された2ビデオを行うRedmintに行く必要があったからです。 しかし、それはすべてのゲームのトラックの一部ですが、 一般的なアプリケーション開発のためのフルトラックもあります。 それは世代のAppと呼ばれています。 私は間違いなく、サンプルに加えて、同様にあなたにそれを推薦する。 だけでなく、チャンネル9と呼ばれるサイトに動画がたくさんあり​​ます。 それはおそらく我々がここに移動する前に、私もお勧めします最後のことだ。 Channel9.msdn.com。 あなたはホワイトペーパーのトンを通読するつもりはないので、これは素晴らしいです。 それは基本的にポイントに正しいビデオ、スクリーンキャストと多くのことです。 私はそれが常にポイントへの権利だと言うべきではありません。それは話をしている人によって異なります。 しかし、一般的には、いくつかの本当にツー·ポイントの動画はこちらあります それはあなたが習得したり、デモを参照したい場合がありますいくつかの特定のものが表示されます。 数週間前に起こった私たちの会議からの私達のすべてのコンテンツもあります ビルドと呼ばれ、あなたはすぐそこにいることが表示されます。 Windows 8のゲームのためのコア技術があります。そこに行く。 私は実際にありました。あなたは私を見ることはできません。私はここを超えていた。 しかし、いずれにせよ、それはさておき、私はあなたがこれらのビデオを見てみることをお勧めします。 彼らはかなり便利だ。 あなたが何かに引っかかったり、あなただけ何かが何ができるかを確認したい場合は、それらを起動。 [Guarin] Windowsメールは、単にコンテンツへのリンクを私にメールを送っ 学生はそのようなサンプル·コードとスタッフとダウンロードするための。 >> [ボウエン]グレート。 素晴らしい。 、エドウィン、ありがとうございました。 グッド。 >> [学生]私は質問があります。 >> [ボウエン]ああ。してください、うん。 [聞こえない学生の質問] >> [ボウエン]ああ、私はあなたがそれを聞いてうれしい。はい。 問題は、私は物事を作成するためのビジュアルインタフェースがあり、でしたか？ エドウィンは、その質問のために気前よくあなたの報酬を授与致します。 これを行う方法があります。 我々は今それをすべきか？それではやってみましょう。 私は今それに行くつもりです。 実際に、私は、このデモにもう一つに追加してみましょう、 そして私はあなたに、実際の答えを紹介します。 私はここで、もう少しCSSで追加するつもりだった。 私はここで接線に少しオフだった。 活用するために私はここでいくつかのCSSを入れてみよう 我々は少し前追加されたクラスの、 ヘッダに、mainContentのdivにしてから、greetingOutputする。 私はそれを行うと、それを実行した場合、あなたは今、私たちは少し違うのパディングとマージンを持って見ることができます ので、ここでは、実際にいくつかのオフセットを持つ。 これらは、最終的な洗練されたアプリケーションに期待しようとしているものに対してよりです。 それはまっすぐに、CSS次第ですので、しかし、私はあなたにこれを示しています。 だから、あなたが既に知っている事は、あなたが望むようにコンテンツを調整するために、ここで使用することができます。 あなたはすでにそのように外の背景の変更を行う方法を見てきました。 私は戻って私たちのHTMLに出かけるなら、私は、マークアップの1以上のセットに追加するつもりだ これは実際にWinJSのからの制御であることを行っている。 私が行くと、このラベルをつかむつもりだ。私は右の場所でそれをやっていることを確認してみましょう。 十分におそらく良い。 ここで私はちょうど追加した - そしてあなたが全部を見ることができるように、我々はフルスクリーンに行くよ - 私は次のdivのラベルを追加しました。 DIVはratingControlDivと呼ばれています。 それ自体では、それは何もしません。 ブラウザでこれを開くと、DIV自体、空白を見ていると思います。 しかしので私が前にお見せしたコードのその神秘的なライン、 すべてのプロセスは、それは次のようになります。何かを探すために起こっている - データ·ウィン·コントロール - そしてそれは、そのパラメータにあるものを見つけるために起こっている。 それは、それが指しているされているものというのインスタンスを作ることになるだろう。 この場合には、定格制御なので、私はこの事を行って、交換してください」と言っています 「何を使用すると、評価制御を行うために実行する必要があります。 " それが反転制御することができ、それが進行リングまたは任意のコントロールは、使用する可能性があります。 それらはすべて基本的に同じように動作するようになるだろう。 あなたは何をしたい示すために、標準的なHTML5のマークアップを使用している、 そして、あなたはこれを最後に制御を取得するつもりだ。私はこれを実行してみましょう。 、私はちょうどそれをコピーされた、そして今、そのマークアップは、このになる 実際にHTML要素のかなりの数である。 これらはすべて、個々の画像であり、セレクタとその周りのdiv要素があります。 うまくいけば、あなたはそれを見ることができます。それは少し微妙だ。 私は別の項目にカーソルを合わせることができ、そしてそれは私がここでの評価を見ることができるようになるだろう。 私は、それをクリックすることができ、それが評価を記憶していますが、それはそれについてです。 それは実際に評価して何もしてないです。 私はこれをお見せしたい1最後の事 我々はより多くの視覚的なデザイン体験に切り替える前に、 私はこれらのWinJSのコントロールに応答するために使用できるコードの少しです。 私は戻ってフルスクリーンのうち、そこから取得してみましょう、 第二のためにここのJSに切り替える。 私はここでこの権利を行うことができます。私はこの全体のことを置き換えると思います。 実際に、私はそれはそれのすべてを置き換えると思いますが、私たちは一緒に見ていきます。 私はここでこれをあげるよ。うん。私もこれを削除するつもりです。 私は何を追加しましたか？それは多くのように見えます。それは多くはありません。 私はちょうど、私はすでに前の話コード行を拡張 と私はすべての私のコントロールが行われているとき、すべてが完了すると、「言っている、 「それから、これを行う。」それでは完成と呼ばれるこの機能を実行します。 この場合、これはあなたが把握することができますものです。 そのDIVコントロールを探しに行く。 実際に、私が指摘しなければならない一つのことがあります。 その次の行は、実際には "私はそのratingControlDivを持っている。」と言っている 「私はそれが本当の制御、WinJSのコントロールであるかのように話をしたいと思います。 " そこで、基本的に、あなたはそれから、そのために求めている。 あなたは、「私は、コントロールとしてあなたと話したい。 "、と言っている そして、あなたは私たちはあなたのためのリスナーを追加しようとしている」、のようなものを言って始めることができます "あなたが変更しているときに私たちはそれに対応することができます。" そして、我々はまた、このようなことを行うことができます。実際に、それはそこに古いコードです。 私は、1以上の機能の貼り付けが欠けていると思う、 それが変更される格付けコントロールに応答する実際の機能になります。 私は右のダウンここでそれをポップしましょう​​、 どこかそこら。 この場合には、新機能だけの事は私達がに行っているという事実である 評価コントロールが教えてくれる、私たちはtentativeRa​​tingと呼ばれるものを求めているのか。 そのコントロールはあなたを伝えることができることを様々な他のものの束があります、 それはコントロールによる制御を行く。 それは非常に簡単です。あなたは何のトラブルがそれを理解しないことができるようになります。 私は評価を変更し、評価をクリックしたときに、私は、今、これを実行し、 あなたは今、それが実際にそれへの対応だ見ることができます。 それは、その別の空のdivタグに画面上でその評価を入れている 評価コントロールの下。 つまり、ここでも多くのものの魔法だ。 ですから、Windowsストア用のアプリケーションを作成しているように、 あなただけで使用できるコントロールのトンがあります。それらはすべて、このように動作します。 私はあなたにこれらのアプリケーションのための設計のビジュアル面をお見せしましょう​​。 良いニュースは、すべてをインストールするときには、すでにこのツールがあるでしょうです あなたはそのダウンロードに行くとは、Visual Studioを得れば。 私は、これを右クリックすることができます。私はズームインしません それだけでBlendで開くと言います。 ブレンドは、Visual Studioと並行して動作する別のツールである 物事のデザイン面ではるかに焦点を当てて、 そう、それは本当にスタイルを作成するために最適化されたツール面、 、アニメーションの作成、CSSでの作業、静脈のようなもので物事がたくさん。 ここではどのような非常に興味深く、かなり明白でなければならないことは、すぐに我々はこのアプリを見ているである。 うまくいけば、我々はまだある。 代わりに、我々はまだ底に見ていますかのコードを、見ての、 我々は、アプリケーションの実際の表現を見ている。 しかも、それは、APPの単なる表現ではない、それは実際にアプリの実行されています。 そして、それは本当にブレンドについての素晴らしいですものだ。 チームはこのツールにHTMLとJavaScriptとCSSをもたらすために多くの作業を行っています。 あなたが興味があれば今、あなたは実際には、「それはどういう意味ですか？私は何ができますか？ "ことができます 私は実際にこのようなことが私のマークアップ内に存在していなくても、このアプリケーションを設計することができます。 その評価コントロールを覚えていますか？それはちょうどdivタグだった。 このようなものは、その星は、実行時にのみ存在します。私はそれをどのように知っていますか？ こっちに魔法の少しがあります。 これらの稲妻か？ あなたは稲妻を参照してくださいいつでも、それはそれは、実行時に何かによって作成されたことを意味します。 いくつかのJavaScriptを実行してこの中に何かを回したか、いくつかのロジックでこれを作成した。 あなたがそこを参照して、これらの星は、WinJSのではJavaScriptによって作成された。 良いところは、それが私には関係ありません、ですが、私はまだそれを設計することができ、 私はまだ、私はここで何が起こっているかを調べることができ、中に移動し、それを変更することができます 私が先に行くと、色はそれが方法である理由を調べることができ、CSSを見ることができ、 私は物事をいじって、物事が恐ろしい作り始めることができ、 私がやりたいものは何でも。 実は、私は一人で物事を残しておきます。 しかし、あなたはそれがすべてのCSSのここに見ることができ、それはここであなたを見せている。 私はそこまで行けば、それはあなたに彼らが勝ち呼ぶすべてのものを表示するようになるだろう、 最も厳しく、最もその項目用に選択されるようにCSSルール、 これは、おそらくすでにあなたのクラスで見てきました、 どこで、我々はすべてのものに適用している一般的なフォントがあると言うことができます これはH1ですので、私は、H1Sのために定義された色を持っている それがこの色になるだろうし、それが本体1よりも具体的だからだ。 右こここの一つのことはあなたすべてのことを示しており、 あなたがより複雑になるように、それは、本当に強力なものだ これらのことは、彼らがいる方法ですなぜあなたは疑問に思っている。 それは実際にあなたを教えてくれる、あなたはここで、これらのアイテムのいずれかを選ぶことができます。 その色は、実際には、あまりにも悪いことではありません。 あなたはそれらを選択することができます。うまくいけば、これを見ることができます。 アプリケーションに与えるすべてのものについては、全体のカスケードを参照してください。 それに適用されている可能性があり、その一つが勝っているすべてのCSSの、 どちらが実際に優先されました。 これらは退屈の一種である。これらのいくつかで起こってたくさんはありません。 私は行くと色を変更した場合は、そこにいくつかのカスケードを見てから始めましょう。 また、ここにも、HTMLを使用することができます。 私が通って行くと、私が望むように、これらの事のすべてのHTMLプロパティを変更できます。 ここにもののトンはそこだ。 私はここですべてを経ることで、あなたの時間を取る必要はありません。ちょうどそれがここにあることを知っている。 あなたのためだけの利用できるのデザイン志向の多くの機能があります だから、視覚的な滞在のアプリケーションと連携し、推測の多くを行うようにすることはできません あなたは、バックデザインに戻ってブラウザから通常、サイクリングしなければならないだろうと ブラウザに。 これはそのための本当にクールなものですし、Windowsストアのアプリを開発するように、 それはあなたが多くのより生産的になるだろう。 あなたはそれがここにマークアップし、CSSの追跡にも表示されます あなたが別のものを通して作業しているよう。 あなたは、特にビデオで、それ​​を参照してくださいするのは、おそらく本当に難しいです、 それは、ここで何が起こっているかだ、と私はあなたがそれに慣れる推薦する。 それはあなたに多くの時間を節約します。それはブレンドです。 ここで変更を加えた場合、それらは自動的にフェイルオーバキャリーバックしようとしている Visual Studioでの。 それは、同じすべてが、同じファイルです。私は一人でそれを残しておきます。 私がお見せしたい、より良い例があります。 私はそこに変更を行って、それを保存し、私はVisual Studioのに来たなら、それは言うでしょう、 「ねえ、あなただけの何かを変更しました。私はあなたのためにそれを再ロードすることはできますか？ "はい。 そして、あなたはそこに、同じものを使用している。 それは、その特定のサンプルの最後です。 私はあなたに他の機能の表示を与えるためにあなたのハイエンドのサンプルを表示したい あなたにも考えるかもしれません。 これは、あなたがダウンロードできるサンプルアプリです。 あなたはボックスにおけるWindowsキャンプと呼ばれるものを探している場合は、 そこの中にあるいくつかのサンプルがあり、そのうちの1は、Contosoクックブックです。 私はあなたのためにこれを実行することができます。 カスタムスプラッシュ画面。これはグリッドビューアプリケーションです。 彼らはここではいくつかのカスタムデータをバインドしました。この間を移動することができます。 あなたが行くと金曜日の午後に、私たちは空腹になります様々なものを見てみることができます。 知りません。何が最も空腹私を作るつもりですか？ 知りません。私はちょうど1を選ぶつもりです。 あなたはこれらの事に入る。それはあなたのレシピが表示されます。 また、可能性はなく、項目をクリックするの、 あなたは、コンテンツのカテゴリ、コンテンツのそのセクションに右に行くことができます。 この場合は、ここでこれらのレシピについて、あなたのすべてを伝える偽ラテン語の多くを読むことができます し、右の特定のレシピに入る。 また、これは私が写真で前にお見せした共有のようなものをサポートしています。 また、あまりにも本出願に検索することができます。 これは、検索を行うには非常に簡単です。 基本的に、あなただけのWindowsからテキストの文字列を取得している そしてあなたがそれと検索を処理する方法を決定します。 それはそれを得るために数行のコードだし、次に何を、その後それを行うことは完全にあなた次第です。 ここで彼らはまた、彼らは他のいくつかの機能を使用しているアプリのバーを持っている。 私はそれが何であるかを教えてあげる。 リマインダーは、トースト通知と呼ばれるものを使おうとしている。 これは、物事が起こったときに、ユーザーが知らせのために本当に便利です、 アプリケーションのようにインストールされたか何かを完了した。 それはあまりにもゲームのためにも良いことだ。 あなたが永続的な世界やリーダーボードやホスティングのサービ​​スを持っている場合は、その 多分別のマシンに、これらの通知は、マシンに送信することができます ユーザーは、ゲームを使ってゲームをプレイしたり、アプリを実行していない場合であっても、 彼らはまだ、イベントのそれらの種類についての通知を得ることができます。 だから、「お城が破壊されたか、ちょうど約破壊された。」と言うことができ 「ここに戻って取得し、それを守る」、またはそのような何か。 あなたは、通知をクリックすると、すぐに戻って試合に入り、そして、あなたはそれを再生することができます。 だから、物事のそれらの種類は、実際にはかなり効果的にあなたのアプリに戻って人々を描​​くことができます。 マイク、Webカメラを使用するため、このアプリケーションでサポートもあります、 ビデオをやって写真を撮る。 また、二次のタイルを固定することができます。 あなただけの特定のコンテンツに対する権利行くのタイルを持つようにしたい場合に便利です。 この場合には、このレシピに右進む。 私はちょうど示してる私が言及しているすべてのもの それはあなただけでなく、使用して考えることができるものだからです。 ほとんどの場合、彼らは非常に使い簡単です。 私はちょうどあなたがそのサンプルエクスプローラを起動し推薦する およびその方法をお見せできるサンプルを見つける。 それだけでなく、そこにあなたのアプリにそれらをもたらすために非常に簡単です。 私はあなたに、ここでかなりクールだ何か他のものを表示するつもりだった。 私は、このアプリケーションをスナップよ、と私は戻っては、Visual Studioに行くつもりです。 このアプリケーションは、実行されています。それは、Visual Studioから実行している。 私はそれでかなりクールなものを行うことができます。 私は実際に要素を選択するオプションがあり、 と私は、ライブのアプリケーションにこっちに行くことができると私は言うことができ、 「私はなぜ準備時間がタイトル自体よりも少し明るいグレーで思ったんだけど？ " 私は、それをクリックすることができます。 これは、Visual Studioにその背中を同期させるために起こっている そしてそれは私に、UIの一部の結果を正確に生成されたコンテンツを表示するようになるだろう。 この場合には、アイテム字幕とH4二重構造ですが、 それはおそらく、そのため、コンテキスト内H4として私たちが知っておくべきことを教えてくれる これは、フォントの特定の種類を取得するつもりだ。 私はまだ理由がわからない場合はしかし、私はトレースのスタイルをクリックすることができます。 私は、色を展開することができ、その色は、ボディカラーではない正確な理由私が見つけることができます しかし、実際には別のものです。 これは、基本的にInternet ExplorerからDEVツールです Visual Studioにもたらした程度。 あなたはクローム開発ツールと働いてきた場合は、Firebugの、そのようなこと、 これらのブラウザにあるツールの種類は、 機能性のようなものは、右のVisual Studioに持ち込まれました だから、実際にブラウザを起動して、別々に、それらのツールで作業する必要はありません。 今、私は実行しているWindowsストアのアプリを持っている、 と私は離れてそれを引っ張って、物事は、彼らが何であるかをやっている理由を見つけることを開始することができます。 私は、あまりにもこのようにそれを行うことができます。 私が行くとちょうどいいのマークアップから何かを選んで、それが何であるかを知ることができます アプリケーション自体にある。私は、私はすべてで行ってきたと思います。 ここで私は、この上にマウスを移動してい。私はそれを選択することができます。 それは、そのことが、実際の実行中のアプリケーションで私を見るために起こっている 私は今、マークアップでクリックすることだという。 本当にクールなもの。 あなたは何が起こっているかを把握しようとしていて、どのようなHTMLをやっているように、 何をしているか、CSS、これを覚えておく。 これはあなたのためにここで覚えておいてください そしてまた、そのブレンドは、ライブ実行中のアプリケーションで作業することができます。 あなたはこのアプリケーションをお見せしたかった最後の一つです - ちなみに、それは、物事があまりにも変化しているようにのデルタを示し だから、それらの黄色のハイライトのために見ることができます。 それらは、単にアプリケーションで変更されたものです。 しかし、最後にひとつ。私はちょうどここ秒間ブレンドに戻りたい。 我々は、ブレンド、同じアプリケーション、同じすべてで開く、これを開きます。 私はここでの経験はあなたのホームページで立ち往生しているしていないことを示したい あなたがアプリケーションを実行するときにデフォルトで取得し、それがそこに座ってもらおう物事を見ている。 また、ここまでこのかわいらしい小さなアイコンをオンにすることができます。 これは、対話型モードと呼ばれています。 もしそれをクリックしてください。それはあなたのアプリケーションを起動するために起こっている。 あなたはもうデザインモードにいないので、あなたは物事をクリックするつもりはない 機能を変更することではなく、実際にはこれで、アプリケーションを操作することができます。 あなたを介してクリックすることができ、あなたは、あなたが気にレシピに得るものは何でもできます またはカテゴリに。それではこのカテゴリーに行きましょう。 私は「私が設計したい場所さて、ここにある。」と言うだろう その後、再度そのボタンをクリックして、それはあなたをデザインサーフェイスに戻すことが、 そして今、あなたは私が前に話していたすべてのものを行うことができます。 私はこれが始めるまで、私は、その寸法を調べる、クリックしておこう それのためのHTML、それのためのCSSを見つける 実行中のアプリケーションのために、アプリケーションのいくつかの後の部分。 非常に、非常に便利。私はあなたにこれを紹介します。 あなたはこれで書くコードに探しているなら、心に保管してください それはあなたの手間を大幅に節約になるだろう、それはかなり良いものだから。 それはかなり私はすべてのことのためにブレンドにし、Visual Studioでお見せしたかっただけです。 これらのツールのいずれかでご質問？ まったく何？ >> [Guarin]私は、とても良い質問、良いものを提供するものを持っています。 私はすでにあなたにここに私のデモを示してきた[ボウエンが（笑）。 私は、リソースのページに置いて、今の質問に回すつもりです。 その第一の基準は、ゲームのトラックとアプリのトラックとその世代Appサイトです。 それらに申し込む。 あなたがコンテンツを取得するために30日間待つ必要はありません。 あなたは、あなたが望むように行くと、コンテンツを見始めることができます。 （笑） - 私はあなたの時間枠が異なる場合があり理解 そうするときハッカソンは何ですか？その通り、数週間ですか？ だから、待つこと30日間がありません。 そんなわけで、そのためにサインアップすることができ、その後はそれからコンテンツを引き出し始める。 また、開発やデザインセンター。 そして私はこれを言及しなかったが、店ドキュメントもあります。 あなたが店のために、あなたのアプリを提出する準備が整いましたので、これはハッカソン後のためになる。 いくつかの有用なガイドラインが店に物事を取得する方法についていくつかのガイダンスは、ここにありますが、 あなたをつまずかする可能性のある一般的な問題、 それは、それらのリソースの終わりです。 だから、あなたの心で何をしよう？何かあなた - [Guarin]誰がCS50のWindowsアプリをすることについて考えている？涼しい。 [ボウエン]クール。素晴らしい。 あなたが今まで見てきたものとどのようにそれについてのご質問は、これに関連する？ 例えば、より多くの時間を私が書いてきたゲームを取ることができる それは、ブラウザで実行され、だけの種類のプロセスを経る Visual Studioにそれを持ってきて、それは、Windowsストアアプリ作る。 それは我々が本当に今日含める必要がありましたよりも時間がかかり、 しかし、ショートバージョンは、それはあなたがブラウザで実行している同じコードのある し、変更の事は、Windows 8にプラグインすることにしたものです。 ですから、あなたが検索したり、共有したい場合には、魅力を使用する場合は、 あなたはその上にいくつかの機能を離れて非表示にするには、アプリのバーを作成する必要があり、 それらは、変更になるものの種類があります。 しかし、あなたのWeb​​アプリケーションのコアはそのまま残ります。 繰り返しますが、限り、それはIE10で動作として、それは本当に簡単にポートになるだろう ブレンドには、Visual Studioにその原料を持参し、それWindowsストアのアプリ作る。 繰り返しますが、あなたが学習する必要がある唯一のものは、これらの他の機能である あなたは、ライブタイルと物事のそれらの種類のように、アプリケーションを点灯するために使用できる。 うん。 >> [学生]私の質問は、モバイル作業についてです。 ですから、デスクトップ上のアプリケーションとして動作するアプリを作る場合には、 モバイルに転送することが非常に簡単であるか、そこには - 私は本当にこのような環境に最適化されたのはWindowsストアのアプリを作る場合には疑問があり、 そして私はそれをやって関わっているのか、モバイルの世界にそれを持って帰りたいと思う？ つまり、多くの質問のように、常に常に変化答えです。 良いニュースは、HTMLやJavaScript、CSSに固執している場合であり、 あなたはWindowsストアのアプリから開始している場合には、 それはあなたがWebにそれを持って来るようにするだろう そして、メディアクエリとの事のような技術、それらの種類を使用し、 異なるサイズのデバイスに適応する。 それによると、フレームワークや物事はそこに常にある そのサポートは、異なる技術、異なるプラットフォームを拡張する。 それはすべての時間を変更します。 我々はまた、物事を変えているだけでなく、我々は我々が今持っているものに目を向ける 実際のWindows Phone 8で不足しています。 我々はいくつかの共有コアインフラストラクチャを持っている これらの環境のためのアプリケーション間で提供される。 ですから、Windowsストアのアプリを作成するためにやっているもの、 それの多くは、同様にWindowsの携帯電話8のアプリケーションに持ち越さすることができます。 それは、再び新たな物語なので、ビルド時と約一部のコンテンツがあります。 SDKには、ほんの少し前外に出た。これは、ほんの少し前にリリースされました。 しかし、あまりにも他のプラットフォームの観点から、 あなたはおそらく同様に多くのクロスプラットフォームのフレームワークに実行されます。 良いニュースは、ここで行っているものであり、 コア機能は、ストレートのウェブ標準的なものまである。 簡単に翻訳しない唯一のものは、Windowsの8が行うものです それはWindowsの機能なので、それは不思議ではありません。 あなたが他のすべてのプラットフォーム上で契約の共有や類似の種類を見つけるつもりはない。 ので、これらを使用すると、設計の観点からしたいと思うものです あなたが言うことができますので、あなたはその要約のようなものにする方法を持っていることを確認してください 「私はこれを実行している場合、私はそれを行うことができます。 " 私ではない場合は、ちょっと離れてその原料を隠すために使用できるいくつかのデザインパターンがあります。 しかし、覚えておく。うん。申し訳ありません。どうぞ召しあがれ。 [学生]私は[聞こえない]の上に私のWindowsアプリケーションをテストする場合 [ボウエン]ええ。私ももう一つのことをスキップ。うん。 私はその後、私はあなたに私が言及するのを忘れ機能を紹介し、最初のご質問にお答えします。 我々は、局所的に利用可能ないくつかのマシンを持っている。ごめんなさい。 問題は、どのように私はデバイス上で物事をテストするか、だった 私は、中から選択するものの全体の多くを持って発生しない場合はどうなりますか？ [Guarin]私たちはあなたたち、私が思うに、5または6を貸した。あなたは何が必要なのでしょうか？ [学生]我々はそれらの4を得た。 >>オーケー。君たちはで遊ぶために4スレートを得た。 だから間違いなく、誰もが知っているしてくださいしてみましょう。 （笑）>> [ボウエン]恐ろしい。 それは私があなたを与えるつもりだったよりも良い答えだ。 我々は我々のオフィスでない開発者のための勤務時間を持っている そして今、プルデンシャルのMicrosoft Storeにもうすぐやってくる しかし、エドウィンは、すでにあなたの世話をしてきました。 テストのために、貸し出しに利用可能な4スレートがあります。 そこに私達は行く。そこに1アップの例があります。 そんなわけで、絶対に。素晴らしい。 絶対にはるかにそれをテストする最良の方法は、デバイス上に置く。 あなたはまだ1を持って発生しないか、雪の中、キャ​​ンパスを歩いて渡るしたくない場合 1または何をつかむために、Visual Studioでこのバックを行う方法があります。 私は戻って、私はここにあった場所に入る場合は、ここではなく、ローカルマシンを使用して、 あなたがリモートマシンに接続することもできますが、それは私がここで話しているものではありません。 シミュレータはあなたがに見たいと思うかもしれませんものです。 私はこれを実行することになるでしょうし、実際にそれが何であるか、それはあなた自身のシステムに本質的にウィンドウの。 ここでは、Contoso社を実行している、実際に私のシステム稼働中である しかし、私は、実行パラメータの一部を変更することができますように、 環境パラメータ。 だから私は、「あなたは何を知っていますか？ "、ここに言うことができます ああ。私はすでに、それは2560の解像度でシミュレートされた27インチのモニターで実行されてきた。 私は簡単にそれをドロップダウンし、自分のアプリケーションを小さな画面でどうなるかを見ることができます またはDPI設定または何を変更することによって。 だから、小さな画面上で、10.6は、どのようなそれは何をするつもりですか？ それはまだ右、かなりよさそうだ？ 我々が行うためです、あなたが店に提出している場合は特に、これを実行したいと思う テストプロセスの一部として。 そして、そのような問題がある場合は、 あなたが店に認定ばかり問題が発生した可能性があります。 しかし、それは、シミュレータの一部です。本当にクール。そのためには非常に簡単。 また、同様にそれを回転などの機能を使用することができます。 私は、ここにボタンをクリックして、それが回転している、誰かが経験として持っているだろうかを見ることができます 彼らのスレート、そのタブレットを回転させ、その使用してアプリケーションを使用して。 あまりにもタッチエミュレーションといくつかの他のもののようないくつかの他のものがありますが、 GPSの設定。 私は別の場所にいるふりをして自分のアプリケーションが何をするか見ることができます 私は戻ってシアトルか何かにいることをふります。 しかし、それは本当に便利な機能だし、それは両方のVisual Studioにはブレンドに組み込まれている。 はい。あなたの質問。 [学生]ゲームを書いている場合、Visual Studioは、アニメーションに対するサポートがありますか？ うん。問題は、特に、ゲームで、アニメーションサポートのまわりである。 場合によります。 [笑いながら] JavaScriptで私は、XAMLの側であります未満のサポートはおそらくありますと言うだろう タイムラインを有し、ストーリーボードとを内蔵しています。ものを持って JavaScriptのアプリ上でのアニメーションのために、私は私はあなたを与えたいと思うどれだけ答えを知らない。 私は両方の物理学のアニメーションのためのオプションの多くを通過する私のブログ上のリソースを持っている、 Windows 8の上のJavaScript指向のゲームのためのオプション。 私はあなたがそれらを参照することになります。 基本的には、非常に多くの選択肢があります。 私は迷っている理由は、JavaScriptでアニメーションを行うための非常に多くの選択肢があるとされる。 それは、CSSかもしれない、それはキャンバスをベースとすることができ、それだけで基本的なDOMアニメーション可能性があり、 それは本当にあなたの選択に依存するので、それは、様々なものがたくさんある可能性があります。 あなたはCreate.jsまたはライムやフレームワークの他の種類のようなものを使用することにした場合 - まあ、私も、あなたがハイエンドワークを使用できるようにするつもりだか分からない インパクトのような、または作成します。 つまり、最初から検討するかもしれないよりも多くのコードを生成する傾向がある。 しかし、このような場合、あなたはまだあなたが環境を使用することができ、シミュレータを使用することができ、 と私は、これらのケースでは、私のテスト·プラットフォームのためにこの環境を使用する傾向がある 私は、ゲームを開発していた。 私は、特にキャンバスアニメーションで罰金てきた おそらく最も一般的なものである。 あなたはおそらく見つけるつもりだ最高のブラウザでDEVツールです およびVisual Studioのdevのツール。 そこに蛇行答えのようなものが、うまくいけば、私はあなたの答えを得た。はい。あなた。 [学生]は、Windows 8のアプリのためのデータストレージオプションは何ですか？ Windows 8のアプリケーションのためのデータ·ストレージ·オプションは、Windowsストアのアプリは何ですか？ あなたの選択肢は本当にそれぞれのアプリケーションは、ローカルストレージの独自のプールを取得します 設定およびデータのための、それはまた、ローミングストレージを使用するばかばかしいほど簡単ですが、 クラウドベースのストレージを使用する。それは無料です。 何が起こるかは、あなたは基本的に別のクラスを選択し、あなたが言うである、 「ローミング設定、保存、コンテンツのこの特定のセット、 " 彼らはにはサインインしてきたどのようなマイクロソフトアカウント、 周りにその情報をローミングするための鍵になるだろう。 だから私は私のラップトップ上でゲームを使用して、私は同じアカウントでログインした場合 と私は、サーフェスやタブレットでゲームをプレイする、 それは、自動的にそれらのマシン間の設定やデータを歩き回るます。 つまり、デフォルトのことだ。つまり、データの一部の金額のために良いことだ。 あなたがそれらに巨大なデータベースを入れないでしょう。 そのためには、クラウドでホストされたデータベースのようなソリューションの他の種類に行く必要が、 そのようなこと。 データテクノロジーの他の種類の周りにいくつかの他のコミュニティのオプションがあります。 私もそこの周りのコミュニティの一部のSQLiteのオプションを見てきました。 だからますますが浮上しているが、それらはあなたが目を向けるでしょう原発の事である ゲームやアプリの。 そして、あなたはあまりにも後ろに疑問を持っていた。 [学生]ネットワーク[聞こえない]ファイルをアップロードまたはダウンロードする点では[聞こえない] [ボウエン]はどのようにあなたがそれを見ることができるか、どのようにそれをデバッグすることができますし、それをテストするあなたの質問ですか？ [学生]どのようにそれをデバッグすることができます[聞こえない] 申し訳ありません。私はそれのすべてを聞くことはできません。 [学生]どのようにあなたはそれを得るか、バグテストされ、また、[​​聞こえない] 素晴らしい。素晴らしい。 どのようなネットワークで動作しますか？どのようにあなたは何が起こっているのを見ることができますか？ この1には多くの異なった答えがあります、 しかし、私がここでおそらく最も簡単なものをお見せしましょう​​。 私の第二のためのシミュレータを取り除くましょう。 ネットワーキングのためのちょうどカップルのデバッグオプション。 右WinRTのレベルとWinJSの両方からに焼き、完全なネットワーク·スタックがあると、 だから、非常に簡単にそれを行うためにあなたのゲームやアプリケーションからのXHR、AJAXのタイプの呼び出しを行うことができます。 主に、私は2のものを使用する傾向がある。 私は彼らに焼き、ネットワークスタックを持って、実際のDEVツール自身を使用しています。 私はあなたに、Windowsのホーム·ページを表示してみましょう。 私はこれを立ち上げることができ、ここでこれらのツールに焼いたネットワークプロキシが実際にあります。 だから、私は、これを行うことができ、私はページを更新することができ、それは相互作用のすべての私を見るために起こっている など、Ajaxは、その要求の期間中、そのセッションのために呼び出します。 これは便利です。これは、ブラウザベースのアプリケーションのために非常に有用になるだろう。 Windowsストアのアプリなど、アプリ、他の種類のため、 私はバイオリン弾きというツールを使用しています。 あなたが反応して、ゲームを取得するつもりだ。 [笑いながら] シオマネキは単純プロキシです。私はあなたにそれを示すことができると思います。 これは面白いことに、私は自分のネットワークスタックをトレースするよ、ただGetFiddler.com、だ GetFiddlerに行く。 しかし、いずれにせよ、フィドラーは、IEチームのPMの1で書かれている、 彼は彼がやっているか知っている。 これは、ネットワークトラフィックをデバッグするために使用することができます良いプロキシです。 私はそれを推薦する。あまりにもあそこ質問。 [学生]外国語の入力を統合するための簡単​​な方法はありますか、 日本語や中国語、Windowsのアプリへのような？ 私は私が自分自身それのあまりをやったが、それはインチ焼かれると言うことはできません もちろん、アプリケーションを放射するためのオプションがあります - 私は申し訳は申し訳ありませんが、私は質問を言っていない - グローバル化の周りのオプション、コンテンツのローカライズ、 別の市場で販売することができるというようなものを含む それらの個々の言語については、アプリケーションのバージョンをターゲットに またはそのような文化や物事。絶対に内蔵しています 私たちは永遠のために、そのためのサポートを持っていた、 それはWindowsストアのためのあなたのオプションに楽しみに運びます。 あなたは、店自体は、さまざまな市場で販売することを行うことができますが、 あなたが定義するリソースを使用してあまりにもだけでなく、アプリケーションでそれを行うことができ、 私はこの文化のために開発されていた場合」、その後、私のテキストコンテンツがこれらのオーバーライドを使用する 「左読者に権利を使用しています。 " それらは、すべてデフォルトのWinJSのとWinRTのAPIの一部です。良い質問。 どうやってやっている？他のもの？ ビデオ上の誰もが疑問を持っている場合と、私は、マイクロソフト@ cbowenよ 私は未来からあなたの質問のいずれかを取ることがうれしいです。 非常に - 未来から、未来[模倣エコー]。 だからここに私がある。私はここに私の連絡先を元に戻しましょう​​。 だから私には、Microsoft @ cbowenノートを、送信 と私はすぐに私はできる限りご連絡いたします。 あなたが迷っている他には？我々は良いですか？ 素晴らしい。わかりました。どうもありがとうございまし。私はそれを感謝しています。 [拍手] [CS50.TV]