【速報！】 Windows 8.1 時代のネイティブ アプリ開発～ HTML5/JavaScript を使ってストア アプリを作ってみよう～

日本マイクロソフトエバンジェリスト 山本 明日美@asyamamo

Windows 8

1 億以上のライセンス ストアに 10 万アプリ以上

2.5 億以上のダウンロード200 ヶ国以上で提供

Windows 8.1

Windows 8 と RT 向けに無償提供

2013 年 10 月 18 日リリースより多くのデバイス サポート

Web の技術でネイティブアプリを作ろう

HTML を使った Web アプリ実装の流れ

HTML• タグでおおよ

その画面を作る

CSS• きちんと

デザインする

JavaScript• ロジックを書

いて完成

アプリの公開• サーバーに

アップロード

HTML を使ったネイティブアプリ実装の流れ (PhoneGap など )

HTML• タグでおおよ

その画面を作る

CSS• きちんとデザ

インする

JavaScript• ネイティブ機

能を含んだロジックを書いて完成

アプリの公開• アプリの

マーケットに公開

XAML

JavaScript

CC++

C#VB

HTML / CSS

Windows 8.1 プラットフォーム

Web 標準の技術でネイティブアプリを開発

Windows ストア / WinRT アプリ

Windows ランタイム (WinRT) API

Windows コア OS サービス

DirectX

開発環境

同じプロジェクト

Visual Studio 2013 Blend for Visual Studio• プログラミング• デバッグ、テスト• 配置、パッケージ化

• 画面デザイン• コントロール作成• アニメーション作成

Windows 8.1 の環境は必須 ( 仮想マシンも OK)JavaScrip

t

HTML / CSS

Windows シミュレーター タッチやデバイスの回転などを簡単に試せる環境

Demo1. HTML でハイパーリンク2. css で動きを作る3. JS で時計を作る4. Windows ランタイムで　 カメラ

Windows ストアアプリを公開しよう

開発者登録https://appdev.microsoft.com/storePortals/ マイクロソフト アカウントを使用 年間登録費用

個人 : 4,900 円 法人 : 9,800 円 クレジットカードでの支払い

www.buildwindows.com

200 以上の国へリーチできる Windows ストア アフガニスタン アルバニア アルジェリア アメリカ領サモア アンドラ アンゴラ アンギラ アンティグア・バーブーダ

アルゼンチン アルメニア アルバ オーストラリア オーストリア アゼルバイジャン バハマ バーレーンバングラデシュ バルバドス ベラルーシ ベルギー ベリーズ ベナン バミューダ諸島 ブータン

ボリビア ボネール島 ボスニア・ヘルツェゴビナ ボツワナ ブラジル 英領バージン諸島 ブルネイ ブルガリア

ブルキナファソ ブルンジ カンボジア カメルーン カナダ カーボベルデ ケイマン諸島 中央アフリカ共和国チャド チリ 中国 クリスマス島 ココス諸島 コロンビア コモロ コンゴ共和国コンゴ民主共和国 クック諸島 コスタリカ コートジボワール クロアチア キュラソー島 キプロス チェコ共和国デンマーク ジブチ ドミニカ国 ドミニカ共和国 エクアドル エジプト エルサルバドル 赤道ギニア

エリトリア エストニア エチオピア フォークランド ( マルビナス ) 諸島 フェロー諸島 フィジー フィンランド フランス

フランス領ギアナ フランス領ポリネシア ガボン ガンビア グルジア ドイツ ガーナ ジブラルタル

ギリシャ グリーンランド グレナダ グアドループ グアム グアテマラ ガーンジー島 ギニアギニアビサウ ガイアナ ハイチ バチカン ホンジュラス 香港特別行政区 ハンガリー アイスランドインド インドネシア イラク アイルランド イスラエル イタリア ジャマイカ 日本ジャージー島 ヨルダン カザフスタン ケニア キリバス 韓国 クウェート キルギスラオス ラトビア レバノン レソト リベリア リビア リヒテンシュタイン リトアニアルクセンブルク マカオ マケドニア、 FYRO マダガスカル マラウイ マレーシア モルディブ マリマルタ マーシャル諸島 マルチニーク島 モーリタニア モーリシャス マイヨット島 メキシコ ミクロネシアモルドバ モナコ モンゴル モンテネグロ モンセラット モロッコ モザンビーク ミャンマーナミビア ナウル ネパール オランダ ニューカレドニア ニュージーランド ニカラグア ニジェールナイジェリア ニウエ ノーフォーク島 北マリアナ諸島 ノルウェー オマーン パキスタン パラオパレスチナ自治政府 パナマ パプアニューギニア パラグアイ ペルー フィリピン ピトケアン島 ポーランド

ポルトガル カタール レユニオン ルーマニア ロシア ルワンダ サバ島セントヘレナ、アセンションおよびトリスタンダクーニャ

セントクリストファー・ネイビス セントルシア サンピエール・ミクロ

ン

セントビンセントおよびグレナディーン諸島

サモア独立国 サンマリノ サントメ・プリンシペ サウジアラビア

セネガル セルビア セーシェル シエラレオネ シンガポール シント・ユースタティウス島 シント・マールテン島 スロバキア

スロベニア ソロモン諸島 ソマリア 南アフリカ スペイン スリランカ スリナム スワジランドスウェーデン スイス 台湾 タジキスタン タンザニア タイ ティモール・レステ トーゴ

トケラウ諸島 トンガ トリニダード・トバゴ チュニジア トルコ トルクメニスタン タークス・カイコス諸島 ツバル

米領バージン諸島 ウガンダ ウクライナ アラブ首長国連邦 英国 米国 ウルグアイ ウズベキスタンバヌアツ ベネズエラ ベトナム ワリス・フテュナ諸島 イエメン ザンビア ジンバブエ  

マイクロソフトの開発者支援

http://aka.ms/8store

DreamSpark学生や教員のみなさまの技術的な学習や教育、研究をサポートする年間制のメンバーシッププログラムです。

www.dreamspark.com

Windows 8 から C++,C#, HTML5, JavaScript

に対応する総合開発環境

Web サーバーや仮想化に

Windows ストアの開発者登録が無料に

オンライントレーニングコンテンツDB の構築に

DreamSpark のメリット① マイクロソフトの開発ツールやサーバー製品をいつでも

ダウンロードできます② 学生個人は 0 円で、教育機関は 10,500 円から　

ご利用できます③ ダウンロードした製品は永続的に利用できます

MicrosoftVirtual

Academy

BizSpark

まとめ Windows ストア アプリなら Web の技術で簡単に作れるんです！

まずは、 Windows 8.1 と Visual Studio で開発環境を揃えよう！

開発に必要な情報をゲットしよう！http://aka.ms/8store

© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.