Weitere ähnliche Inhalte Ähnlich wie Ie10正式リリース版のhtml5 css3 (20) Mehr von Yoshihisa Ozaki (12) Kürzlich hochgeladen (10) Ie10正式リリース版のhtml5 css32. 尾崎 義尚
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は一部対応
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/