Windows 10 v1809搭載のEdgeHTML 18新機能徹底解説

Microsoft Edgeのレンダリングエンジン「EdgeHTML 18」は、より高速で使いやすくなり、数々の新機能と改善が加えられました。これまでのEdgeの中でも最高の仕上がりと言えるでしょう。では、EdgeHTML 18には、このブラウザを本当に便利にするどんな新機能があるのでしょうか?本記事では、Windows 10 v1809にもたらされた新しいEdgeブラウザの新機能と改善点を詳しく見ていきます。

Windows 10におけるEdgeHTMLの新機能

Windows 10 1809のEdgeHTMLは、刷新されたメニューと設定インターフェースにより、見た目も大きく進化しています。カスタマイズの選択肢が増えたほか、学習や作業への集中をサポートする新しい機能も搭載されました。

また、開発者の方にとっては、記事の後半で紹介する便利な「開発者向け新機能」がこのアップデートとともに提供されています。

1. メディアの自動再生を制御できる

もうウェブ閲覧中に、不要な動画や音声が勝手に再生されて驚かされることはありません。このアップデートにより、サイトがメディアを自動再生できるかどうかを自分で制御できるようになりました。

メディア自動再生の設定は、Microsoft Edgeの設定メニューにある「詳細設定」タブからアクセスできます。

「詳細設定」>「メディア自動再生」を開くと、「許可」「制限」「ブロック」の3つのオプションが用意されています。

• 「許可」:デフォルト設定です。タブが最初に前面表示された際に、サイト側の判断で動画が再生されます。
• 「制限」:ミュートされている動画のみ自動再生を許可するため、突然の音に驚くことがありません。ページ上の任意の場所をクリックすると自動再生が再度有効になり、以降はそのタブ内の同じドメインで引き続き許可されます。
• 「ブロック」:メディアコンテンツを操作するまで、すべてのサイトでの自動再生を防ぎます。厳格な制御のため、一部のサイトで正常に動作しない場合があります。動画や音声を正しく再生するために、複数回クリックが必要になることもあります。

さらに、アドレスバーの「サイト情報を表示」(鍵アイコンまたは情報アイコン)をクリックし、メディア自動再生の設定を変更することで、サイトごとに個別に自動再生の許可・ブロックを設定することも可能です。

2. リニューアルされたメニューと設定インターフェース

新しいEdgeHTMLブラウザでは、設定画面がより直感的に操作できるようになり、よく使う操作が前面に配置されるとともに、ブラウザツールバーのカスタマイズ方法も拡充されました。

お気に入り、履歴、ダウンロードなどは、再設計されたMicrosoft Edgeのハブメニューに集約されています。アドレスバー横の「お気に入り」アイコンを選択し、「読書リスト」「書籍」「履歴」「ダウンロード」を選ぶだけで、それぞれの内容をすぐに確認できます。

「設定および詳細」メニューでは、オプションがグループごとに整理され、各項目にアイコンが付与され、該当する場合にはキーボードショートカットも表示されるため、素早く目的の設定を見つけられるようになりました。

さらに、Microsoftは多くのユーザーから要望のあった、Edgeツールバーに表示するアイコンをカスタマイズする機能も追加しました。すっきりとした外観のためにアイコンをすべて削除することも、よく使う機能をすぐ呼び出せるよう好きなだけ追加することもできます。「設定および詳細」メニューの「ツールバーに表示する」オプションを選択するだけで設定を始められます。

3. 読み取りモードと学習ツールの改善で集中力を維持

Microsoftは、ユーザーが集中して作業を完遂できるよう、Microsoft Edgeの読み取りモードと学習ツールに多数の改善を加えました。

読み取りビューでウェブページを閲覧しているとき、一度に数行ずつハイライト表示してコンテンツへの焦点を絞り、周囲の情報による気散らしを防げるようになりました。ページ上の任意の場所をクリックまたはタップし、学習ツール>読み取り設定を選択して、行フォーカスをオンにしてください。

行フォーカスを有効にすると、注目していないページ領域が暗く表示され、余計な情報が目に入りにくくなります。

また、読み取りビュー、書籍、PDF内でキーワードの定義を調べられる、新しい辞書機能も追加されました。任意の単語を選択するだけで、その上に定義がポップアップ表示されます。オフライン環境でも利用可能です。なお、この機能の効果は、選択した単語の言語やシステムの言語設定によって異なる場合があります。

4. その他の機能

