html5 で開発する windows 8 ネイティブアプリ
DESCRIPTION
html5j-Webプラットフォーム部第一回勉強会で使用したスライドです。TRANSCRIPT
![Page 1: HTML5 で開発する Windows 8 ネイティブアプリ](https://reader033.vdocuments.net/reader033/viewer/2022051016/5599f2e31a28ab985e8b45bc/html5/thumbnails/1.jpg)
HTML5 で開発するWindows 8 ネイティブアプリ
日本マイクロソフト株式会社
デベロッパー&プラットフォーム統括本部
エバンジェリスト
物江 修
![Page 2: HTML5 で開発する Windows 8 ネイティブアプリ](https://reader033.vdocuments.net/reader033/viewer/2022051016/5599f2e31a28ab985e8b45bc/html5/thumbnails/2.jpg)
Windows ストアアプリとは?
![Page 3: HTML5 で開発する Windows 8 ネイティブアプリ](https://reader033.vdocuments.net/reader033/viewer/2022051016/5599f2e31a28ab985e8b45bc/html5/thumbnails/3.jpg)
新しい UI 環境で動作するアプリ
![Page 4: HTML5 で開発する Windows 8 ネイティブアプリ](https://reader033.vdocuments.net/reader033/viewer/2022051016/5599f2e31a28ab985e8b45bc/html5/thumbnails/4.jpg)
HTML5 + JavaScript Windows ストアアプリの構造
ネイティブ
オペレーティングシステム
コンテンツ
![Page 5: HTML5 で開発する Windows 8 ネイティブアプリ](https://reader033.vdocuments.net/reader033/viewer/2022051016/5599f2e31a28ab985e8b45bc/html5/thumbnails/5.jpg)
開発に使用する技術
WWAHost.exe
Internet Explorer のスーパーセット
HTML5
CSS3(Trident)
Web 標準
WinJSWindows Library for
JavaScript
JavaScript
アプリのフレームワーク
JavaScript
Windows 8 の機能にアクセス
JavaScript
![Page 6: HTML5 で開発する Windows 8 ネイティブアプリ](https://reader033.vdocuments.net/reader033/viewer/2022051016/5599f2e31a28ab985e8b45bc/html5/thumbnails/6.jpg)
Web ページとの違い• セキュリティの関係上できないこと
–ネットワーク上のライブラリ参照 (js、フォント)
–スクリプトを含む innerHTMLの書き込み
– iframe内のページとのやりとり
≠
![Page 7: HTML5 で開発する Windows 8 ネイティブアプリ](https://reader033.vdocuments.net/reader033/viewer/2022051016/5599f2e31a28ab985e8b45bc/html5/thumbnails/7.jpg)
開発ツール
![Page 8: HTML5 で開発する Windows 8 ネイティブアプリ](https://reader033.vdocuments.net/reader033/viewer/2022051016/5599f2e31a28ab985e8b45bc/html5/thumbnails/8.jpg)
開発ツール
8.1Appx
Package
Windows 8.1
2013Blend for
Visual Studio
![Page 9: HTML5 で開発する Windows 8 ネイティブアプリ](https://reader033.vdocuments.net/reader033/viewer/2022051016/5599f2e31a28ab985e8b45bc/html5/thumbnails/9.jpg)
DEMOWindows ストアアプリの作成
![Page 10: HTML5 で開発する Windows 8 ネイティブアプリ](https://reader033.vdocuments.net/reader033/viewer/2022051016/5599f2e31a28ab985e8b45bc/html5/thumbnails/10.jpg)
まとめ
• Windows 8 アプリは HTML + JavaScript
で開発することができる
• 開発用の高機能なツールが無償で提供され
ている
![Page 11: HTML5 で開発する Windows 8 ネイティブアプリ](https://reader033.vdocuments.net/reader033/viewer/2022051016/5599f2e31a28ab985e8b45bc/html5/thumbnails/11.jpg)
資料
『HTML5で作るWindows 8アプリ』まとめリンク - monoe‘s blog - MSDN Blogs
http://aka.ms/howto_win8_app_js
![Page 12: HTML5 で開発する Windows 8 ネイティブアプリ](https://reader033.vdocuments.net/reader033/viewer/2022051016/5599f2e31a28ab985e8b45bc/html5/thumbnails/12.jpg)
![Page 13: HTML5 で開発する Windows 8 ネイティブアプリ](https://reader033.vdocuments.net/reader033/viewer/2022051016/5599f2e31a28ab985e8b45bc/html5/thumbnails/13.jpg)
© 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.