MVP Community Camp 2014 仙台エフスタ
-
Upload
osamu-monoe -
Category
Technology
-
view
326 -
download
4
description
Transcript of MVP Community Camp 2014 仙台エフスタ
![Page 1: MVP Community Camp 2014 仙台エフスタ](https://reader034.fdocument.pub/reader034/viewer/2022052316/559227141a28ab9d698b4600/html5/thumbnails/1.jpg)
物江 修(ものえおさむ)日本マイクロソフト株式会社エバンジェリスト@osamum_MS
HTML5で作るWindows 8 アプリ
![Page 2: MVP Community Camp 2014 仙台エフスタ](https://reader034.fdocument.pub/reader034/viewer/2022052316/559227141a28ab9d698b4600/html5/thumbnails/2.jpg)
アジェンダ
•Windows ストアアプリ
•プラットフォームと開発ツール
•マネタイズ
![Page 3: MVP Community Camp 2014 仙台エフスタ](https://reader034.fdocument.pub/reader034/viewer/2022052316/559227141a28ab9d698b4600/html5/thumbnails/3.jpg)
Windows ストアアプリ
![Page 4: MVP Community Camp 2014 仙台エフスタ](https://reader034.fdocument.pub/reader034/viewer/2022052316/559227141a28ab9d698b4600/html5/thumbnails/4.jpg)
Windows ストアアプリ
![Page 5: MVP Community Camp 2014 仙台エフスタ](https://reader034.fdocument.pub/reader034/viewer/2022052316/559227141a28ab9d698b4600/html5/thumbnails/5.jpg)
Windows 8 プラットフォームを選択するメリット
タッチパソコンオールインワン 2 イン 1 タブレット
生産性 利便性
![Page 6: MVP Community Camp 2014 仙台エフスタ](https://reader034.fdocument.pub/reader034/viewer/2022052316/559227141a28ab9d698b4600/html5/thumbnails/6.jpg)
Windows ストアアプリのメリット
• Web 技術でネイティブアプリ開発
• 豊富なデバイス、新しいユーザー体験
• マネタイズ、さまざまなマーケティングデータの取得
![Page 7: MVP Community Camp 2014 仙台エフスタ](https://reader034.fdocument.pub/reader034/viewer/2022052316/559227141a28ab9d698b4600/html5/thumbnails/7.jpg)
プラットフォームと開発ツール
![Page 8: MVP Community Camp 2014 仙台エフスタ](https://reader034.fdocument.pub/reader034/viewer/2022052316/559227141a28ab9d698b4600/html5/thumbnails/8.jpg)
Windows 8 プラットフォーム
![Page 9: MVP Community Camp 2014 仙台エフスタ](https://reader034.fdocument.pub/reader034/viewer/2022052316/559227141a28ab9d698b4600/html5/thumbnails/9.jpg)
HTML5 + JavaScript Windows ストアアプリの構造
WWAHost.exeInternet Explorer のスーパーセット
HTML5
CSS3(Trident)
Web 標準
WinJSWindows Library
for JavaScript
JavaScript
アプリのフレームワーク
JavaScript
Windows 8 の機能にアクセス
JavaScript
![Page 10: MVP Community Camp 2014 仙台エフスタ](https://reader034.fdocument.pub/reader034/viewer/2022052316/559227141a28ab9d698b4600/html5/thumbnails/10.jpg)
Web ページとの違い
≠
• セキュリティの関係上できないこと•ネットワーク上のファイル参照
•スクリプトを含む innerHTML の書き込み
• iframe 内のページとのやりとり
![Page 11: MVP Community Camp 2014 仙台エフスタ](https://reader034.fdocument.pub/reader034/viewer/2022052316/559227141a28ab9d698b4600/html5/thumbnails/11.jpg)
Windows 8.1
2013Blend for
Visual Studio
開発ツール
![Page 12: MVP Community Camp 2014 仙台エフスタ](https://reader034.fdocument.pub/reader034/viewer/2022052316/559227141a28ab9d698b4600/html5/thumbnails/12.jpg)
アプリ開発体験テンプレート
![Page 13: MVP Community Camp 2014 仙台エフスタ](https://reader034.fdocument.pub/reader034/viewer/2022052316/559227141a28ab9d698b4600/html5/thumbnails/13.jpg)
サードパーティー製対応開発ツール
• Unity (C#,C++)
• Cocos2d-x (C++)
• Cordova (HTML+JS)
• GameSalad(オーサリング)
• Etc..
![Page 14: MVP Community Camp 2014 仙台エフスタ](https://reader034.fdocument.pub/reader034/viewer/2022052316/559227141a28ab9d698b4600/html5/thumbnails/14.jpg)
マネタイズ
![Page 15: MVP Community Camp 2014 仙台エフスタ](https://reader034.fdocument.pub/reader034/viewer/2022052316/559227141a28ab9d698b4600/html5/thumbnails/15.jpg)
マネタイズの方法
• Windows ストアでのアプリの販売
• アプリ内でのアイテム販売
• Ads in Apps Windows 8 SDK (広告)
• サードパーティーの広告
![Page 16: MVP Community Camp 2014 仙台エフスタ](https://reader034.fdocument.pub/reader034/viewer/2022052316/559227141a28ab9d698b4600/html5/thumbnails/16.jpg)
Windows 82 億以上のライセンス
ストアに 10 万アプリ以上2.5 億以上のダウンロード
200 ヶ国以上で提供
Windows 8.1Windows 8 と RT向けに無償提供
2013 年 10 月 18日リリースより多くのデバイス サポート
![Page 17: MVP Community Camp 2014 仙台エフスタ](https://reader034.fdocument.pub/reader034/viewer/2022052316/559227141a28ab9d698b4600/html5/thumbnails/17.jpg)
Windows ストア
![Page 18: MVP Community Camp 2014 仙台エフスタ](https://reader034.fdocument.pub/reader034/viewer/2022052316/559227141a28ab9d698b4600/html5/thumbnails/18.jpg)
Windows ストア
アプリの入手がしやすいアプリ内課金を提供
• 売上の70%開発者・30%マイクロソフト• 売上が$25,000を超えると80%開発者・20%マイクロソフト
グローバルへの展開が容易に統計情報、アップデート、取り消し、お試し版の配布も可能流通、在庫の心配がない
![Page 19: MVP Community Camp 2014 仙台エフスタ](https://reader034.fdocument.pub/reader034/viewer/2022052316/559227141a28ab9d698b4600/html5/thumbnails/19.jpg)
アプリ内でのアイテム販売
• アプリのコンテンツや機能など個別に販売可能
• 200 件まで
![Page 20: MVP Community Camp 2014 仙台エフスタ](https://reader034.fdocument.pub/reader034/viewer/2022052316/559227141a28ab9d698b4600/html5/thumbnails/20.jpg)
Ads in Apps for Windows 8 SDK
![Page 21: MVP Community Camp 2014 仙台エフスタ](https://reader034.fdocument.pub/reader034/viewer/2022052316/559227141a28ab9d698b4600/html5/thumbnails/21.jpg)
サードパーティーの広告
![Page 22: MVP Community Camp 2014 仙台エフスタ](https://reader034.fdocument.pub/reader034/viewer/2022052316/559227141a28ab9d698b4600/html5/thumbnails/22.jpg)
まとめ
• Windows ストア アプリは標準的な Web 技術で作成できる
• アプリの作成に必要なツールは無償で入手できる
• Windows ストアを使用してアプリの販売と配布が行える (マネタイズの仕組みが用意されている)
![Page 23: MVP Community Camp 2014 仙台エフスタ](https://reader034.fdocument.pub/reader034/viewer/2022052316/559227141a28ab9d698b4600/html5/thumbnails/23.jpg)
資料
『HTML5で作るWindows 8アプリ』まとめリンク - monoe‘s blog - MSDN Blogs
http://bit.ly/1bbyO6g
![Page 24: MVP Community Camp 2014 仙台エフスタ](https://reader034.fdocument.pub/reader034/viewer/2022052316/559227141a28ab9d698b4600/html5/thumbnails/24.jpg)