HTML5とマイクロソフト

春日井良隆
日本マイクロソフト株式会社
UXエバンジェリスト
いま世の中で起こっていること

① デバイスの多様化

② タッチインターフェイス
③ ローカルからクラウドへ
Office 2013 の小話
デバイス
HTML5
HTML5の3本柱
HTML5 : Native to Windows
HTML5 : Native to Windows
iOSアプリの開発言語
Androidアプリの開発言語
Windows アプリの開発言語
Windows アプリの開発言語
クロスプラットフォーム フレームワーク
Windows 8.1
開発環境

Web Essentials 2013
クラウドとWeb制作者

Webサイトを構築するためのPaaS
① メインテナンスしなくてもいい
② スケーラビリティ=勝手にやってくれる

③ 仮想化、マルチデバイス、メディア
Internet Explorer
もっともっと速く
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
『ウェブ進化 最終形』から

“これまでのウェブは基本的に「何かを見るための
ホームページ」でしたが、これからは

「何かをするためのプラットフォーム」
になります”
IllumiRoom Kinect+プロジェクションマッピング
Close
IE Test Drive
ブラウザのHTML5対応を確認する
ブラウザのシェアを調べる
IE6 Countdown
来年4月9日にXPとIE6のサポートが終了
HTML5とマイクロソフト(東京)
Upcoming SlideShare
Loading in...5
×

HTML5とマイクロソフト(東京)

1,413

Published on

CSS Nite in Shinagawa, Vol.3 with Microsoft「HTML5+CSS3 Web Camp 2013」
http://cssnite.jp/shinagawa/vol03/

今デバイスが変わろうとしています。
携帯はスマホへ、パソコンはタブレットへ、キーボート&マウスはタッチへ。Firefox OSやTizenのような新しいOSが登場し、Google Glassのようなウェアラブル(身につける)コンピュータも現実になりつつあります。

こうした多様化の中で存在感を増しているのがWebの技術「HTML5」です。これからのWebはブラウザーで表示されるWebページとしてだけでなく、OSで動作するアプリを支える技術としても利用されていくことになるでしょう。このセッションでは、マイクロソフトがそのHTML5をどう捉えているのか?最新のIEやWindowsとの関係を示しながらお伝えします。

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

No Downloads
Views
Total Views
1,413
On Slideshare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
22
Comments
0
Likes
8
Embeds 0
No embeds

No notes for slide

Transcript of "HTML5とマイクロソフト(東京)"

  1. 1. HTML5とマイクロソフト 春日井良隆 日本マイクロソフト株式会社 UXエバンジェリスト
  2. 2. いま世の中で起こっていること ① デバイスの多様化 ② タッチインターフェイス ③ ローカルからクラウドへ
  3. 3. Office 2013 の小話
  4. 4. デバイス
  5. 5. HTML5
  6. 6. HTML5の3本柱
  7. 7. HTML5 : Native to Windows HTML5 : Native to Windows
  8. 8. iOSアプリの開発言語
  9. 9. Androidアプリの開発言語
  10. 10. Windows アプリの開発言語
  11. 11. Windows アプリの開発言語
  12. 12. クロスプラットフォーム フレームワーク
  13. 13. Windows 8.1
  14. 14. 開発環境 Web Essentials 2013
  15. 15. クラウドとWeb制作者 Webサイトを構築するためのPaaS ① メインテナンスしなくてもいい ② スケーラビリティ=勝手にやってくれる ③ 仮想化、マルチデバイス、メディア
  16. 16. Internet Explorer
  17. 17. もっともっと速く 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
  18. 18. IE11とWeb標準
  19. 19. HTML5 Labs
  20. 20. アクセシビリティ マイクロソフト アクセシビリティ https://www.microsoft.com/ja-jp/enable/default.aspx 音声認識を使用する方法 http://windows.microsoft.com/ja-jp/windows-8/using-speech-recognition
  21. 21. F12 開発者ツール
  22. 22. ドキュメントモードは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
  23. 23. 条件付きコメントはただのコメントに <!--[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
  24. 24. ユーザーエージェントの変更 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 ブラウザーの バージョン 他のブラウザー との一貫性
  25. 25. modern.IE
  26. 26. 『ウェブ進化 最終形』から “これまでのウェブは基本的に「何かを見るための ホームページ」でしたが、これからは 「何かをするためのプラットフォーム」 になります”
  27. 27. IllumiRoom Kinect+プロジェクションマッピング
  28. 28. Close
  29. 29. IE Test Drive
  30. 30. ブラウザのHTML5対応を確認する
  31. 31. ブラウザのシェアを調べる
  32. 32. IE6 Countdown
  33. 33. 来年4月9日にXPとIE6のサポートが終了
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×