IT エンジニアのための 流し読み Windows 10
新しい Microsoft Edge - from Build 2019
2019 年 5 月
太田 卓也
takuya.ohta@outlook.com
本資料について
本資料は技術勉強用の資料として公開しています
マイクロソフトの正式見解であったり、内容をコミットするものではございません。
内容を一部だけ変更して使うなどを控えていただければ、シェアは自由にしていただいて構いません。
ただし、ビジネスでの使用はお控えください。m(_ _)m
太田 卓也 (オオタ タクヤ)
マイクロソフトのエンジニア
現在は主に Windows 10 を担当しています
何かあれば遠慮なく ☺
takuya.ohta@outlook.com
Microsoft Edge with Internet Explorer Mode - PRE09
https://youtu.be/E2dm29djv3U
Moving the web forward with Microsoft Edge - BRK3074
https://youtu.be/Z30vtw9rX7A
State of the browser: Microsoft Edge - BRK2022
https://youtu.be/5vVrfYX2Rjg
Microsoft Edge and Chromium: A rising tide lifts all boats - BDL2030
https://youtu.be/Oprv-e60vbs
Microsoft Build 2019 で発表された内容を基に、
自分の見解も合わせてまとめています
2018 年 12 月 6 日 – 新しい Microsoft Edge の計画
Microsoft は Microsoft Edge を
Chromium ベースへ移行する計画を発表
Microsoft Edge: オープンソースとの協調で Web をより良いものに
https://blogs.windows.com/japan/2018/12/11/microsoft-edge-making-
the-web-better-through-more-open-source-collaboration/
Chromium とは?
オープンソースのブラウザ
Chromium と Google Chrome の相違点
◼ Flash Playerの同梱
◼ Googleの名称とそのブランドロゴ
◼ 自動アップデート機能 (Google Update)
◼ Googleへの利用状況やクラッシュレポート送信機能
◼ RLZトラッキングの送信機能
◼ サンドボックス機能の常時有効化
◼ Chrome Web Storeを経由したエクステンション限定
Google Chrome は このソースコードを引き抜
いて開発されたもの
Chromiumプロジェクトの名前の由来は、鉄などのめっきに使われ
ることで知られる金属系元素のクロム(英語でchromium)であ
る。そのクロムめっきを施した金属を英語で chrome と呼ぶことから、
「(Google) Chromeを作るのに使うモノ」という意味でこの名称と
なった
ブラウザのしくみ – レンダリングエンジンがコードの大部分
図: ブラウザの主な構成要素
1.ユーザー インターフェース - アドレスバー、戻る/進むボタン、
ブックマーク メニューなど
2.ブラウザ エンジン - UI とレンダリング エンジンの間の処理を
整理
3.レンダリング エンジン - 要求されたコンテンツの表示を担当。
たとえば、要求されたコンテンツが HTML の場合は、HTML
と CSS を解析し、解析されたコンテンツを画面に表示。
4.ネットワーキング - HTTP リクエストなどのネットワークの呼び
出しに使用
5.UI バックエンド - コンボ ボックスやウィンドウなどの基本的
なウィジェットの描画に使用されます。
6.JavaScript インタープリタ - JavaScript コードの解析と実
行に使用。
7.データ ストレージ - 永続的なレイヤです。ブラウザでは
Cookie などさまざまなデータをハード ディスクに保存。
HTML5 Rocks : ブラウザの仕組み: 最新ウェブブラウザの内部構造
https://www.html5rocks.com/ja/tutorials/internals/howbrowserswork/
90%
Gecko
Trident
KHTML
Navigator
Internet Explorer
Konqueror
WebKit Blink
EdgeHTML
fork
fork
完全互換を目指す
fork
Servo
互換性
置換
置換
Firefox 57Firefox
Internet Explorer Microsoft Edge
Safari
Chromium Chrome 28
2001 ~ 2013 ~
2019 ~
2015 ~
2017 ~
新しい
Microsoft Edge
Chrome
Chromium
レンダリングエンジン
Konqueror
互換性
レンダリングエンジンの歴史
レンダリング エンジンに関する議論
◼ 技術の向上 : 競い合う事で生まれる技術向上がある
◼ セキュリティ問題 : 脆弱性などが発見された場合統一してると全てが影響を受ける
◼ Web 標準の意義 : 特定のベンダーだけが影響力をもつと、そこに都合の良い仕様が入る
◼ 技術の向上 : 全員でオープンソースで協力していくことでの技術が向上する
◼ 互換性の向上 : 利用者も開発者も互換性の問題から解放される
◼ コストの抑制 : 開発速度の向上、メンテナンスコストの低下、機能差異の縮小
レンダリング エンジンは統一した方が良いと思う派
レンダリング エンジンは複数あった方が良いと思う派
Microsoft は Web を使用する全ての人々を考えた時に
「統一」がより良い道と判断した
Microsoft の新しい Microsoft Edge 戦略 2019
NEW STRATEGY
Microsoft Edge は
マイクロソフトの利用者にとって
ベストなブラウザであること
OLD STRATEGY
Microsoft Edge は
Windows 10 の利用者にとって
ベストなブラウザであること
新しい Microsoft Edge を利用するメリット
Microsoft Edge と Google Chrome が同じレンダリングエンジンになるなら、
Microsoft Edge を利用するメリットは?
◼ Windows の機能との連携 – Internet Explore との統合、Windows Hello
◼ Widows のセキュリティ機能との連携 - Application Guard, Windows Information Protection
◼ Windows 管理インフラの利用 – グループ ポリシー、SCCM, WSUS etc…
◼ マイクロソフトの各種サービスと連携 – 今後に期待
目玉機能 : Internet Explorer モード
Internet Explorerモードは、別のブラウザを開いた
りユーザーが手動で設定を変更したりする必要なく、
Microsoft Edge 内でレガシーのIE専用コンテンツ
をシームレスに高忠実度でレンダリングすることに
よってこれらの問題を解決します。
Microsoft Edgeは既存のエンタープライズモードサ
イトリストを使用して、IEのレンダリングが必要なサ
イトを特定し、その背後でInternet Explorerモー
ドに切り替えるだけです。
Microsoft Edge のタブの中に Internet Explorer が!
企業で利用するブラウザー が 1 つに
Microsoft Edge: Build 2019 での発表
https://blogs.windows.com/japan/2018/12/11/microsoft-edge-
making-the-web-better-through-more-open-source-collaboration/
新しい Microsoft Edgeは、様々なプラットフォームとデバイスでサポート
サポートプラットフォーム (予定)
◼ 全てのサポートされる Windows のバージョン
• Windows 7
• Windows 8.1
• Windows 10 Semi-Annual Channel*
• Windows 10 LTSB/LTSC
• Windows 10 S
• Windows Server 2012 and above
◼ Mac OS
◼ Android*
◼ iOS*
* Currently available
サービシング モデル
V71 V72 V73 V74 V75 V76 V77 V78 V79 V80 V81 V82 V83 V84 V85 >>>
新しいモデル : OS と独立して常に新しいバージョンにアップデート
Windows 10 1803 with Microsoft Edge 43
Windows 10 1809 with Microsoft Edge 44
現在のモデル : OS のバージョンに依存してアップデート
配信チャンネル
Dev (weekly)
Gated on feedback, tests, metrics
Canary (daily)
Used internally
Beta (6 weeks)
For web developers, IT pros
Stable
For everyone
Less frequent, more stableMore frequent, less stable
スケジュール (予定)
Public previews for Canary/Dev channels
2019/4/8 から開始
◼ 最初のプレビューは基本機能にフォーカス
◼ コンシューマー、Web 開発者、愛好者をターゲット
Public previews for Beta channel
本夏から開始予定
◼ 管理機能や IE モードが含まれる
Stable release
2019 年中を予定
リリースのタイミングはあらかじめスケジュールを決めておくのではなく、製品の品質を確認しながら決定
プレビュー版へのフィードバックがスケジュールに影響する場合がある
ドキュメントモードもいずれ無くなる
最新の機能、ブラウザ、およびデバイスをサポートするために、
これまでのドキュメントモードを必要とするWebページとアプリケーションを更新していく必要あり
Document modes are deprecated
https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/compatibility/dn384051(v=vs.85)
2013 年の IE11 のリリース以降、ドキュメントモードは非推奨
Windows 10 以降ドキュメントモードは廃止予定
参考 : ブラウザにもライフサイクルはある
Microsoft のコメント
Internet Explorer のサポートを継続すること、安定して動作すること、
安全なブラウザーであり続けることをお約束します。
Internet Explorer は依然として、Windows の大切な構成要素の一つです。IE のサポートは
稼働する Windows のサポートライフサイクルに準拠します。詳細についてはこちらをご覧ください
https://support.microsoft.com/ja-jp/help/17454/lifecycle-faq-internet-explorer
IT エンジニアのための 流し読み Windows 10
新しい Microsoft Edge
END
太田 卓也
takuya.ohta@outlook.com

