1 / 39

現時点の本資料 は 完成版のスライド ではありません。

現時点の本資料 は 完成版のスライド ではありません。. D2-202. 開催当日までに内容に変更がありますので、印刷を 行われる方は後日更新される版をご利用になり、会場にお持ちください。会場には印刷資料はございません。. Internet Explorer 9 と HTML5 。 そして、 IE10. 日本マイクロソフト株式会社 デベロッパー＆プラットフォーム統括本部 エバンジェリスト 奥主　洋（おくぬし　ひろし）. D 2-202. セッションの目的とゴール Session Objectives and Takeaways. セッションの目的

vanna
Télécharger la présentation

現時点の本資料 は 完成版のスライド ではありません。

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 現時点の本資料は 完成版のスライドではありません。 • D2-202 開催当日までに内容に変更がありますので、印刷を行われる方は後日更新される版をご利用になり、会場にお持ちください。会場には印刷資料はございません。

  2. Internet Explorer 9 と HTML5。そして、IE10 日本マイクロソフト株式会社 デベロッパー＆プラットフォーム統括本部 エバンジェリスト 奥主　洋（おくぬし　ひろし） D2-202

  3. セッションの目的とゴールSessionObjectives and Takeaways • セッションの目的 • マイクロソフトのブラウザーと Web 標準に対する戦略と方向性をご理解いただくこと • セッションのゴール 以下をご理解いただくこと • InternetExplorerの開発方向性とその影響 • HTML5 の現況とマイクロソフトの歩み

  4. アジェンダ • Web 技術の潮流とマイクロソフトの歩み • InternetExplorer と HTML5。今とこれから • ビジネスに焦点を。最適解は？ • まとめ

  5. Part I Web 技術の潮流と マイクロソフトの歩み

  6. Web 標準技術の進展と潮流

  7. Web 標準技術の進展と潮流 過去 現在 未来 1993年 1995年 1997年 1999年 2011年 2002年? 2011年 1996年 1998年 HTML5 HTML2.0 HTML1.0 HTML5 HTML4.01 HTML3.2 2009年 1999年 1997年 CSS2 CSS2.1 CSS2.1 CSS1 CSS3 1998年 ECMAScript 2 ECMAScript 3 ECMAScript 5 ECMAScript 1 ECMAScript Harmony

  8. これまでの InternetExplorer の歩み ※代表的なものだけを掲載しています。 http://www.microsoft.com/ja-jp/windows/products/winfamily/ie/function/default.aspx

  9. ExpressionWeb4 (+ SP2) http://www.microsoft.com/japan/products/expression/

  10. ExpressionWeb4 Super Preview ブラウザー種類間の表示ズレも確認可能 http://www.microsoft.com/japan/products/expression/

  11. 時間を進めて 「今年」 へ

  12. IE9 の登場。（4月末）

  13. IE10PP2 の登場。（6月末） Speed Demo- Galactic ※PP＝PlatformPreview。簡単に言うとベータ版

  14. Part II Internet Explorer と HTML5。今とこれから

  15. HTML5 の最新状況 5/25（水）についに 最終草案（LastCall）へ • First Public Working Draft • Working Draft • Last Call • Candidate Recommendation • Recommendation 公開草案初版 草　案 最終草案 勧告候補 勧　告

  16. 広義 のHTML5の実態 http://caniuse.com http://blogs.msdn.com/b/ie/archive/2011/06/28/css-2-1-complete-unblocking-faster-web-standards-progress.aspx

  17. Internet Explorer 9 以降の開発思想“ブラウザーは劇ではなく、劇場” • PC 稼働時間の 57% がブラウザーに使われる • ブラウザーはもうプラットフォームとしての位置づけ • Web への期待がさらに高まり、Web で出来ることは日々増えてきているが、使うための環境が追いついていない現状 • ブラウザーに求められること • サイトならではのエクスペリエンスを提供する • ユーザーとユーザーの個人情報を守る • 同一のマークアップを実現する • ネイティブアプリケーションと同等の機能・性能・操作性 • 数々の選択肢（デバイス・テクノロジー）に対応する

  18. InternetExplorer9 の開発思想

  19. IE9 以降の開発サイクル • 進捗 vs活動。１つ１つに検証すべき意味を。 • PlatformPreview のリリースサイクル プラットフォームプレビュー “PP” 進捗 コミュニティ との情報交換 Web 標準 同じ マークアップ サイトで 使用できる “Site-Ready” ハードウェア アクセラレーション ネイティブ アプリとの 競争 Web テクノロジー の進化 IE9 : PP を 8 週を目途 IE10：PP を 8 週～ 12 週を目途

  20. HTML5Labs • 実験中あるいはまだ安定していない仕様のプロトタイプ • 実際に製品に取り込む前にアドオンとして追加検証可能 最新の API を試すのは http://html5labs.com

  21. HTML5の世界BeautyOfTheWeb：洗練されたサイト http://BeautyOfTheWeb.jp

  22. IETestDrive– 機能を試しやすいPP 登場時に更新、新しいデモを多数追加 http://ie.microsoft.com/testdrive/

  23. Part III ビジネスに焦点を。 最適解は？

  24. HTML5 と業務システムの要件 で完璧？ http://blogs.msdn.com/b/ie_jp/archive/2011/08/19/10197676.aspx

  25. マルチ ブラウザーとマルチ デバイス • デバイスが PC だけだからできた話ではないか • 今後は画面サイズの違うデバイスも多種多様 野村総合研究所 様 が実施なさった InternetExplorer9 影響調査報告書 http://technet.microsoft.com/ja-jp/ie/hh335059

  26. 画面設計における意識改革が必要表示の仕方が違ってもいいじゃない画面設計における意識改革が必要表示の仕方が違ってもいいじゃない • 「プログレッシブ エンハンスメント」の考え方 • 複数のブラウザーとデバイス　例：携帯と PC • 全く同じように表示させるそのコストかけるべき？ • 将来的に柔軟な対応なの？ Progressive ：(段階的に)前進する⇔　Regressive：　後退する Enhancement ：高揚、増進 必要十分な情報・機能を提供することの方が最重要 Webアクセシビリティ

  27. 商用としての製品サポート、安心感 • 業務システムにおける安心 • 有事における有償・無償の製品サポートの存在 • 長く続けてくれること 10年分の「安心」 http://support.microsoft.com/lifecycle/?ln=ja#tab1

  28. IE9、IE10 で開発するときには開発者ガイド http://msdn.microsoft.com/ja-jp/ie/ff468705 http://msdn.microsoft.com/ja-jp/ie/gg192966.aspx

  29. Windows 7 とIE9 を使う相乗効果一押し！Web サイト担当者様に。 http://buildmypinnedsite.com/ja-jp • Windows のアプリケーションのように Web サイトへ誘導、利用する → PV, UU アップ → 滞在時間 アップ タスク バーは激戦区

  30. “ピン留め” とは タスクバーの使用率はとても高い!! http://windows.microsoft.com/ja-JP/internet-explorer/products/ie-9/features/pinned-sites タスクバーからWebサイトを起動できる機能 • 87%がタスクバーからアプリを起動している • 62%がタスクバーに規定以外のアプリを登録している アプリケーションと同じようにジャンプリストに対応しているので、アクセスさせたいタスクに誘導できる “ピン留め”対応による効果 • PVが11%アップ • 直帰率が14%改善 • 滞在時間が49%アップ • ピン留めからアクセスしたユーザは15％多いページを見ている • ソーシャルなリクエストが3倍に http://windowsteamblog.com/ie/b/ie/archive/2011/02/17/economics-of-the-web-ie9-users-that-pin-huffington-post-spend-49-more-time-on-site.aspx

  31. “ピン留め”の米国での効果 DocStoc (ビジネス) • ページビュー：230％、滞在時間：40％、ドキュメントの検索頻度：650% Gilt(ショッピング) • 訪問数：39%、カートへの商品の追加：160％、購入完了率：45％ The Killers (音楽) • ページビュー：65%、滞在時間：103％ hi5 (ソーシャルゲーム) • ソーシャルの行動反応（いいね！ボタンのクリック、ゲーム、シェア）：200％ Business Insider (ニュース) • ページビュー：57%、滞在時間：95% Flixster (メディア) • ページビュー：34%、滞在時間：57% Huffington Post (ニュース) • 滞在時間：49%

  32. 関連セッション D2-201：さらっと眺めてみよう! Web 関連テクノロジ "超" 概要 D2-301：HTML5 でも安心! Visual Studio での Web 開発

  33. 強力な情報源：IE ブログ InternetExplorer ブログ http://blog.msdn.com/ie_jp Internet Explorer サポートチームブログ http://blogs.technet.com/jpieblog/

  34. MSDN, TechNet に注目 MSDNIEデベロッパー センター http://msdn.microsoft.com/ja-jp/ie TechNetIEテック センター http://technet.microsoft.com/ja-jp/ie 35

  35. リファレンス #1 Internet Explorer 製品ページ http://www.microsoft.com/japan/ie InternetExplorer デベロッパーセンター http://msdn.microsoft.com/ja-JP/ie 洗練されたサイト – BeautyOfTheWeb日本語ページ http://beautyoftheweb.jp InternetExplorer の挙動をみたいならサンプル豊富 –IETestDrivehttp://ietestdrive.com HTML5 の先進 API のマイクロソフト対応 － HTML5 Labs http://html5labs.com

  36. リファレンス #2 講師関連情報：Hiroshi Okunushi's Blog | HTML5 IE IIS http://blogs.msdn.com/b/hirookun/ Twitter : @hirookun monoe'sblog http://blogs.msdn.com/b/osamum/ Internet Explorer ブログ (日本語版) http://blogs.msdn.com/b/ie_jp/ IEBlog（本家、英語） http://blogs.msdn.com/b/ie/

  37. セッションのまとめSession Wrap Up • マイクロソフトは Web技術のプレイヤーであり続けます。クラウドはもちろん、インターネット向けも企業内も。 • Internet Explorer 9から HTML5 の世界が始まり、特に 3 つの 「Windows」とともに歩み続けます。 • ビジネスに最適なのは Windows 7 と IE9/IE10 および ActiveDirectory など企業利用で証明された組合せ。

  38. ご清聴ありがとうございました • アンケート • にご協力 • ください • D2-202

More Related