もう 1 年太陽の周りを回ります。Build に戻って、Microsoft Edge を使用する開発者にとっての新機能についてお話しします。私たちは 2 年半前に、Chromium オープンソース エンジン上に構築された最新バージョンの Microsoft Edge をリリースしたときにこの旅を始めました。新機能や今後の機能についてお話しするのが待ちきれません.

しかし、Microsoftエッジ ジャーニーは始まったばかりで、もう 1 つの歴史的なジャーニーが終わります。1 か月も経たないうちに、2022 年 6 月 15 日、Internet Explorer 11 は廃止されますそして正式にサポートを終了します。元の Internet Explorer を覚えていますか?インターネットにアクセスした最初の方法だったのかもしれません。それ以来、Internet Explorer は、世界をオンラインにするのに役立ち、無限のビデオやミームを提供し、仕事で少し (または多く!) を成し遂げるのにも役立ちました。そのため、私たちはその生涯と遺産を心から記念して祝います。


Microsoft Edge チーム一同、何年にもわたって Internet Explorer 用のアプリや Web サイトを開発してきたか、ブラウザー自体を管理していたすべての人。 Internet Explorer デスクトップ アプリケーションは廃止される可能性がありますが、Internet Explorer の未来は、IE モードと呼ばれる気の利いた小さな機能を介して Microsoft Edge で見つけることができます。

ここで、Microsoft Edge Chromium プラットフォームで私たちがどこまで到達し、どこへ向かうのかについてお話ししましょう。


より多くの場所での WebView2 — WebUI 2/UWP の一般提供が近づいています

WinUI 2/UWP 開発者の場合、すばらしいニュースがあります: WebView2 は、今後数か月の間に WinUI 2/UWP で一般的に利用できるようになるため、ハイブリッド アプリケーションに Microsoft Edge Chromium プラットフォームを最大限に活用できます。 Web 機能を使用してネイティブ アプリを拡張する場合でも、フル ページの Web UI を構築する場合でも、WebView 2 はすぐに利用できるようになります。

これまで以上に多くの場所で WebView2 を提供できることにも興奮しています。//Build で発表されたように、.NET MAUI の一般提供が開始され、Web コンテンツのニーズに合わせて WebView2 も利用できるようになりました。しかし、それだけではありません。将来的には、Xbox や Hololens など、さらに多くのプラットフォームに WebView2 を導入する予定です。

Microsoft Edge を使用した測定可能なパフォーマンスとリソースの向上


Microsoft Edge と WebView2 に移行するとパフォーマンスが大幅に向上し、顧客はすでにその価値を実感しています。 Cerner Corporation が実施した試験では、Microsoft Edge WebView2 を使用すると、Internet Explorer を使用してソリューションを実行した場合と比較して、レンダリング時間が 85%、CPU 使用率が 33%、メモリ使用率が 32% 削減されました。 こちらでストーリーを読む.

方法を学ぶこちらで Webview2 の使用を開始してください。

プログレッシブ Web アプリ、徐々に改善

最近、プログレッシブ Web アプリ (PWA) の使用が急増しています。これには正当な理由があります。最新の Web が進化し、豊富な新しい Web 標準が追加されるにつれて、PWA は、これまでネイティブ アプリケーションのコンテキストでのみ可能だった機能にアクセスできるようになります。この Web の進化により、PWA のカタログが拡大し、ユーザーは、ネイティブ アプリ、PWA、またはブラウザ自体で、好きな方法でコンテンツを体験する機会を得ることができます。

ネイティブ プラットフォームの共有 UI を使用してファイルを共有するプログレッシブ ウェブ アプリ

PWA のルック アンド フィールを作成するため他のアプリと同様に、Microsoft Edge を利用した PWA をデスクトップ上でより強力にするためのいくつかの更新プログラムを発表しています。これらの更新には、プロトコル処理用の新しい API を既定で有効にすることや、通知が Microsoft Edge ブラウザーからではなくアプリ自体から送信されたものとしてブランド化されるように通知が改善されることが含まれます。これらの改善により、PWA は過去の Web サイトを進化させ続け、Windows にインストールすると自宅にいる統合アプリになります。

