次の方法で共有

Microsoft Edge WebView2 の概要

  • [アーティクル]

Microsoft Edge WebView2 を使用すると、Web テクノロジ (HTML、CSS、JavaScript) をユーザーのネイティブ アプリに埋め込みできます。 WebView2 コントロールは、Microsoft Edge をレンダリング エンジンとして使用して、ネイティブ アプリに Web コンテンツを表示します。

WebView2 を使用すると、ネイティブ アプリのさまざまな部分に Web コードを埋め込んだり、1 つの WebView2 インスタンス内にすべてのネイティブ アプリをビルドしたりできます。

左側と左上のネイティブ UI 領域と、右上と下部の WebView2 UI 領域を含むアプリの図

ハイブリッド アプリのアプローチ

開発者はひんぱんに、Web アプリを使用するか、またはネイティブ アプリを作成するかの選択をすることが必要になります。 この決定は、リーチとパワーの間のトレードオフに従って下されました。

  • Web アプリを使用すると、広範囲にアクセスできます。 Web 開発者は、さまざまなプラットフォームでほとんどのコードを再利用することができます。

  • ネイティブ プラットフォームのすべての強力な機能にアクセスするには、ネイティブ アプリを使用します。

次の図は、最大リーチから最大パワーまで、アプリのスペクトラムを示しています。

アプリのスペクトルは、最大到達範囲から電力の減少、最適なハイブリッド ブレンド、最大電力まで、リーチは少なくなります。

  • 幅広いリーチには、Web サイトとプログレッシブ Web アプリが含まれます。

  • 真ん中には、WebViews や Electron などのハイブリッド アプリがあります。

  • 最も大きなパワーは ネイティブ アプリです。

このスペクトラムの真ん中にあるハイブリッド アプリは、ネイティブ プラットフォームのパワーとすべての機能を伴う Web プラットフォームの強さとユビキタスの両方の世界を最高に楽しめます。

WebView2 の利点

  • Web エコシステムとスキル セット。 Web エコシステム内に存在する Web プラットフォーム、ライブラリ、ツール、人材をすべて活用できます。

  • 急速な革新。 Web 開発により、迅速な展開とイテレーションが可能になります。

  • Windows 10と 11 のサポート。 Windows 10とWindows 11全体で一貫したユーザー エクスペリエンスをサポートします。

  • ネイティブ機能。 ネイティブ API のフル セットにアクセスします。

  • コード共有。 コードベースに Web コードを追加すると、複数のプラットフォームで再利用が増えます。

  • Microsoft サポート。 Microsoft はサポートを提供し、サポートされているプラットフォームで新しい機能要求を追加します。

  • Evergreen 分布。 最新バージョンの Chromium を使用して、定期的なプラットフォームの更新とセキュリティ更新プログラムを利用します。

  • 修正済みバージョンの配布。 必要に応じて、アプリ内の Chromium ビットの特定のバージョンをパッケージ化します。

  • 段階的導入。 Web コンポーネントをアプリに 1 つずつ追加します。

サポートされているプラットフォーム

次のプログラミング環境がサポートされています。

  • Win32 C/C++
  • .NET Framework 4.6.2 以降
  • .NET Core 3.1 以降
  • .NET 5 以降
  • WinUI 2.0
  • WinUI 3.0

WebView2 アプリは、次のバージョンの Windows で実行できます:

  • Windows 11
  • Windows 10
  • Windows 10 IoT Enterprise LTSC x32 2019
  • Windows 10 IoT Enterprise LTSC x64 2019
  • Windows 10 IoT Enterprise 21h1 x64
  • Windows Server 2022
  • Windows Server 2019
  • Windows Server 2016

WebView2 は、次のデバイスでもサポートされています。

  • Xbox
  • HoloLens 2

Windows 7 と 8

WebView2 ランタイム バージョン 109 は、次のバージョンの Windows をサポートする最終バージョンです。 WebView2 Runtime および SDK バージョン 110.0.1519.0 以降では、これらのオペレーティング システムはサポートされていません。

  • Windows 8/8.1
  • Windows 7
  • Windows Server 2012 R2
  • Windows Server 2012
  • Windows Server 2008 R2

関連項目:

インストールして実行する一連のサンプル

WebView2 の学習を開始するには、次の推奨シーケンスを使用します。

  1. Visual Studio をインストールし、Microsoft Edge のプレビュー チャネルをインストールし、 WebView2Samples リポジトリを複製します。 「WebView2 の開発環境を設定する」を参照してください。
  2. メイン サンプルをインストールして実行します。 「Win32 サンプル アプリ」を参照してください。
  3. ターゲット プラットフォームが Win32 以外のプラットフォームの場合は、サンプルをインストールして実行します。 「 サンプル アプリ」を参照してください。
  4. ターゲット プラットフォームの完成したはじめに チュートリアルをインストールして実行します (完成したプロジェクトが指定されている場合)。 チュートリアルはじめに参照してください。
  5. はじめに手順を実行して、WebView2 コードをプラットフォームの Visual Studio スターター プロジェクトに追加します。 チュートリアルはじめに参照してください。

一部のサンプルでは、各サンプルの記事で説明されているように、SDK の更新が必要になる場合があります。

環境がセットアップされ、サンプルがビルドされてマシン上で実行されたら、 WebView2 API の概要などの他のドキュメントを読んでアプリを開発できます。

関連項目

developer.microsoft.com:

Microsoft.com:

YouTube: