DE-013
最新の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
最終草案 Last Call
Working Draft
勧告候補Candidate
Recommendation
勧告案 Proposed
Recommendation
勧告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 勧告
2016/Q4 HTML5.1 勧告
イマココ
JavaScriptを生成する中間言語 altJS
モダンな言語でHTML5を開発しよう! 俯瞰して理解するaltJSの比較 (前篇 – TypeScript, CoffeeScript, Haxe)
http://html5experts.jp/clockmaker/2183
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
HTML5
もっともっと速く
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
IE11とWeb標準
アクセシビリティ
マイクロソフト アクセシビリティ
https://www.microsoft.com/ja-jp/enable/default.aspx
音声認識を使用する方法
http://windows.microsoft.com/ja-jp/windows-8/using-speech-recognition
F12 開発者ツール
ドキュメントモードは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
条件付きコメントはただのコメントに
<!--[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
それでも指定したい人へ
<meta http-equiv="X-UA-Compatible" content="IE=8">
ユーザーエージェントの変更
ユーザー エージェント文字列の変更
http://msdn.microsoft.com/ja-jp/library/ie/hh869301(v=vs.85).aspx
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
ブラウザーのバージョン
他のブラウザーとの一貫性
modern.IE
『ウェブ進化 最終形』から
“これまでのウェブは基本的に「何かを見るためのホームページ」でしたが、これからは
「何かをするためのプラットフォーム」
になります”
© 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.