1.
HTML5 で開発する
Windows 8 ネイティブアプリ
日本マイクロソフト株式会社
デベロッパー＆プラットフォーム統括本部
エバンジェリスト
物江 修

2.
Windows ストア アプリ
とは？

3.
新しい UI 環境で動作するアプリ

4.
HTML5 + JavaScript
Windows ストア アプリの構造
ネイティブ
オペレーティングシステム
コンテンツ

5.
開発に使用する技術
WWAHost.exe
Internet Explorer のスーパーセット
HTML5
CSS3(Trident)
Web 標準
WinJS
Windows Library for
JavaScript
JavaScript
アプリの
フレームワーク
JavaScript
Windows 8 の
機能にアクセス
JavaScript

6.
Web ページとの違い
• セキュリティの関係上できないこと
–ネットワーク上のライブラリ参照 (js、フォント)
–スクリプトを含む innerHTML の書き込み
–iframe 内のページとのやりとり
≠

7.
開発ツール

8.
開発ツール
8.1
Appx
Package
Windows 8.1
2013
Blend for
Visual Studio

9.
DEMO
Windows ストア アプリの作成

10.
まとめ
• Windows 8 アプリは HTML + JavaScript
で開発することができる
• 開発用の高機能なツールが無償で提供され
ている

11.
資料
『HTML5で作るWindows 8アプリ』まとめリン
ク - monoe‘s blog - MSDN Blogs
http://aka.ms/howto_win8_app_js

12.
© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, 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.