Microsoft Edge WebView2 の概要Introduction to Microsoft Edge WebView2

Microsoft Edge WebView2 コントロールを使用すると、Web テクノロジ (HTML、CSS、JavaScript) をネイティブ アプリに埋め込むできます。The Microsoft Edge WebView2 control enables you to embed web technologies (HTML, CSS, and JavaScript) in your native apps. WebView2 コントロールは 、レンダリング エンジンとして Microsoft Edge (Chromium) を使用して、ネイティブ アプリに Web コンテンツを表示します。The WebView2 control uses Microsoft Edge (Chromium) as the rendering engine to display the web content in native apps. WebView2 を使用すると、ネイティブ アプリの異なる部分に Web コードを埋め込む可能性があります。With WebView2, you may embed web code in different parts of your native app. 1 つの WebView インスタンス内ですべてのネイティブ アプリをビルドします。Build all of the native app within a single WebView instance. WebView2 アプリの作成を開始する方法については、「開始する」 に移動しますFor information on how to start building a WebView2 app, navigate to Get Started.

WebView とは

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

開発者は、多くの場合、Web アプリまたはネイティブ アプリの作成を決定する必要があります。Developers must often decide between building a web app or a native app. 意思決定は、リーチとパワーの間のトレードオフにかかっています。The decision hinges on the trade-off between reach and power. Web アプリを使用すると、広範囲にアクセスできます。Web apps allow for a broad reach. Web 開発者は、さまざまなプラットフォームでほとんどのコードを再利用できます。As a Web developer, you may reuse most of your code across different platforms. ネイティブ プラットフォームのすべての機能にアクセスするには、ネイティブ アプリを使用します。To access the all capabilities of a native platform, use a native app.

Web native

ハイブリッド アプリを使用すると、開発者は両方の世界で最高の機能を利用できます。Hybrid apps allow developers to enjoy the best of both worlds. ハイブリッド アプリ開発者は、次の利点を利用できます。Hybrid app developers benefit from the following advantages.

  • Web プラットフォームのユビキタスと強さ。The ubiquity and strength of the web platform.
  • ネイティブ プラットフォームの機能とフル機能。The power and full capabilities of the native platform.

WebView2 の利点WebView2 benefits


Web エコシステム \ & のスキルセットWeb ecosystem & skillset
Web エコシステム内に存在する web プラットフォーム、ライブラリ、ツール、人材をすべて活用できます。Utilize the entire web platform, libraries, tooling, and talent that exists within the web ecosystem.


急速な革新Rapid innovation
Web 開発により、迅速な展開とイテレーションが可能になります。Web development allows for faster deployment and iteration.


Windows 7、8、および 10 のサポートWindows 7, 8, and 10 support
Windows 7、Windows 8、および Windows 10 全体で一貫性のあるユーザー エクスペリエンスをサポートします。Support for a consistent user experience across Windows 7, Windows 8, and Windows 10.


ネイティブ機能Native capabilities
ネイティブ APIs のフル セットにアクセスします。Access the full set of Native APIs.


コード共有Code-sharing
コードベースに Web コードを追加すると、複数のプラットフォームで再利用が増えます。Add web code to your codebase allows for increased reuse across multiple platforms.


Microsoft サポートMicrosoft support
WebView2 が全般可用性 (GA) でリリースされる場合、Microsoft はサポートを提供し、新しい機能要求を追加します。Microsoft provides support and adds new feature requests when WebView2 releases at Generally Availability (GA).


Evergreen 分布Evergreen distribution
最新バージョンの Chromium を使用して、定期的なプラットフォームの更新とセキュリティ更新プログラムを利用します。Rely on an up-to-date version of Chromium with regular platform updates and security patches.


fixedFixed
(soon) アプリでクロム ビットをパッケージ化する場合に選択します。(coming soon) Choose to package the Chromium bits in your app.


段階的導入Incremental adoption
Web コンポーネントをアプリに 1 つ 1 つ追加します。Add web components piece by piece to your app.

開始するにはGetting started

WebView2 コントロールを使用してアプリをビルドしてテストするには、To build and test your app using the WebView2 control, you need to have WebView2 SDK がインストールされています。the WebView2 SDK installed. 開始するには、次のいずれかのオプションから一つ選択します。Select one of the following options to get started.

WebView2 サンプルリポジトリには、すべての WebView2 SDK 機能と API の使用パターンを示すサンプルが含まれています。The WebView2 Samples repository contains samples that demonstrate all of the WebView2 SDK features and API usage patterns. WebView2 SDK に追加される機能が多い場合、サンプル アプリは更新されます。As more features are added to the WebView2 SDK, the sample apps will be updated.

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

一般提供 \ (GA) またはプレビュー版は、次のプログラミング環境で利用できます。A General Availability (GA) or Preview version is available on the following programming environments.

  • Win32 C/c + + \ (GA )Win32 C/C++ (GA)
  • .NET Framework 4.6.2 以降.NET Framework 4.6.2 or later
  • .NET Core 3.1 以降.NET Core 3.1 or later
  • .NET 5.NET 5
  • WinUI 3.0 \ (プレビュー )WinUI 3.0 (Preview)

WebView2 アプリは、次のバージョンの Windows で実行できます。You may run WebView2 apps on the following versions of Windows.

  • Windows 10Windows 10
  • Windows 8.1Windows 8.1
  • Windows 7 \ * \ *Windows 7 **
  • Windows Server 2019Windows Server 2019
  • Windows Server 2016Windows Server 2016
  • Windows Server 2012Windows Server 2012
  • Windows Server 2012 R2Windows Server 2012 R2
  • Windows Server 2008 R2 \ * \ *Windows Server 2008 R2 **

重要

\ * \ * WebView2 support for Windows 7 および Windows Server 2008 R2 のサポートサイクルは、Microsoft Edge と同じです。** WebView2 support for Windows 7 and Windows Server 2008 R2 has the same support cycle as Microsoft Edge. 詳細については、Microsoft Edge でサポートされているオペレーティングシステムを参照してください。For more information, navigate to Microsoft Edge supported Operating Systems.

次のステップNext steps

WebView2 アプリをビルドおよび展開する方法の詳細については、概念ドキュメントと方法ガイドを参照してください。For more information on how to build and deploy WebView2 apps, review the conceptual documentation and how-to guides.

概念Concepts

使い方ガイドHow-To guides

Microsoft Edge WebView チームと連絡を取るGetting in touch with the Microsoft Edge WebView team

お客様のフィードバックを共有し、より充実した WebView2 エクスペリエンスを構築します。Share your feedback to help build richer WebView2 experiences. 機能のリクエストやバグを送信したり、既知の問題を検索したりするには、 Microsoft Edge WebView フィードバック リポジトリに移動してください。To submit feature requests or bugs, or search for known issues, navigate to the Microsoft Edge WebView feedback repo.