CSS Nite in NAGASAKI, Vol.1 with Microsoft「HTML5+CSS3 Web Camp 2013」 http://cssnite.jp/nagasaki/vol01/

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

3. Microsoft Japan

4. Windows 8 with Touch Display

5. iPhone 5

6. iPad mini & Surface

7. Kindle Fire HD

8. Kindle Fire HD & iPhone 5

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

10. デバイス

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

13. HTML5 : Native to Windows

14. iOSアプリの開発言語

15. Androidアプリの開発言語

16. Windows アプリの開発言語

17. Windows アプリの開発言語

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

19. Windows 8

20. Office 2013の小話

21. Windows ストア

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

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

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

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

27. IE10は 速い

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

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

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

31. modern.IE

32. IE6 Countdown

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

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

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

36. Windows Azure

37. Microsoft Research

38. Bing Translator

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