http://atnd.org/events/40529 HTML5✕Internet Explorer 〜IEを使ってどこまでモダンなWebへ突き進めるのか？〜 業務システムエンジニアのためのHTML5勉強会#03 - Presented By HTML5jえんぷら部！でIEのプロダクトマネージャー、内河が使用したスライドです。

1. 内河 恵
日本マイクロソフト株式会社
Windows 本部
だからIEは業務システムで使われている
いままでもこれからも

2. 本日のアジェンダ
1. セッションのゴール
2. Internet Explorer 11 の概要
3. Web 標準への取り組みと modern.IE
4. ブラウザー更新の必要性
5. Call to action
6. バグ報告はこちら

3. セッションのゴール
1. IEの開発にあたっての考え方
2. 業務システムでもブラウザーを
バージョンアップすることの必要性
3. 不具合の報告
4. modern.IEで検証する

4. Internet Explorer 11
>> http://blogs.msdn.com/b/ie_ja/

5. さらに高速化が進む Internet Explorer

6. マイクロソフトのWeb標準への取り組み
HTML5 CSS3 SVG ES6
• 標準化団体 (W3C, Ecma International, IETF) における仕様策定に協力
• 相互運用性のために8,614のテストケースを提出
• 最新Web標準への対応 (IE9 → IE10 → IE11 → IExx)

7. modern.IE
http://modern.ie/
1. 検証ウィザード
2. 検証のための仮想環境
3. ベストプラクティス

8. modern.IE
URLをコピペして
”スキャン”をクリック

9. modern.IE での検証結果

10. BrowserStack
さまざまなOS、ブラウザー、ブラウザーバージョン
でWebサイトのレンダリングを確認できるサービス

11. BrowserStack 検証のための仮想環境
1. クラウドベースの仮想環境
• 3ヶ月無料
• Chrome/Firefox 用アドオン
2. ローカルの仮想環境
• Windows, Mac OS X, Linux
3. デバイスごとのスクリーン
ショット

12. modern.IE これまでの統計
• 全世界主要 5,000 サイトのうち
• 標準モードで描画されるのは 90%
• フレームワークやライブラリが古いサイトは 40%
• ベンダープレフィクスが正しく適用されていないのは 20%
• レスポンシブデザインを活用しているサイトは 14%
• ブラウザーのバージョンで判定をしているサイトは 57%

13. ブラウザーをバージョンアップする必要性
• HTML5とCSS3で構築され始めている
• クロスプラットフォーム、クロスデバイス、クロスブラウザーを想定し
て設計しなければならない
• セキュリティ
• パフォーマンス
• ブラウザーもこの状況に合わせて進化しなければならない
• 業務システムでも常にブラウザーを更新し続けることを意識する
これからの
Webサイト

14. Call to Action
1. modern.IEで自社のサイトを検証
2. 検証結果に応じて修正を検討
• ドキュメントモードは”標準”をターゲットに
• フレームワーク＆ライブラリを常に最新に
• 必要に応じてベンダープレフィクスの適用
3. 新規のWebサイトを立ち上げるときは
• 各社の最新ブラウザーをターゲットにする

15. IEのバグを見つけたら
http://connect.microsoft.com/ie
IEの開発チームに直接フィードバックできます

16. リソース
• Internet Explorer ブログ (日本語)
http://blogs.msdn.com/b/ie_ja/
• Building Windows 8 ブログ (日本語)
http://blogs.msdn.com/b/b8_ja/
• modern.IE
http://modern.ie/
• IE Test Drive (英語)
http://ie.microsoft.com/testdrive/
• Microsoft Connect
http://connect.microsoft.com/ie
• Internet Explorer デベロッパーセンター (日本語)
http://msdn.microsoft.com/ja-jp/ie/centrum-internet-
explorer.aspx