最新のWebトレンドとマイクロソフトの関係
日本マイクロソフト株式会社
UXエバンジェリスト
春日井 良隆
いま世の中で起こっていること
① デバイスの多様化

② タッチインターフェイス
③ ローカルからクラウドへ
BYOD (Bring Your Own Device)
東京
小豆島
デバイス
HTML5
HTML5の3本柱
HTML5の捉え方
HTML5

HTML5 : Native to Windows
iOSアプリの開発言語
Androidアプリの開発言語
Windowsアプリの開発言語
Windowsストアアプリの開発言語
クロスプラットフォーム フレームワーク
Windows 8.1
開発環境

Web Essentials 2013
HTML5

Web Standards
Web Standards
HTMLの仕様

HTML5がもたらすアプリ開発へのインパクト
http://www.slideshare.net/shumpei
Test the Web Forward
Internet Explorer Testing Center
HTMLの仕様が決まるまで
草案
Working Draft

勧告案
Proposed
Recommendation
W3C勧告プロセスの概要
http://www.kanzaki.com/w3c/process.html

最終草案

勧告...
それぞれの仕様の状況
1997 HTML4.0 勧告

1999 HTML4.01 勧告

2008 HTML5 草案

2011/5 HTML5 最終草案

イマココ

2012/12 HTML5 勧告候補

2014/Q4 HTML5.0 ...
JavaScriptを生成する中間言語 altJS

モダンな言語でHTML5を開発しよう! 俯瞰して理解するaltJSの比較 (前篇 – TypeScript, CoffeeScript, Haxe)
http://html5experts....
altJS
altJS
言語

開発

登場時期

影響を受けた言語

CoffeeScript

Jeremy Ashkenas, et al.

2009

Python, Ruby, Haskell

TypeScript

Microsoft

2...
TypeScript+CreateJS
HTML5
もっともっと速く
WebKit SunSpider JavaScript Benchmark Results
Version 1.0.1, Results Generated October 15. 2013

300

250

200

1...
IE11とWeb標準
HTML5 Labs
アクセシビリティ

マイクロソフト アクセシビリティ
https://www.microsoft.com/ja-jp/enable/default.aspx

音声認識を使用する方法
http://windows.microsoft.com/j...
F12 開発者ツール
ドキュメントモードはEdgeを最優先
• HTML5
<!DOCTYPE html>

• HTML4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.or...
条件付きコメントはただのコメントに
<!--[if IE 6]>
あなたはInternet Explorer 6を使用しています。
<![endif]-->

<!--[if !IE]><!-->
あなたはInternet Explorerを使...
ユーザーエージェントの変更
Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)

