IE10正式リリース版の   HTML5/CSS3新機能          尾崎 義尚
尾崎 義尚   VB2005は.NETへの移行を加速できるのか!?       http://www.atmarkit.co.jp/fdotnet/special/vb6tovb2005mig01/vb6tov        b2005mi...
尾崎 義尚   最近は、       Cent OS       PostgreSQL       PHP       BASH
IE10正式リリース版のHTML5/CSS3新機能   Windows 8と同時にリリースされるIE10の新しい    UIとHTML5/CSSの新機能について紹介します。   短い時間ですので、デモを中心にHTML5を使った    アプリ...
Internet Explorer 10 RTMまで                                                                       8~12週ごとにPPを公開 2011       ...
IE の機能追加方針   安定している。つまり、最近加えられた追加点や変更点    がなく、名前変更や大幅な変更がないと予想される。   IE10 以外の少なくとも 2 つのブラウザーによりサポー    トされる。   機能の主な使用事例...
2つの Internet Explorer 10                      Windows ストア   デスクトップ             Modern (Metro)                   コンテンツ中心(枠な...
そしてもうひとつ…  Windows ストア アプリ Modern (Metro)
プラグイン・フリーへの挑戦機能        プラグイン          W3C テクノロジビデオ・オー Flash、QuickTime、 HTML5 ビデオ・オーディオ    Silverlight      ディオグラフィック Flash...
ユーザーエージェント文字列IE10  Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)IE10 タッチ対応   Mozilla/5.0 (compatible; M...
HTML5   Application Cache API ("AppCache")   スクリプトの非同期実行   チャネル メッセージング   Drag and Drop API   File API   フォーム   履歴...
CSS3   CSS Device Adaptation   CSS3 除外(Exclusions)   CSS3 可変ボックス ("Flexbox") レイアウト   CSS3 グリッド レイアウト   CSS3 段組レイアウト ...
CSS3 ドラえもん   http://css3.zxq.net/doraemon/doraemon_css3.html
CSS フルページ アニメーション デモ            Bringing pages alive with CSS Transforms & Animationshttp://ie.microsoft.com/testdrive/Gra...
JavaScript   ECMAScript 5 の strict モード   型指定された配列   F12 開発者ツールにおける Web ワーカーのデ    バッグ   requestAnimationFrame メソッド   s...
Windows 8 統合   リンク プレビュー   Web サイトを Metro スタイル アプリに接続す    る   Windows 8 でのピン留めされたサイトの通知                  Internet Explo...
参考情報   Internet Explorer 10 開発者向けガイド       http://msdn.microsoft.com/ja-        jp/library/ie/hh673549(v=vs.85).aspx   ...
Upcoming SlideShare
Loading in...5
×

Ie10正式リリース版のhtml5 css3

3,664

Published on

Published in: Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,664
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
9
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Ie10正式リリース版のhtml5 css3

  1. 1. IE10正式リリース版の HTML5/CSS3新機能 尾崎 義尚
  2. 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. 3. 尾崎 義尚 最近は、  Cent OS  PostgreSQL  PHP  BASH
  4. 4. IE10正式リリース版のHTML5/CSS3新機能 Windows 8と同時にリリースされるIE10の新しい UIとHTML5/CSSの新機能について紹介します。 短い時間ですので、デモを中心にHTML5を使った アプリ開発のヒントや記事執筆の裏話を交えて ご紹介していきたいと思います。
  5. 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. 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. 7. 2つの Internet Explorer 10 Windows ストア デスクトップ Modern (Metro) コンテンツ中心(枠なし)従来のIE メニューなしフル機能 全画面表示ウィンドウ表示 プラグイン フリープラグイン利用可能 ただし、Flashは一部対応
  8. 8. そしてもうひとつ… Windows ストア アプリ Modern (Metro)
  9. 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. 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 RTMozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; ARM; Trident/6.0)
  11. 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. 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. 13. CSS3 ドラえもん http://css3.zxq.net/doraemon/doraemon_css3.html
  14. 14. CSS フルページ アニメーション デモ Bringing pages alive with CSS Transforms & Animationshttp://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. 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. 16. Windows 8 統合 リンク プレビュー Web サイトを Metro スタイル アプリに接続す る Windows 8 でのピン留めされたサイトの通知 Internet Explorer 10 開発者向けガイド http://msdn.microsoft.com/ja-jp/library/ie/hh673549(v=vs.85).aspx
  17. 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/
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×