このほかにも、デザインの洗練、PDF処理の改善、より高機能になったダウンロードマネージャーなど、注目すべき改良が多数含まれています。

EdgeHTML 18で開発者向けに新しくなった点

開発者の皆さんにとって、このリリースには多くの新機能が含まれています。EdgeHTMLレンダリングエンジン自体がバージョン18に更新されたこともその一つです。以下に主なハイライトを紹介します。

1. Web Authentication

新しいEdgeHTML 18はWeb Authentication APIをサポートしました。これにより、ユーザーはWindows Helloを使って顔・指紋・PINでウェブサイトにサインインできるほか、FIDO2セキュリティキーなどのハードウェアベースの認証方式も利用できます。

2. 新しい自動再生ポリシー

Windows 10 1809では、グローバル設定とサイトごとの設定の両方でメディアの自動再生動作をカスタマイズできます。さらに、Microsoft Edgeはバックグラウンドタブでのメディア自動再生を自動的に抑制します。

開発者の方は、自サイトでホストするメディアによる優れたユーザー体験を設計するための詳細とベストプラクティスについて、自動再生ポリシーの公式ガイドを参照してください。

3. Service Workerの更新

MicrosoftはEdgeHTML 18のService Workerサポートに複数の更新を行いました。fetchEventにより、Service WorkerはpreloadResponseでレスポンスをPromiseとして取得でき、resultingClientIdで現在のService Workerが制御するクライアントのIDを返せるようになりました。

また、NavigationPreloadManagerインターフェースは、リソースのプリロードを管理するためのメソッドを提供します。Service Workerの起動中に並行してリクエストを送れるため、待ち時間の発生を回避できます。

4. CSSマスキング、背景ブレンド、オーバースクロール

EdgeHTML 18ではCSS Maskingのサポートが改善されました。この実装は、WebKitプレフィックス対応の強化を含むCSS mask-imageプロパティをさらにサポートしており、webkitMask、webkitMaskComposite、webkitMaskImage、webkitMaskPosition、webkitMaskPositionX、webkitMaskPositionY、webkitMaskRepeat、webkitMaskSizeに加え、標準準拠のmaskComposite、maskPosition、maskPositionX、maskPositionY、maskRepeatも追加されています。

CSSの改善は、スクロール領域の境界に達したときの挙動にも及んでいます。overscroll-behavior(overscroll-behavior-x、overscroll-behavior-y)とoverflow-wrapが新たにサポートされました。

5. Chakra JavaScriptエンジンの改善

EdgeHTML 18にはChakra JavaScriptエンジンの改良も含まれており、新しいES仕様およびWASM(WebAssembly)機能のサポート、パフォーマンスの向上、相互運用性の改善が実現されています。

6. 開発者ツール(DevTools)

Microsoft Edge DevToolsの最新アップデートでは、UIと内部処理の両面で多くの利便性が追加されました。具体的には、Service Workersとストレージ専用の新しいパネル、デバッガーでのソースファイル検索ツール、スタイル/レイアウトのデバッグおよびコンソールAPI向けの新しいEdge DevTools Protocolドメインなどが含まれます。

7. Web通知の新プロパティ

Web通知において、actions、badge、image、maxActionsの4つの新しいプロパティがサポートされるようになりました。これにより、既存の通知システムとの互換性を保ちながら、プラットフォームに依存しない通知をWeb上で作成する能力が向上しています。

8. WebP画像のサポート

MicrosoftはWebP画像形式のサポートも追加しました。これにより、Web全体でWebPを配信するサイトとの相互運用性が向上しています。

9. プログレッシブWebアプリ(PWA)

Windows 10のJavaScriptアプリ(WWAHost.exeプロセスで実行されるWebアプリ)は、任意のビューがアクティブ化される前に起動し、プロセスの生存期間中動作し続ける、アプリケーションごとのオプションのバックグラウンドスクリプトをサポートするようになりました。これにより、ナビゲーションの監視・変更、ナビゲーション間での状態追跡、ナビゲーションエラーの監視、ビューがアクティブ化される前のコード実行などが可能になります。

また、Microsoftによると、Windows 10のWebDriver実装が更新され、1357件のWebプラットフォームテストのうち1222件に合格するようになりました。WebDriverはWindowsのオンデマンド機能(FoD)として提供され、Microsoft Edgeでのテスト自動化や、デバイスに適したバージョンの入手がこれまで以上に簡単になっています。

新しいEdge HTML 18に関する技術的な詳細については、こちらをご確認ください。