Microsoft Edge の再設計されたアプリ ページ

また、ユーザーが次のお気に入りの PWA を見つけて管理することをこれまで以上に簡単にしています。ユーザーは、既にアプリを探している場所で簡単に見つけられるように、Microsoft Store のネイティブ アプリのすぐ横に PWA を見つけることができます。また、Microsoft Edge のアプリ ページを見直し、新しいアプリ ハブ エクスペリエンスを作成し、デバイス間でのアプリ同期を追加して、ユーザー エクスペリエンスを向上させました。

最後に、PWA の開発者エクスペリエンスの改善を続けています。 PWABuilder と提携。改善された PWABuilder サイトには、新しい PWA スターター プロジェクトと新しい VSCode 拡張機能 (PWA Studio) が含まれており、PWA の作成と Microsoft Store への公開のエクスペリエンス全体がよりシームレスになります。 PWABuilder は、HoloLens と Meta の両方で 仮想および複合現実デバイスの PWA を出荷するためのサポートを追加することで、PWA への投資を最大限に活用するのにも役立ちます。クエスト。

「PWA の 30 日間」要約ブログ.

強力な新しいツールと簡素化されたユーザー エクスペリエンス

私たちは、皆さんからのフィードバックを通じて DevTools をより良くするための旅を続けています。私たちの目標は、強力で直感的なツールを使用して、より多くのことを達成し、生産性を高め、より良いエクスペリエンスを構築できるようにすることです。 新しい GitHub フィードバック リポジトリを開始しましたfor DevTools の目的: v をチャネリングする

DevTools が複雑すぎて圧倒されてしまうという声がはっきりと聞こえてきました。そのため、カスタマイズと学習のためのより多くのオプションを提供する新しいエクスペリエンスで DevTools インターフェイスを簡素化することに取り組んでいます。

新しい簡素化された UI には、コンパクトでカスタマイズ可能な新しいアクティビティ バーが導入されています。アクティビティ バーは、独特のツール アイコンを使用してナビゲーションを簡素化し、ワークフローをパーソナライズするために 30 以上の利用可能なツールのいずれかでカスタマイズできます。パネルの上にカーソルを置くだけでパネルに関する情報を提供するツールチップ オーバーレイのサポートなど、簡素化された UI にもさらに多くの機能が追加されます。

「フォーカス モード」の実験を通じて、新しい DevTools UI を試すことができます。これは現在、すべての DevTools チャネルで利用できます。デバイスでまだ有効になっていない場合は、実験の詳細を確認し、ここで有効にしてください

また、DevTools でメモリとパフォーマンスを調査し、本番環境で安全にデバッグできるようにしますAzure からのソース マップアーティファクト シンボル サーバー。詳細なセッションを見る詳細については、このブログの上部にある [ビルド] を参照してください。

これらすべておよびその他の情報は、各リリースの DevTools の [ようこそ] 画面から入手できる統合リリース ノートで確認できます。次回 DevTools が更新されるときは、チェックして最新かつ最高の状態を維持してください。または、What’s新しいドキュメントYouTube ビデオ シリーズにあります。

今後の見通し

//Build は常に 1 年で私たちのお気に入りの時期の 1 つであり、デジタル イベントとして世界中の皆さんと共有できることをとても楽しみにしています。//Build 中であろうとその後であろうと、Microsoft Edge Chromium プラットフォームに関するご意見、ご要望、アイデアをお待ちしております。 Twitter (@MSEdgeDev) または Microsoft Edge Insider Tech Community ページ。最後に、Microsoft Edge の YouTube チャンネルに登録し、DevTools ビデオ シリーズの新機能

ビルド リソース

関連する開発者リソースの完全なリストMicrosoft Edge の場合は、こちらのコンパイル済みリストを確認してください: https://aka.ms/EdgeBuild2022