蜜葉 優HTML5でつくるMetroStyleApps
profile• H.N. :蜜葉 優 [mitsuba yu]• Community:Silverlight Square          Windows Phone Arch• twitter:@mitsuba_tan• Web:http...
Windows 8• 次世代のWindows OS• Metro Design• DesktopとMetroStyleAppがある。• この前のMaxで、FlashのNativeExtentions  でWindows PhoneとMetroS...
過度な期待はしないでください
MetroStyleAppsってなに?• HomeScreenから起動するWindows 8用ア  プリケーション• Metroデザインが使われている• 今のところ、サードローディングできな  い• 自分でビルドして実行• 将来的にはマーケット...
どれぐらい対応してるの?• 実際どれぐらいHTML5に対応できている  のか。• 基本的に、MetroStyleAppsは  MetroStyleAppsにあるIEと同じ• というわけで、IEでhtml5testしてみましょ  う。
個人的に• 動画がH.264にしか対応してない• WebGLの3Dに対応してない• WebCamが使えない?のが悲しい
じゃあメリットは• ブラウザで動くHTML5のアプリを  ローカルに移植できる。• +WinRT APIを叩けば、Systemが持ってる  サービスもHTML5から利用することがで  きる。
HTML5のサンプルを移植してみる• 開発環境はVisualStudio• Chrome Expriments = Chromeがはやい  よ!っていうアピールしてるサイト• ここにあるBallPoolを移植してみる• http://www.c...
HTML5のサンプルを移植してみる友人がつくってたjubeatも移植してみた
ら。。。。。。。そのままじゃうごかなかった。。。
UnsafeLocalFunctionfunction buttonClick() {     msWWA.execUnsafeLocalFunction(function () {     if (msWWA) {        docume...
パフォーマンスは?http://jsdo.it/mitsuba_tan/iClA
WinRTを使おうPushNotification (Toast)通知を使ってみます。
テンプレートいろいろ
MetroStyle Designhttp://msdn.microsoft.com/en-us/windows/apps/
まとめと参考HTML5が組めれば、将来的にWindowsのローカルアプリも開発できるようになります。ローカルアプリなので、めんどうなブラウザ互換とか関係なし!いまHTML5覚えて、来年にはマーケットにだそう!
まとめと参考なかなか期待できそうです。iso、sample、pdfもろもろあります。http://msdn.microsoft.com/en-us/windows/apps/
Flex metro
Flex metro
Flex metro
Flex metro
Flex metro
Flex metro
Upcoming SlideShare
Loading in …5
×

Flex metro

959 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
959
On SlideShare
0
From Embeds
0
Number of Embeds
115
Actions
Shares
0
Downloads
3
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Flex metro

  1. 1. 蜜葉 優HTML5でつくるMetroStyleApps
  2. 2. profile• H.N. :蜜葉 優 [mitsuba yu]• Community:Silverlight Square Windows Phone Arch• twitter:@mitsuba_tan• Web:http://c-mitsuba.com• blog:http://d.hatena.ne.jp/c-mitsuba
  3. 3. Windows 8• 次世代のWindows OS• Metro Design• DesktopとMetroStyleAppがある。• この前のMaxで、FlashのNativeExtentions でWindows PhoneとMetroStyleAppsに対応 するよ!って言ってた
  4. 4. 過度な期待はしないでください
  5. 5. MetroStyleAppsってなに?• HomeScreenから起動するWindows 8用ア プリケーション• Metroデザインが使われている• 今のところ、サードローディングできな い• 自分でビルドして実行• 将来的にはマーケットでアプリが売れる
  6. 6. どれぐらい対応してるの?• 実際どれぐらいHTML5に対応できている のか。• 基本的に、MetroStyleAppsは MetroStyleAppsにあるIEと同じ• というわけで、IEでhtml5testしてみましょ う。
  7. 7. 個人的に• 動画がH.264にしか対応してない• WebGLの3Dに対応してない• WebCamが使えない?のが悲しい
  8. 8. じゃあメリットは• ブラウザで動くHTML5のアプリを ローカルに移植できる。• +WinRT APIを叩けば、Systemが持ってる サービスもHTML5から利用することがで きる。
  9. 9. HTML5のサンプルを移植してみる• 開発環境はVisualStudio• Chrome Expriments = Chromeがはやい よ!っていうアピールしてるサイト• ここにあるBallPoolを移植してみる• http://www.chromeexperiments.com/detail/ ball-pool/
  10. 10. HTML5のサンプルを移植してみる友人がつくってたjubeatも移植してみた
  11. 11. ら。。。。。。。そのままじゃうごかなかった。。。
  12. 12. UnsafeLocalFunctionfunction buttonClick() { msWWA.execUnsafeLocalFunction(function () { if (msWWA) { document.getElementById("title").innerHTML = "hello metro"; } });}
  13. 13. パフォーマンスは?http://jsdo.it/mitsuba_tan/iClA
  14. 14. WinRTを使おうPushNotification (Toast)通知を使ってみます。
  15. 15. テンプレートいろいろ
  16. 16. MetroStyle Designhttp://msdn.microsoft.com/en-us/windows/apps/
  17. 17. まとめと参考HTML5が組めれば、将来的にWindowsのローカルアプリも開発できるようになります。ローカルアプリなので、めんどうなブラウザ互換とか関係なし!いまHTML5覚えて、来年にはマーケットにだそう!
  18. 18. まとめと参考なかなか期待できそうです。iso、sample、pdfもろもろあります。http://msdn.microsoft.com/en-us/windows/apps/

×