Mozilla/5.0 (Windows NT 6.3; Trident/7.0; ...
modern.IE
『ウェブ進化 最終形』から
“これまでのウェブは基本的に「何かを見るた
めのホームページ」でしたが、これからは

「何かをするためのプラットフォーム」
になります”
© 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered tr...
Upcoming SlideShare
Loading in …5
×

HTML5とIE11とWindows 8.1 -最新の Web トレンドとマイクロソフトの関係

10,020 views

Published on

(the Microsoft Conference 2013やHTML5 Conference 2013で使用したスライドです。

Web の技術は日々進化しています。HTML5 で注目された Canvas や Video はもはや当たり前となり、WebGL や WebRTC、MPEG-DASH へと進化しつつあります。HTML5 も勧告候補となり、HTML5.1 がこの春に草案となりました。一方で、Web は”アプリ”のために利用されることも増えてきたため、JavaScript を生成する中間言語、TypeScript や Coffee Script などの存在感も増してきました。本セッションでは、最新の Web 技術のトレンドをまとめつつ、マイクロソフトの技術や製品との関係をご紹介します。

Published in: Technology
0 Comments
15 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
10,020
On SlideShare
0
From Embeds
0
Number of Embeds
5,713
Actions
Shares
0
Downloads
52
Comments
0
Likes
15
Embeds 0
No embeds

No notes for slide

HTML5とIE11とWindows 8.1 -最新の Web トレンドとマイクロソフトの関係

  1. 1. 最新のWebトレンドとマイクロソフトの関係 日本マイクロソフト株式会社 UXエバンジェリスト 春日井 良隆
  2. 2. いま世の中で起こっていること ① デバイスの多様化 ② タッチインターフェイス ③ ローカルからクラウドへ
  3. 3. BYOD (Bring Your Own Device) 東京 小豆島
  4. 4. デバイス
  5. 5. HTML5
  6. 6. HTML5の3本柱
  7. 7. HTML5の捉え方
  8. 8. HTML5 HTML5 : Native to Windows
  9. 9. iOSアプリの開発言語
  10. 10. Androidアプリの開発言語
  11. 11. Windowsアプリの開発言語
  12. 12. Windowsストアアプリの開発言語
  13. 13. クロスプラットフォーム フレームワーク
  14. 14. Windows 8.1
  15. 15. 開発環境 Web Essentials 2013
  16. 16. HTML5 Web Standards
  17. 17. Web Standards
  18. 18. HTMLの仕様 HTML5がもたらすアプリ開発へのインパクト http://www.slideshare.net/shumpei
  19. 19. Test the Web Forward
  20. 20. Internet Explorer Testing Center
  21. 21. HTMLの仕様が決まるまで 草案 Working Draft 勧告案 Proposed Recommendation W3C勧告プロセスの概要 http://www.kanzaki.com/w3c/process.html 最終草案 勧告候補 Last Call Working Draft Candidate Recommendation 勧告 Recommendation
  22. 22. それぞれの仕様の状況 1997 HTML4.0 勧告 1999 HTML4.01 勧告 2008 HTML5 草案 2011/5 HTML5 最終草案 イマココ 2012/12 HTML5 勧告候補 2014/Q4 HTML5.0 勧告 2016/Q4 HTML5.1 勧告
  23. 23. JavaScriptを生成する中間言語 altJS モダンな言語でHTML5を開発しよう! 俯瞰して理解するaltJSの比較 (前篇 – TypeScript, CoffeeScript, Haxe) http://html5experts.jp/clockmaker/2183
  24. 24. altJS
  25. 25. altJS 言語 開発 登場時期 影響を受けた言語 CoffeeScript Jeremy Ashkenas, et al. 2009 Python, Ruby, Haskell TypeScript Microsoft 2012 C# Haxe Haxe Foundation, Nicolas Cannasse 2005 ActionScript, OCaml Dart Google 2011 Java, C++, CoffeeScript, Go JSX DeNA 2012 ActionScript モダンな言語でHTML5を開発しよう! 俯瞰して理解するaltJSの比較 (前篇 – TypeScript, CoffeeScript, Haxe) http://html5experts.jp/clockmaker/2183
  26. 26. TypeScript+CreateJS
  27. 27. HTML5
  28. 28. もっともっと速く WebKit SunSpider JavaScript Benchmark Results Version 1.0.1, Results Generated October 15. 2013 300 250 200 150 100 50 0 Opera 17 Firefox 24 Chrome 30 IE10 IE11
  29. 29. IE11とWeb標準
  30. 30. HTML5 Labs
  31. 31. アクセシビリティ マイクロソフト アクセシビリティ https://www.microsoft.com/ja-jp/enable/default.aspx 音声認識を使用する方法 http://windows.microsoft.com/ja-jp/windows-8/using-speech-recognition
  32. 32. F12 開発者ツール
  33. 33. ドキュメントモードはEdgeを最優先 • HTML5 <!DOCTYPE html> • HTML4.01 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> ドキュメントモードの非推奨 http://msdn.microsoft.com/ja-jp/library/ie/dn384051(v=vs.85).aspx
  34. 34. 条件付きコメントはただのコメントに <!--[if IE 6]> あなたはInternet Explorer 6を使用しています。 <![endif]--> <!--[if !IE]><!--> あなたはInternet Explorerを使用していません。 <!--<![endif]--> 条件付きコメントがサポートされなくなった http://msdn.microsoft.com/ja-jp/library/ie/hh801214(v=vs.85).aspx
  35. 35. ユーザーエージェントの変更 Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0) Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko ブラウザーの バージョン ユーザー エージェント文字列の変更 http://msdn.microsoft.com/ja-jp/library/ie/hh869301(v=vs.85).aspx 他のブラウザー との一貫性
  36. 36. modern.IE
  37. 37. 『ウェブ進化 最終形』から “これまでのウェブは基本的に「何かを見るた めのホームページ」でしたが、これからは 「何かをするためのプラットフォーム」 になります”
  38. 38. © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

×