はじめに
「WebView2とは何のための機能なの？」
「パソコンにWebView2 Runtimeが入っているけれど、削除しても大丈夫なの？」と気になっていませんか。
Windowsでアプリを使っていると、インストール済みアプリの一覧に「Microsoft Edge WebView2 Runtime」が表示され、いつ追加されたのか、どのアプリで使われているのか分からず戸惑うこともありますよね。
この記事では、WebView2の仕組みや特徴、WebView2 Runtimeとの関係、Runtimeを導入する方法まで順を追って説明していきます。
WebView2とは？
WebView2は、Windowsアプリの画面内にWebページやWeb技術で作ったコンテンツを組み込むための仕組みです。
ここでは、WebView2がWebコンテンツを表示する仕組みと、Windowsアプリ内で利用できるWeb技術について説明します。
WebView2はMicrosoft Edgeを利用してWebコンテンツを表示する
WebView2は、Microsoft Edgeと同じChromiumベースのエンジンを利用して、Windowsアプリ内にWebコンテンツを表示します。
別途ブラウザを起動する必要はなく、WebView2 Runtimeを通じてアプリの画面内にWebページを表示できます。
HTML・CSS・JavaScriptをWindowsアプリ内で利用できる
WebView2では、HTMLで画面を作り、CSSで見た目を整え、JavaScriptで操作に応じた処理を実行できます。
Webページと同じ技術を使えるため、Windowsアプリ内の画面もHTML・CSS・JavaScriptで構成できます。
WebView2の主な特徴
WebView2の特徴は、Web技術で作った画面とWindowsアプリが持つ機能を1つのアプリ内で組み合わせられる点です。
ここでは、WebView2でWebとネイティブアプリの機能をどのように組み合わせられるのかを説明します。
Webとネイティブアプリの機能を組み合わせられる
WebView2では、HTML・CSS・JavaScriptで作った画面と、Windowsアプリ側の処理を連携できます。
Webコンテンツからアプリの機能を呼び出したり、アプリ側からデータを渡したりできるため、Web技術とWindowsアプリの機能を組み合わせて利用できます。
WebView2を利用するために必要なもの
WebView2を使ってWindowsアプリ内にWebコンテンツを表示するには、アプリを実行するPCにWebView2 Runtimeが必要です。
ここでは、WebView2 Runtimeの役割と、入手して導入する方法を説明します。
WebView2 Runtimeが必要になる
WebView2を組み込んだWindowsアプリを実行するには、PCにWebView2 Runtimeが必要です。
Runtimeが利用できないとWebコンテンツを正常に表示できない場合があるため、アプリを使用する前にインストールされているか確認しましょう。
WebView2 Runtimeを削除しても大丈夫か気になる場合は、削除したときの影響や必要性も確認しておきましょう。
▶Microsoft Edge WebView2 Runtimeは削除しても大丈夫？必要性と注意点を解説
WebView2 Runtimeの入手・導入方法
WebView2 Runtimeは、Microsoftが提供するWebView2のダウンロードページから入手できます。
使用するPCに合ったインストーラーをダウンロードして実行すれば、WebView2を組み込んだWindowsアプリで利用できるようになります。
WebView2を利用するときの注意点
WebView2を利用するときは、アプリを実行するPCのRuntime環境と、使用するRuntimeの配布方式を確認する必要があります。
ここでは、Runtimeの確認方法とEvergreen・Fixed Versionの違いについて説明します。
WebView2 Runtimeがインストールされているか確認する
WebView2を利用する前に、PCへWebView2 Runtimeがインストールされているか確認します。
Runtimeが見つからない場合は、WebView2を組み込んだアプリを利用する前にインストールしておきましょう。
Runtimeが入っているか分からない場合は、Windowsで確認する具体的な手順を先に確認しておくと安心です。
▶Microsoft Edge WebView2 Runtimeがインストールされているか確認する方法
EvergreenとFixed Versionの違いを確認して選ぶ
EvergreenはRuntimeが自動更新される方式で、Fixed Versionは特定のバージョンを固定して利用する方式です。
基本はEvergreenを利用し、バージョンを固定して管理する必要がある場合はFixed Versionを選びます。
まとめ
WebView2を使うと、HTML・CSS・JavaScriptで作ったWebコンテンツをWindowsアプリ内に表示し、アプリ側の機能と連携できます。
利用する際はWebView2 Runtimeが必要になるため、まずPCにインストールされているか確認しておきましょう。
通常は自動更新されるEvergreenを利用し、特定のバージョンを維持したい場合はFixed Versionを選ぶと、目的に合わせて管理しやすくなります。
