Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

HTML5とマイクロソフト(沖縄)

2,279 views

Published on

CSS Nite in OKINAWA, Vol.5 with Microsoft「HTML5+CSS3 Web Camp 2013」

Published in: Technology
  • Be the first to comment

HTML5とマイクロソフト(沖縄)

  1. 1. 春日井良隆 日本マイクロソフト株式会社 UXエバンジェリスト HTML5と マイクロソフト
  2. 2. マイクロソフトの Webへの取り組み 春日井 良隆 マイクロソフト株式会社 デベロッパー&プラットフォーム統括本部 デザイナー製品部 マネージャ
  3. 3. web | media | RIA | mobile
  4. 4. web | media | RIA | mobile
  5. 5. 1. CSS 2.1サポート 2. IE7 エミュレートモード 3. JavaScriptのパフォーマンスを向上 4. HTML 5 への対応 5. デベロッパーツール(“toolbar”)を内蔵 6. 新機能 “Activities” 7. 新機能 “WebSlice” 8. Internet Explorer 8 パブリックベータ版 web | media | RIA | mobile IE8 8つのポイント
  6. 6. レイアウトエンジン web | media | RIA | mobile IEとWeb標準との互換性 IE6 Quirks mode IE7 IE7 Standards mode IE8 IE8 Standards mode IE7 Layout IE8 Layout CSS2.1 完全準拠 Acid 2のクリア
  7. 7. ありがとう ございました
  8. 8. 2008 2013 IE8 IE11
  9. 9. Microsoft Japan
  10. 10. Windows 8 with Touch Display
  11. 11. iPhone 5
  12. 12. iPad mini & Surface
  13. 13. Kindle Fire HD
  14. 14. Kindle Fire HD & iPhone 5
  15. 15. いま、なにが起きているのか? ① デバイスの多様化 ② タッチインターフェイス ③ ローカルからクラウドへ
  16. 16. デバイス
  17. 17. Web Applications 1.0と呼ばれていたHTML5
  18. 18. HTML5 : Native to Windows
  19. 19. iOSアプリの開発言語
  20. 20. Androidアプリの開発言語
  21. 21. Windows アプリの開発言語
  22. 22. Windows アプリの開発言語
  23. 23. クロスプラットフォーム フレームワーク
  24. 24. Windows 8
  25. 25. Office 2013の小話
  26. 26. Windows ストア
  27. 27. スマートフォンの購入理由 25.5% 27.6% 30.5% 51.6% 64.1% メールを利用したかった 大きな液晶が魅力的だった タッチパネルが魅力的だった アプリを利用したかった PCのWebサイトを見たかった スマートフォンに関する調査@リサーチバンク (2012年4月11日) http://research.lifemedia.jp/2012/04/120411_smartphone.html
  28. 28. タブレットの購入理由 23.1% 30.5% 45.8% 47.1% 48.4% 画面が大きくて見やすい スマホや携帯より画面が大きい PCのように使える 手軽にインターネットができる 持ち運びに便利そう タブレット端末に関する調査@リサーチバンク (2013年1月16日) http://research.lifemedia.jp/2013/01/130116_tabletpc.html
  29. 29. ブラウザのHTML5対応を確認する
  30. 30. ブラウザのシェアを調べる
  31. 31. IE10は 速い
  32. 32. IE10は 省電力 0 10 20 30 40 50 60 Windows XP + IE6 Windows Vista + IE7 Windows 7 + IE9 Windows 8 + IE10 Windows 8 + Chrome 21 Windows 8 + Firefox 15 バッテリー持続時間 (分)
  33. 33. IE10は 安全 70.40% 4.20% 99.10% 4.30% 0% 10% 20% 30% 40% 50% 60% 70% 80% 90% 100% Chrome 21 Firefox 15 IE10 Safari 5 ソーシャルエンジニアを使ったマルウェアのブロック率 https://www.nsslabs.com/reports/browser-security-comparative-analysis-socially-engineered-malware
  34. 34. IE11 • JavaScriptの実行速度がIE9から1.5倍、 IE10から1.15倍高速化 • F12開発者ツールが進化 • デバイスの向き、タッチ、ホバータッ チイベントをサポート • WebGL • MPEG-DASH • Encrypted Media Extension http://msdn.microsoft.com/library/ie/bg182636(v=vs.85
  35. 35. modern.IE
  36. 36. IE6 Countdown
  37. 37. 来年4月9日にXPとIE6のサポートが終了
  38. 38. 『ウェブ進化 最終形』から “これまでのウェブは基本的に「何かを見るための ホームページ」でしたが、これからは 「何かをするためのプラットフォーム」 になります”
  39. 39. クラウドとWeb制作者 Webサイトを構築するためのPaaS ① メンテナンスしなくてもいい ② スケーラビリティ=勝手にやってくれる ③ 仮想化、マルチデバイス、メディアへ
  40. 40. Windows Azure
  41. 41. Microsoft Research
  42. 42. Bing Translator
  43. 43. IllumiRoom Kinect+プロジェクションマッピング

×