1. IE10正式リリース版の
HTML5／CSS3新機能
尾崎 義尚

2. 尾崎 義尚
 VB2005は.NETへの移行を加速できるのか！？
 http://www.atmarkit.co.jp/fdotnet/special/vb6tovb2005mig01/vb6tov
b2005mig01_01.html
 業務アプリ開発で失敗しないコツ
 http://www.atmarkit.co.jp/fdotnet/vblab/bizappbasic01/bizappbasic
01_01.html
 Visual Basic 2010の新機能
 http://www.atmarkit.co.jp/fdotnet/chushin/vb2010features_01/vb201
0features_01_01.html
 Internet Explorer 10 Platform Preview レビュー
 http://www.atmarkit.co.jp/fdotnet/special/ie10earlyreview01/ie10e
arlyreview01_01.html
 .NET業務アプリのスマホ対応のポイント
 http://www.atmarkit.co.jp/fdotnet/chushin/bizappsmaho_01/bizappsm
aho_01_01.htm
 InfoQ 翻訳

3. 尾崎 義尚
 最近は、
 Cent OS
 PostgreSQL
 PHP
 BASH

4. IE10正式リリース版のHTML5／CSS3新機能
 Windows 8と同時にリリースされるIE10の新しい
UIとHTML5/CSSの新機能について紹介します。
 短い時間ですので、デモを中心にHTML5を使った
アプリ開発のヒントや記事執筆の裏話を交えて
ご紹介していきたいと思います。

5. Internet Explorer 10 RTMまで
8～12週ごとにPPを公開
2011 2012
4 5 6 7 8 9 10 11 12 1 2 3 4 5 6 7 8
11週 10週 11週 13週 13週 8週
▼4/12 ▼6/29 ▼9/13 ▼11/29 ▼2/29 ▼5/31 ▼8/1
PP1 PP2 PP3 PP4 PP5 PP6 RTM
MIX11 w/Win8 DP w/Win8 CP w/Win8 RP w/Win8
BUILD
Windows 7 用
Windows 8 用
UI なし
▼ 3/22 ▼ 6/21 ▼ 9/27 ▼ 12/20 ▼ 3/13 ▼ 6/5
Firefox 3 Firefox 5 Firefox 7 Firefox 9 Firefox 11 Firefox 13
▼ 8/16 ▼ 11/18 ▼ 1/31 ▼ 4/24 ▼ 7/17
Firefox 6 Firefox 8 Firefox 10 Firefox 12 Firefox 14
▼ 5/9 ▼ 8/11 ▼ 11/3 ▼ 2/9 ▼ 5/22
Chrome 12 Chrome 14 Chrome 16 Chrome 18 Chrome 20
▼ 3/28 ▼ 6/16 ▼ 9/22 ▼ 1/5 ▼ 4/10 ▼ 7/9
Chrome 11 Chrome 13 Chrome 15 Chrome 17 Chrome 19 Chrome 21

6. IE の機能追加方針
 安定している。つまり、最近加えられた追加点や変更点
がなく、名前変更や大幅な変更がないと予想される。
 IE10 以外の少なくとも 2 つのブラウザーによりサポー
トされる。
 機能の主な使用事例において、それらのすべてのブラウ
ザー間で相互運用可能である。
 プレフィックスのない形式を含めて既に Web で使用され
ている。
 Windows 8 Consumer Preview 以降 Candidate
Recommendation になったか、2012 年中に Candidate
Recommendations となる可能性が高い。
IEBlog IE10 Release Preview で安定した Web を進化させる
http://blogs.msdn.com/b/ie_ja/archive/2012/06/14/moving-the-
stable-web-forward-in-ie10-release-preview.aspx

7. 2つの Internet Explorer 10
Windows ストア
デスクトップ Modern (Metro)
コンテンツ中心（枠なし）
従来のIE
メニューなし
フル機能
全画面表示
ウィンドウ表示
プラグイン フリー
プラグイン利用可能
ただし、Flashは一部対応

8. そしてもうひとつ…
Windows ストア アプリ Modern (Metro)

9. プラグイン・フリーへの挑戦
機能 プラグイン W3C テクノロジ
ビデオ・オー Flash、QuickTime、 HTML5 ビデオ・オー
ディオ Silverlight ディオ
グラフィック Flash、QuickTime、 Canvas、SVG、CSS3
ス Silverlight
オフライン記 Flash Web Storage、File
憶域 API、Indexed DB、
Application Cache
API
通信・ファイ Flash Web Messaging、
ル Corss-Origin
Resource
Sharing(CORS)

10. ユーザーエージェント文字列
IE10
Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)
IE10 タッチ対応
Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0;
Touch)
IE10 64ビット
Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Win64; x64;
Trident/6.0)
IE10 Windows RT
Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; ARM; Trident/6.0)

11. HTML5
 Application Cache API ("AppCache")
 スクリプトの非同期実行
 チャネル メッセージング
 Drag and Drop API
 File API
 フォーム
 履歴
 解析
 サンドボックス
 スペル チェック
 ビデオ
 Web ワーカー
 WebSocket
Internet Explorer 10 開発者向けガイド
http://msdn.microsoft.com/ja-jp/library/ie/hh673549(v=vs.85).aspx

12. CSS3
 CSS Device Adaptation
 CSS3 除外(Exclusions)
 CSS3 可変ボックス ("Flexbox") レイアウト
 CSS3 グリッド レイアウト
 CSS3 段組レイアウト
 CSS3 領域(Regions)
 CSS3 3-D 変換(transforms)
 CSS3 アニメーション
 CSS3 フォント
 CSS3 グラデーション
 CSS3 テキスト
 CSS3 切り替え(Transitions)
Internet Explorer 10 開発者向けガイド
http://msdn.microsoft.com/ja-jp/library/ie/hh673549(v=vs.85).aspx

13. CSS3 ドラえもん
http://css3.zxq.net/doraemon/doraemon_css3.html

14. CSS フルページ アニメーション デモ
Bringing pages alive with CSS Transforms & Animations
http://ie.microsoft.com/testdrive/Graphics/FullPageAnimations/1_Introduction.
html
Internet Explorer 10 開発者向けガイド
http://blogs.msdn.com/b/ie_ja/archive/2012/08/22/full-page-
animations-using-css.aspx

15. JavaScript
 ECMAScript 5 の strict モード
 型指定された配列
 F12 開発者ツールにおける Web ワーカーのデ
バッグ
 requestAnimationFrame メソッド
 setImmediate メソッド
Internet Explorer 10 開発者向けガイド
http://msdn.microsoft.com/ja-jp/library/ie/hh673549(v=vs.85).aspx

16. Windows 8 統合
 リンク プレビュー
 Web サイトを Metro スタイル アプリに接続す
る
 Windows 8 でのピン留めされたサイトの通知
Internet Explorer 10 開発者向けガイド
http://msdn.microsoft.com/ja-jp/library/ie/hh673549(v=vs.85).aspx

17. 参考情報
 Internet Explorer 10 開発者向けガイド
 http://msdn.microsoft.com/ja-
jp/library/ie/hh673549(v=vs.85).aspx
 IE Testdrive
 http://ie.microsoft.com/testdrive/
 Beauty of the web
 http://www.beautyoftheweb.com/
 http://www.beautyoftheweb.jp/
 HTML5 Labs
 http://html5labs.interoperabilitybridges.com/
 IEBlog 日本語
 http://blogs.msdn.com/b/ie_ja/