Ie10正式リリース版のhtml5 css3

IE10 正式リリース版のHTML5 ／ CSS3 新機能

尾崎　義尚

尾崎　義尚 VB2005 は .NET への移行を加速できるのか！？

http://www.atmarkit.co.jp/fdotnet/special/vb6tovb2005mig01/vb6tovb2005mig01_01.html

業務アプリ開発で失敗しないコツ http://www.atmarkit.co.jp/fdotnet/vblab/bizappbasic01/

bizappbasic01_01.html

Visual Basic 2010 の新機能 http://www.atmarkit.co.jp/fdotnet/chushin/vb2010features_01/

vb2010features_01_01.html

Internet Explorer 10 Platform Preview レビュー http://www.atmarkit.co.jp/fdotnet/special/ie10earlyreview01/

ie10earlyreview01_01.html

.NET 業務アプリのスマホ対応のポイント http://www.atmarkit.co.jp/fdotnet/chushin/bizappsmaho_01/

bizappsmaho_01_01.htm

InfoQ 翻訳

尾崎　義尚　最近は、

Cent OS PostgreSQL PHP BASH

IE10 正式リリース版の HTML5 ／ CSS3 新機能

Windows 8 と同時にリリースされる IE10 の新しい UI と HTML5/CSS の新機能について紹介します。

短い時間ですので、デモを中心に HTML5 を使ったアプリ開発のヒントや記事執筆の裏話を交えてご紹介していきたいと思います。

Internet Explorer 10 RTM まで

2011 2012

4 5 6 7 8 9 10 11 12 1 2 3 4 5 6 7 8

Windows 7 用UI なし Windows 8 用

11 週 10 週 11 週 13 週 8 週

8 ～ 12 週ごとに PP を公開

▼ 7/9　 Chrome 21

▼ 5/22　 Chrome 20

▼ 4/10　 Chrome 19

▼ 2/9　 Chrome 18

▼ 1/5　 Chrome 17

▼ 11/3　 Chrome 16

▼ 9/22　 Chrome 15

▼ 8/11　 Chrome 14

▼ 6/16　 Chrome 13

▼ 5/9　 Chrome 12

▼ 3/28　 Chrome 11

13 週

▼ 7/17　 Firefox 14

▼ 6/5　 Firefox 13

▼ 4/24　 Firefox 12

▼ 3/13　 Firefox 11

▼ 1/31　 Firefox 10

▼ 12/20　 Firefox 9

▼ 11/18　 Firefox 8





▼4/12　　 PP1　　 MIX11

▼6/29　　 PP2

▼9/13　　 PP3　　 w/Win8 DP　　 BUILD

▼11/29　　 PP4

▼2/29　　 PP5　　 w/Win8 CP

▼5/31　　 PP6　　 w/Win8 RP

▼8/1　　 RTM　　 w/Win8

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

2 つの Internet Explorer 10

従来の IEフル機能ウィンドウ表示プラグイン利用可能

コンテンツ中心（枠なし）メニューなし全画面表示プラグインフリーただし、 Flash は一部対応

デスクトップWindows ストアModern (Metro)

そしてもうひとつ…

Windows ストアアプリ Modern (Metro)

プラグイン・フリーへの挑戦

機能プラグイン W3C テクノロジビデオ・オーディオ

Flash 、 QuickTime 、 Silverlight

HTML5 ビデオ・オーディオ

グラフィックス

Flash 、 QuickTime 、 Silverlight

Canvas 、 SVG 、 CSS3

オフライン記憶域

Flash Web Storage 、 File API 、 Indexed DB 、Application Cache API

通信・ファイル

Flash Web Messaging 、 Corss-Origin Resource Sharing(CORS)

ユーザーエージェント文字列

Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)

Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0; Touch)

IE10

IE10 タッチ対応

Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; ARM; Trident/6.0)

IE10 Windows RT

Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Win64; x64; Trident/6.0)

IE10 64 ビット

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

CSS3 CSS Device Adaptation CSS3 除外 (Exclusions) CSS3 可変ボックス ("Flexbox") レイアウト CSS3 グリッドレイアウト CSS3 段組レイアウト CSS3 領域 (Regions) CSS3 3-D 変換 (transforms) CSS3 アニメーション CSS3 フォント CSS3 グラデーション CSS3 テキスト CSS3 切り替え (Transitions)



CSS3 ドラえもん

http://css3.zxq.net/doraemon/doraemon_css3.html

CSS フルページアニメーションデモ

Internet Explorer 10 開発者向けガイドhttp://blogs.msdn.com/b/ie_ja/archive/2012/08/22/full-

page-animations-using-css.aspx

Bringing pages alive with CSS Transforms & Animationshttp://ie.microsoft.com/testdrive/Graphics/FullPageAnimations/

1_Introduction.html

JavaScript

ECMAScript 5 の strict モード型指定された配列 F12 開発者ツールにおける Web ワーカーの

デバッグ requestAnimationFrame メソッド setImmediate メソッド



Windows 8 統合リンクプレビュー Web サイトを Metro スタイルアプリに接続

する Windows 8 でのピン留めされたサイトの通知



参考情報 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/

Ie10正式リリース版のhtml5 css3

Technology

Transcript of Ie10正式リリース版のhtml5 css3