html5 で開発する windows 8 ネイティブアプリ

HTML5 で開発するWindows 8 ネイティブアプリ

日本マイクロソフト株式会社

デベロッパー＆プラットフォーム統括本部

エバンジェリスト

物江 修

Windows ストアアプリとは？

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

HTML5 + JavaScript Windows ストアアプリの構造

ネイティブ

オペレーティングシステム

コンテンツ

開発に使用する技術

WWAHost.exe

Internet Explorer のスーパーセット

HTML5

CSS3(Trident)

Web 標準

WinJSWindows Library for

JavaScript

JavaScript

アプリのフレームワーク

JavaScript

Windows 8 の機能にアクセス

JavaScript

Web ページとの違い• セキュリティの関係上できないこと

–ネットワーク上のライブラリ参照 (js、フォント)

–スクリプトを含む innerHTMLの書き込み

– iframe内のページとのやりとり

≠

開発ツール

開発ツール

8.1Appx

Package

Windows 8.1

2013Blend for

Visual Studio

DEMOWindows ストアアプリの作成

まとめ

• Windows 8 アプリは HTML + JavaScript

で開発することができる

• 開発用の高機能なツールが無償で提供され

ている

資料

『HTML5で作るWindows 8アプリ』まとめリンク - monoe‘s blog - MSDN Blogs

http://aka.ms/howto_win8_app_js

© 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.