「web標準」の価値と可能性 〜windows 8.1とともに考える標準技術の重要性〜

38
春日井良隆 日本マイクロソフト株式会社 UXエバンジェリスト Web 標準」の価値と可能性 Windows 8.1とともに考える標準技術の重要性〜

Upload: yoshitaka-kasugai

Post on 22-May-2015

1.135 views

Category:

Technology


5 download

DESCRIPTION

Webブラウザの主流を占めるInternet Explorerは、バージョンを重ねるごとにWeb標準準拠度を上げ、最新のIEでもより新しいWeb標準技術へも積極的に対応していく姿勢を明確にしています。また、Windows 8からはHTML5とJavaScriptによるネイティブアプリ開発環境を提供しています。 マイクロソフトはなぜ、このように標準技術への対応を強力に推し進めているのでしょう。そして、Internet Explorer 11、Windows 8.1は、Webクリエイターたちにどのような影響と可能性を与えてくれるのでしょうか。具体例を持って解説していただきます。 http://www.dotfes.jp/2013kyoto/

TRANSCRIPT

Page 1: 「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜

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

「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜

Page 2: 「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜

いま、身の回りで起こっていること

①デバイスの多様化

②タッチインターフェイス

③ローカルからクラウドへ

Page 3: 「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜

デバイス

Page 4: 「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜
Page 5: 「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜

HTML5の3本柱

Page 6: 「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜

HTML5 : Native to Windows

Page 7: 「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜

iOSアプリの開発言語

Page 8: 「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜

Androidアプリの開発言語

Page 9: 「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜

Windows アプリの開発言語

Page 10: 「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜

Windows アプリの開発言語

Page 11: 「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜

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

Page 12: 「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜

Windows 8

Page 13: 「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜

Microsoft Research

Page 14: 「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜

Bing Translator

Page 16: 「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜

Visual Studio 2013+Web Essentials 2013

Page 18: 「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜

Web Standards

Page 19: 「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜

HTMLという仕様

HTML5がもたらすアプリ開発へのインパクト

http://www.slideshare.net/shumpei

Page 21: 「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜

Internet Explorer Testing Center

Page 22: 「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜

HTMLとCSSとECMAScript

1997 HTML4.0 勧告

1999 HTML4.01 勧告

2008 HTML5 草案

2011/5 HTML5 最終草案

2012/12 HTML5 勧告候補

2014/Q4 HTML5.0 勧告

2016/Q4 HTML5.1 勧告

Page 24: 「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜

altJS

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

http://html5experts.jp/clockmaker/2183/

Page 26: 「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜

TypeScript+CreateJS

Page 27: 「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜
Page 28: 「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜

もっともっと 速く

0

50

100

150

200

250

300

Opera 17 Firefox 24 Chrome 30 IE10 IE11

WebKit SunSpider JavaScript Benchmark Results Version 1.0.1, Results Generated October 15. 2013

(ms)

Page 30: 「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜

IE11 F12開発者ツール

Page 32: 「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜

modern.IE

Page 34: 「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜

IE6 Countdown

Page 35: 「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜

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

Page 36: 「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜

『ウェブ進化 最終形』から

“これまでのウェブは基本的に「何かを見るための

ホームページ」でしたが、これからは

「何かをするためのプラットフォーム」

になります”

Page 37: 「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜

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

Page 38: 「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