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

2. 春日井良隆
日本マイクロソフト株式会社
UXエバンジェリスト
HTML5と
マイクロソフト

3. マイクロソフトの
Webへの取り組み
春日井 良隆
マイクロソフト株式会社
デベロッパー＆プラットフォーム統括本部
デザイナー製品部 マネージャ

4. web | media | RIA | mobile

5. web | media | RIA | mobile

6. 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つのポイント

7. レイアウトエンジン
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のクリア

8. ありがとう
ございました

9. 2008 2013
IE8 IE11

10. Microsoft Japan

11. Windows 8 with Touch Display

12. iPhone 5

13. iPad mini & Surface

14. Kindle Fire HD

15. Kindle Fire HD & iPhone 5

16. いま、なにが起きているのか？
① デバイスの多様化
② タッチインターフェイス
③ ローカルからクラウドへ

17. デバイス

19. Web Applications 1.0と呼ばれていたHTML5

20. HTML5 : Native to Windows

21. iOSアプリの開発言語

22. Androidアプリの開発言語

23. Windows アプリの開発言語

24. Windows アプリの開発言語

25. クロスプラットフォーム フレームワーク

26. Windows 8

27. Office 2013の小話

28. Windows ストア

30. スマートフォンの購入理由
25.5%
27.6%
30.5%
51.6%
64.1%
メールを利用したかった
大きな液晶が魅力的だった
タッチパネルが魅力的だった
アプリを利用したかった
PCのWebサイトを見たかった
スマートフォンに関する調査＠リサーチバンク (2012年4月11日)
http://research.lifemedia.jp/2012/04/120411_smartphone.html

31. タブレットの購入理由
23.1%
30.5%
45.8%
47.1%
48.4%
画面が大きくて見やすい
スマホや携帯より画面が大きい
PCのように使える
手軽にインターネットができる
持ち運びに便利そう
タブレット端末に関する調査＠リサーチバンク (2013年1月16日)
http://research.lifemedia.jp/2013/01/130116_tabletpc.html

32. ブラウザのHTML5対応を確認する

33. ブラウザのシェアを調べる

34. IE10は 速い

35. 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
バッテリー持続時間 (分)

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

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

38. modern.IE

39. IE6 Countdown

40. 来年4月9日にXPとIE6のサポートが終了

41. 『ウェブ進化 最終形』から
“これまでのウェブは基本的に「何かを見るための
ホームページ」でしたが、これからは
「何かをするためのプラットフォーム」
になります”

42. クラウドとWeb制作者
Webサイトを構築するためのPaaS
① メンテナンスしなくてもいい
② スケーラビリティ=勝手にやってくれる
③ 仮想化、マルチデバイス、メディアへ

43. Windows Azure

44. Microsoft Research

45. Bing Translator

46. IllumiRoom Kinect+プロジェクションマッピング