IT エンジニアのための 流し読み Windows 10 - 新しい Microsoft Edge - from Build 2019

  • 1.
    IT エンジニアのための 流し読みWindows 10 新しい Microsoft Edge - from Build 2019 2019 年 5 月 太田 卓也 takuya.ohta@outlook.com
  • 2.
  • 3.
    Microsoft Edge withInternet Explorer Mode - PRE09 https://youtu.be/E2dm29djv3U Moving the web forward with Microsoft Edge - BRK3074 https://youtu.be/Z30vtw9rX7A State of the browser: Microsoft Edge - BRK2022 https://youtu.be/5vVrfYX2Rjg Microsoft Edge and Chromium: A rising tide lifts all boats - BDL2030 https://youtu.be/Oprv-e60vbs Microsoft Build 2019 で発表された内容を基に、 自分の見解も合わせてまとめています
  • 4.
    2018 年 12月 6 日 – 新しい Microsoft Edge の計画 Microsoft は Microsoft Edge を Chromium ベースへ移行する計画を発表 Microsoft Edge: オープンソースとの協調で Web をより良いものに https://blogs.windows.com/japan/2018/12/11/microsoft-edge-making- the-web-better-through-more-open-source-collaboration/
  • 5.
    Chromium とは? オープンソースのブラウザ Chromium とGoogle Chrome の相違点 ◼ Flash Playerの同梱 ◼ Googleの名称とそのブランドロゴ ◼ 自動アップデート機能 (Google Update) ◼ Googleへの利用状況やクラッシュレポート送信機能 ◼ RLZトラッキングの送信機能 ◼ サンドボックス機能の常時有効化 ◼ Chrome Web Storeを経由したエクステンション限定 Google Chrome は このソースコードを引き抜 いて開発されたもの Chromiumプロジェクトの名前の由来は、鉄などのめっきに使われ ることで知られる金属系元素のクロム(英語でchromium)であ る。そのクロムめっきを施した金属を英語で chrome と呼ぶことから、 「(Google) Chromeを作るのに使うモノ」という意味でこの名称と なった
  • 6.
    ブラウザのしくみ – レンダリングエンジンがコードの大部分 図:ブラウザの主な構成要素 1.ユーザー インターフェース - アドレスバー、戻る/進むボタン、 ブックマーク メニューなど 2.ブラウザ エンジン - UI とレンダリング エンジンの間の処理を 整理 3.レンダリング エンジン - 要求されたコンテンツの表示を担当。 たとえば、要求されたコンテンツが HTML の場合は、HTML と CSS を解析し、解析されたコンテンツを画面に表示。 4.ネットワーキング - HTTP リクエストなどのネットワークの呼び 出しに使用 5.UI バックエンド - コンボ ボックスやウィンドウなどの基本的 なウィジェットの描画に使用されます。 6.JavaScript インタープリタ - JavaScript コードの解析と実 行に使用。 7.データ ストレージ - 永続的なレイヤです。ブラウザでは Cookie などさまざまなデータをハード ディスクに保存。 HTML5 Rocks : ブラウザの仕組み: 最新ウェブブラウザの内部構造 https://www.html5rocks.com/ja/tutorials/internals/howbrowserswork/ 90%
  • 7.
    Gecko Trident KHTML Navigator Internet Explorer Konqueror WebKit Blink EdgeHTML fork fork 完全互換を目指す fork Servo 互換性 置換 置換 Firefox57Firefox Internet Explorer Microsoft Edge Safari Chromium Chrome 28 2001 ~ 2013 ~ 2019 ~ 2015 ~ 2017 ~ 新しい Microsoft Edge Chrome Chromium レンダリングエンジン Konqueror 互換性 レンダリングエンジンの歴史
  • 8.
    レンダリング エンジンに関する議論 ◼ 技術の向上: 競い合う事で生まれる技術向上がある ◼ セキュリティ問題 : 脆弱性などが発見された場合統一してると全てが影響を受ける ◼ Web 標準の意義 : 特定のベンダーだけが影響力をもつと、そこに都合の良い仕様が入る ◼ 技術の向上 : 全員でオープンソースで協力していくことでの技術が向上する ◼ 互換性の向上 : 利用者も開発者も互換性の問題から解放される ◼ コストの抑制 : 開発速度の向上、メンテナンスコストの低下、機能差異の縮小 レンダリング エンジンは統一した方が良いと思う派 レンダリング エンジンは複数あった方が良いと思う派 Microsoft は Web を使用する全ての人々を考えた時に 「統一」がより良い道と判断した
  • 9.
    Microsoft の新しい MicrosoftEdge 戦略 2019 NEW STRATEGY Microsoft Edge は マイクロソフトの利用者にとって ベストなブラウザであること OLD STRATEGY Microsoft Edge は Windows 10 の利用者にとって ベストなブラウザであること
  • 10.
    新しい Microsoft Edgeを利用するメリット Microsoft Edge と Google Chrome が同じレンダリングエンジンになるなら、 Microsoft Edge を利用するメリットは? ◼ Windows の機能との連携 – Internet Explore との統合、Windows Hello ◼ Widows のセキュリティ機能との連携 - Application Guard, Windows Information Protection ◼ Windows 管理インフラの利用 – グループ ポリシー、SCCM, WSUS etc… ◼ マイクロソフトの各種サービスと連携 – 今後に期待
  • 11.
    目玉機能 : InternetExplorer モード Internet Explorerモードは、別のブラウザを開いた りユーザーが手動で設定を変更したりする必要なく、 Microsoft Edge 内でレガシーのIE専用コンテンツ をシームレスに高忠実度でレンダリングすることに よってこれらの問題を解決します。 Microsoft Edgeは既存のエンタープライズモードサ イトリストを使用して、IEのレンダリングが必要なサ イトを特定し、その背後でInternet Explorerモー ドに切り替えるだけです。 Microsoft Edge のタブの中に Internet Explorer が! 企業で利用するブラウザー が 1 つに Microsoft Edge: Build 2019 での発表 https://blogs.windows.com/japan/2018/12/11/microsoft-edge- making-the-web-better-through-more-open-source-collaboration/
  • 12.
    新しい Microsoft Edgeは、様々なプラットフォームとデバイスでサポート サポートプラットフォーム(予定) ◼ 全てのサポートされる Windows のバージョン • Windows 7 • Windows 8.1 • Windows 10 Semi-Annual Channel* • Windows 10 LTSB/LTSC • Windows 10 S • Windows Server 2012 and above ◼ Mac OS ◼ Android* ◼ iOS* * Currently available
  • 13.
    サービシング モデル V71 V72V73 V74 V75 V76 V77 V78 V79 V80 V81 V82 V83 V84 V85 >>> 新しいモデル : OS と独立して常に新しいバージョンにアップデート Windows 10 1803 with Microsoft Edge 43 Windows 10 1809 with Microsoft Edge 44 現在のモデル : OS のバージョンに依存してアップデート
  • 14.
    配信チャンネル Dev (weekly) Gated onfeedback, tests, metrics Canary (daily) Used internally Beta (6 weeks) For web developers, IT pros Stable For everyone Less frequent, more stableMore frequent, less stable
  • 15.
    スケジュール (予定) Public previewsfor Canary/Dev channels 2019/4/8 から開始 ◼ 最初のプレビューは基本機能にフォーカス ◼ コンシューマー、Web 開発者、愛好者をターゲット Public previews for Beta channel 本夏から開始予定 ◼ 管理機能や IE モードが含まれる Stable release 2019 年中を予定 リリースのタイミングはあらかじめスケジュールを決めておくのではなく、製品の品質を確認しながら決定 プレビュー版へのフィードバックがスケジュールに影響する場合がある
  • 16.
    ドキュメントモードもいずれ無くなる 最新の機能、ブラウザ、およびデバイスをサポートするために、 これまでのドキュメントモードを必要とするWebページとアプリケーションを更新していく必要あり Document modes aredeprecated https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/compatibility/dn384051(v=vs.85) 2013 年の IE11 のリリース以降、ドキュメントモードは非推奨 Windows 10 以降ドキュメントモードは廃止予定 参考 : ブラウザにもライフサイクルはある Microsoft のコメント Internet Explorer のサポートを継続すること、安定して動作すること、 安全なブラウザーであり続けることをお約束します。 Internet Explorer は依然として、Windows の大切な構成要素の一つです。IE のサポートは 稼働する Windows のサポートライフサイクルに準拠します。詳細についてはこちらをご覧ください https://support.microsoft.com/ja-jp/help/17454/lifecycle-faq-internet-explorer
  • 17.
    IT エンジニアのための 流し読みWindows 10 新しい Microsoft Edge END 太田 卓也 takuya.ohta@outlook.com