【テクニカル・上級編】WebBrowserからWebView2への移行：最新のChromiumベースでWindows Formsアプリ内にモダンWeb画面を埋め込む – Visual Basic (VB / VB.NET)解析バイブル

WebBrowserからWebView2への移行：Windows FormsアプリにChromiumの息吹を吹き込む究極の指南

長年、古き良きWindows Formsアプリケーションを支えてきたWebBrowserコントロール。しかし、時代は流れ、その役割は終焉を告げようとしています。IEコンポーネントという足枷に縛られ、セキュリティ、パフォーマンス、そして最新のWeb標準への対応能力において、もはや現代の要求を満たすことはできません。

この領域で長らく戦ってきた者ならば、その限界と、時に発生する不可解な挙動に何度となく頭を悩ませてきたことでしょう。しかし、嘆く必要はありません。今、我々にはMicrosoft Edge (Chromium) ベースの「WebView2」という、強力な新たな武器が与えられました。

本稿では、単なる表面的な移行手順にとどまらず、レガシー環境の最前線で培われた「極限の知見」を基に、WebView2をWindows Formsアプリケーションに統合し、VB.NETとJavaScript間の双方向通信を実現するための深層技術、そしてオブジェクトのライフサイクル、メモリ最適化、Windows APIの活用に至るまで、その真髄を詳述します。

序章：レガシーの黄昏とモダンWebの夜明け

我々が長年頼りにしてきたWebBrowserコントロールは、その歴史的役割を終えようとしています。Windowsのバージョンアップやセキュリティパッチの適用によって、その挙動が予測不能になったり、特定のWebサイトが表示できなくなったりする事例は枚挙に暇がありません。Internet Explorerのサポート終了は、このコントロールの終焉を決定づけるものでした。

一方で、Web技術は日進月歩で進化を続け、HTML5、CSS3、モダンJavaScriptフレームワークは、かつてデスクトップアプリケーションの専売特許であったリッチなユーザー体験をWeb上で実現しています。ここに、ChromiumベースのレンダリングエンジンをWindows Formsアプリケーションに直接組み込むことができるWebView2の登場は、まさに「モダンWebの夜明け」を告げるものと言えるでしょう。

なぜ今、移行が必要なのか？それは単に見た目の問題ではありません。ビジネスロジックの継続性、堅牢なセキュリティ、効率的な開発、そして何よりもユーザーに提供すべき体験の根本的な刷新が、この移行の背後にある本質的な理由です。

第1章：移行の技術的根幹と事前準備

WebView2は、従来のWebBrowserコントロールとは根本的に異なるアーキテクチャを採用しています。これは独立したプロセスとして動作し、アプリケーション本体から分離された環境でWebコンテンツをレンダリングします。この分離が、セキュリティと安定性、そしてパフォーマンスの向上に寄与します。

環境構築：堅牢な基盤を築く

まず、WebView2を利用するための環境構築から始めます。

1. WebView2 Runtimeのインストール:
WebView2は、ユーザーのシステムにインストールされているMicrosoft Edge WebView2 Runtimeに依存します。このRuntimeは、Evergreen (常時更新) または Fixed Version (特定のバージョンを固定) のいずれかで提供されます。多くの場合、Evergreen Runtimeを選択することで、最新のセキュリティパパッチと機能が自動的に適用される恩恵を受けられます。アプリケーションの配布時には、このRuntimeがユーザー環境に存在するかを確認し、必要に応じてインストールを促す機構を組み込む必要があります。

2. NuGetパッケージの導入:
VB.NETプロジェクトにWebView2コントロールを組み込むには、`Microsoft.Web.WebView2` NuGetパッケージを追加します。

(※ Versionは執筆時点の最新版に合わせてください)

3. プロジェクト設定の考慮:
WebView2はChromiumプロセスを起動するため、プラットフォームターゲット（AnyCPU, x86, x64）の選択が重要になります。32ビット版と64ビット版のRuntimeが存在するため、アプリケーションのターゲットアーキテクチャとRuntimeのビット数が一致している必要があります。通常は`AnyCPU`で問題ありませんが、特定の環境で問題が発生する場合は、明示的に`x86`または`x64`を指定することも検討します。

WebBrowserとの比較：本質的な違いを理解する

この比較から明らかなように、WebView2はWebBrowserのほぼすべての欠点を克服しています。特に、JavaScriptとの通信メカニズムが大きく変更されている点に注意が必要です。

第2章：WebView2コントロールの基本操作とWebコンテンツの統合

WebView2コントロールの基本的な操作は、従来のWebBrowserと似ている部分もありますが、非同期処理を前提とした設計である点が大きく異なります。

コントロールの配置と初期化

デザイナーから`WebView2`コントロールをフォームにドラッグ＆ドロップするか、コードでインスタンスを生成します。

.net
Imports Microsoft.Web.WebView2.WinForms
Imports Microsoft.Web.WebView2.Core

Public Class MainForm
Private WithEvents webView21 As WebView2

Private Sub MainForm_Load(sender As Object, e As EventArgs) Handles MyBase.Load
‘ コードでのインスタンス化と配置の例（デザイナーで配置する場合は不要）
‘ webView21 = New WebView2()
‘ Me.Controls.Add(webView22)
‘ webView21.Dock = DockStyle.Fill

‘ WebView2の初期化は非同期で行われる
‘ CoreWebView2InitializationCompletedイベントを待つことが重要
AddHandler webView21.CoreWebView2InitializationCompleted, AddressOf OnCoreWebView2InitializationCompleted

‘ 初期化の開始
‘ UserDataFolderはキャッシュやCookieなどのデータを保存する場所
‘ 省略すると既定の場所（アプリの実行ファイルと同じディレクトリ下のWebView2というフォルダ）に作成される
‘ アプリケーションごとに一意の場所を指定することを強く推奨
Dim userDataFolder As String = System.IO.Path.Combine(Application.StartupPath, “WebView2Data”)
Try
If Not System.IO.Directory.Exists(userDataFolder) Then
System.IO.Directory.CreateDirectory(userDataFolder)
End If
‘ 環境を作成し、その環境でWebView2を初期化
‘ Async/Await を利用しない場合はこの方法で初期化を開始し、イベントで完了を待つ
webView21.EnsureCoreWebView2Async(CoreWebView2Environment.CreateAsync(Nothing, userDataFolder))
Catch ex As Exception
MessageBox.Show($”WebView2初期化エラー: {ex.Message}”, “エラー”, MessageBoxButtons.OK, MessageBoxIcon.Error)
‘ エラーハンドリング：アプリケーションの続行不可をユーザーに通知
End Try
End Sub

‘ CoreWebView2の初期化が完了したときに発生するイベント
Private Sub OnCoreWebView2InitializationCompleted(sender As Object, e As CoreWebView2InitializationCompletedEventArgs)
If e.IsSuccess Then
‘ 初期化成功
‘ ここでCoreWebView2プロパティにアクセス可能になる
‘ 例: スクリプトの有効化、Webメッセージの有効化など
webView21.CoreWebView2.Settings.IsScriptEnabled = True
webView21.CoreWebView2.Settings.IsWebMessageEnabled = True
webView21.CoreWebView2.Settings.AreDevToolsEnabled = True ‘ 開発ツールを有効にする（デバッグ用）

‘ ナビゲーションを開始
webView21.Source = New Uri(“https://www.google.com”)
‘ またはローカルHTMLファイルを表示
‘ Dim localHtmlPath As String = System.IO.Path.Combine(Application.StartupPath, “local.html”)
‘ If System.IO.File.Exists(localHtmlPath) Then
‘ webView21.Source = New Uri(localHtmlPath)
‘ Else
‘ MessageBox.Show(“local.htmlが見つかりません。”, “エラー”)
‘ End If

Else
‘ 初期化失敗
MessageBox.Show($”WebView2初期化失敗: {e.InitializationException.Message}”, “エラー”, MessageBoxButtons.OK, MessageBoxIcon.Error)
End If
End Sub

‘ フォームが閉じられるときにWebView2を明示的に解放
Private Sub MainForm_FormClosing(sender As Object, e As FormClosingEventArgs) Handles Me.FormClosing
If webView21 IsNot Nothing Then
webView21.Dispose()
webView21 = Nothing
End If
End Sub
End Class

`EnsureCoreWebView2Async`メソッドは、WebView2コントロールの心臓部である`CoreWebView2`オブジェクトの初期化を非同期で行います。このメソッドが完了し、`CoreWebView2InitializationCompleted`イベントが発生するまで、`CoreWebView2`プロパティは`Nothing`であり、それ以降の操作は行えません。これは従来のWebBrowserとは異なる重要な点であり、イベント駆動UI開発において常に意識すべきです。

イベント駆動UI開発：主要イベントの活用

WebView2は多数のイベントを提供しており、これらを活用することでWebコンテンツとのインタラクションを詳細に制御できます。

`CoreWebView2InitializationCompleted`: `CoreWebView2`オブジェクトの初期化が完了したときに発生。
`NavigationStarting`: ナビゲーションが開始される直前に発生。URLの変更をキャンセルしたり、認証情報を設定したりするのに使用。
`NavigationCompleted`: ナビゲーションが完了したときに発生。ページの読み込み成功・失敗を判定。
`WebMessageReceived`: JavaScriptからVB.NETへのメッセージが送信されたときに発生。
`SourceChanged`: `Source`プロパティの値が変更されたときに発生。
`NewWindowRequested`: Webコンテンツ内で新しいウィンドウを開こうとしたときに発生。ポップアップブロックや、新しいWebView2インスタンスでの表示制御が可能。

これらのイベントを適切にハンドリングすることで、セキュアで応答性の高いWeb統合アプリケーションを構築できます。

第3章：VB.NETとJavaScript間の双方向通信：システム間連携の極意

WebView2の真価は、VB.NETアプリケーションとWebコンテンツ（JavaScript）間のシームレスな双方向通信にあります。これにより、デスクトップアプリケーションのビジネスロジックとWebの表現力を融合させ、強力なシステム間連携を実現できます。

VB.NETからJavaScriptの呼び出し：データと命令の橋渡し

VB.NETからJavaScriptコードを実行するには、`CoreWebView2.ExecuteScriptAsync`メソッドを使用します。このメソッドは非同期であり、JavaScriptの実行結果を文字列として返します。

.net
‘ JavaScript関数を呼び出し、結果を受け取る例
Private Async Sub CallJavaScriptFunction(sender As Object, e As EventArgs) Handles Button1.Click
If webView21.CoreWebView2 Is Nothing Then
MessageBox.Show(“WebView2が初期化されていません。”, “警告”)
Return
End If

‘ JavaScript関数を定義（例として）
‘ WebView2に表示されるHTML内でこの関数が定義されていることを前提とする
Dim jsCodeDefine As String = “function greet(name) { return ‘Hello, ‘ + name + ‘!’; }”
Await webView21.CoreWebView2.ExecuteScriptAsync(jsCodeDefine)

‘ JavaScript関数を呼び出し、引数を渡し、戻り値を受け取る
Dim name As String = “World”
Dim scriptToExecute As String = $”greet(‘{name}’)” ‘ 文字列はJavaScriptのクォートルールに従う

Try
Dim jsonResult As String = Await webView21.CoreWebView2.ExecuteScriptAsync(scriptToExecute)

‘ JavaScriptから返されるのはJSON文字列なので、必要に応じてデシリアライズする
‘ 今回は単純な文字列なので、そのまま表示
MessageBox.Show($”JavaScriptからの応答: {jsonResult.Trim(“”””)}”, “情報”) ‘ JSONの””をトリム

‘ 複雑なオブジェクトを返す場合（JavaScriptでJSON.stringify()したもの）
‘ Dim jsonObjectResult As String = Await webView21.CoreWebView2.ExecuteScriptAsync(“JSON.stringify({id: 1, name: ‘Test’})”)
‘ Dim obj As JObject = JObject.Parse(jsonObjectResult) ‘ NuGetのNewtonsoft.Jsonが必要
‘ MessageBox.Show($”オブジェクトID: {obj(“id”)}, 名前: {obj(“name”)}”, “情報”)

Catch ex As Exception
MessageBox.Show($”JavaScript実行エラー: {ex.Message}”, “エラー”, MessageBoxButtons.OK, MessageBoxIcon.Error)
End Try
End Sub

極限の知見：DOM操作のパフォーマンスとタイミング

`ExecuteScriptAsync`でDOM操作を行う際、ページの読み込みが完了していない段階でスクリプトを実行するとエラーになるか、意図しない結果を招きます。これを避けるには、JavaScript側で`DOMContentLoaded`イベントを待機し、確実にDOMが利用可能になった後で処理を実行する堅牢なコードを記述します。

// Webコンテンツ内のJavaScript
document.addEventListener(‘DOMContentLoaded’, function() {
console.log(‘DOM Content Loaded!’);
// ここにVB.NETから呼び出される可能性のある関数や、初期化スクリプトを記述
window.myJsApi = {
doSomething: function(data) {
console.log(‘Received from VB.NET:’, data);
return ‘Processed: ‘ + data;
},
sendToVbNet: function(message) {
// VB.NETにメッセージを送信
window.chrome.webview.postMessage(message);
}
};
});

VB.NET側で、この`DOMContentLoaded`イベントを待ち切るまでは、DOM操作を行う`ExecuteScriptAsync`は発行しないように制御する必要があります。あるいは、`NavigationCompleted`イベント内で`ExecuteScriptAsync`を呼び出す、といった工夫が求められます。

JavaScriptからVB.NETの呼び出し：Webイベントへの応答

JavaScriptからVB.NETコードを呼び出すには、`window.chrome.webview.postMessage`メソッドを使用します。VB.NET側では、`CoreWebView2.WebMessageReceived`イベントをハンドリングすることで、これらのメッセージを受け取ります。

.net
‘ MainForm_Load イベントハンドラ内で、または CoreWebView2InitializationCompleted イベントハンドラ内で設定
Private Sub OnCoreWebView2InitializationCompleted(sender As Object, e As CoreWebView2InitializationCompletedEventArgs)
If e.IsSuccess Then
‘ … 既存の初期化処理 …
AddHandler webView21.CoreWebView2.WebMessageReceived, AddressOf OnWebMessageReceived
Else
‘ … エラー処理 …
End If
End Sub

‘ JavaScriptからメッセージが送信されたときに発生するイベント
Private Sub OnWebMessageReceived(sender As Object, e As CoreWebView2WebMessageReceivedEventArgs)
‘ WebMessageReceivedイベントはUIスレッドで発生しない可能性があるため、
‘ UIを更新する場合はInvokeまたはBeginInvokeを使用する
Me.Invoke(Sub()
Dim message As String = e.WebMessageAsJson ‘ JSON文字列としてメッセージを受け取る
‘ 例: メッセージボックスを表示
MessageBox.Show($”JavaScriptからのメッセージ: {message}”, “Webメッセージ”, MessageBoxButtons.OK, MessageBoxIcon.Information)

‘ JavaScriptに返信する例
‘ JavaScript側でメッセージ受信のハンドラが実装されていることを前提
Dim response As String = $”VB.NETがメッセージ ‘{message}’ を受信しました。”
webView21.CoreWebView2.PostWebMessageAsJson(JsonConvert.SerializeObject(response)) ‘ 応答もJSONとして送信
End Sub)
End Sub

極限の知見：スレッドセーフな操作の徹底

`WebMessageReceived`イベントは、WebView2の内部スレッドで発生する可能性があります。そのため、このイベントハンドラ内で直接Windows FormsのUIコントロールを操作しようとすると、`Cross-thread operation not valid`例外が発生します。これを回避するためには、必ず`Invoke`または`BeginInvoke`メソッドを使用して、UIスレッドに処理をディスパッチする必要があります。これは、レガシーなWindows Forms開発者がマルチスレッドプログラミングで常に意識してきた鉄則であり、WebView2においても同様に重要です。

複雑なデータ構造の受け渡し

JavaScriptとVB.NET間で複雑なデータ構造（オブジェクトや配列）を受け渡す場合は、JSON (JavaScript Object Notation) を利用するのが標準的かつ最も堅牢な方法です。

JavaScriptからVB.NETへ: JavaScript側で`JSON.stringify()`でオブジェクトを文字列化し、`postMessage`で送信。VB.NET側で`Newtonsoft.Json.JsonConvert.DeserializeObject()`などでデシリアライズ。
VB.NETからJavaScriptへ: VB.NET側で`Newtonsoft.Json.JsonConvert.SerializeObject()`でオブジェクトをJSON文字列化し、`ExecuteScriptAsync`の引数として渡すか、`PostWebMessageAsJson`で送信。JavaScript側で`JSON.parse()`でオブジェクトに変換。

これはシステム間連携におけるデータフォーマットの共通言語であり、確実な連携のためには必須の知識です。

第4章：パフォーマンス、メモリ、リソース管理の真髄

レガシーシステムを扱ってきた我々にとって、メモリリーク、リソース枯渇、パフォーマンスボトルネックは常に監視すべき重大な問題でした。WebView2は独立したプロセスとして動作するため、従来のWebBrowserとは異なる観点でのリソース管理が求められます。

WebView2プロセスのライフサイクルとDisposeの重要性

WebView2コントロールは、内部で複数のChromiumプロセス（レンダラープロセス、GPUプロセスなど）を起動します。これにより、メインアプリケーションの安定性が向上しますが、同時にメモリとCPUリソースの使用量が増加する可能性を秘めています。

WebView2コントロールが不要になった場合、例えばフォームが閉じられる際や、タブ切り替えでWebView2を非表示にする際などには、必ず明示的に`Dispose`メソッドを呼び出し、関連するChromiumプロセスを終了させる必要があります。`Dispose`を怠ると、メモリリークやCPU使用率の増加を引き起こし、システムの安定性に甚大な影響を与えます。

.net
‘ フォームが閉じられるときにWebView2を明示的に解放
Private Sub MainForm_FormClosing(sender As Object, e As FormClosingEventArgs) Handles Me.FormClosing
If webView21 IsNot Nothing Then
webView21.Dispose() ‘ コントロールと関連プロセスを解放
webView21 = Nothing ‘ 参照をクリア
End If
End Sub

極限の知見：リソース消費抑制戦略

複数のWebView2インスタンスを扱う場合、すべてのインスタンスを常にアクティブにしておくのは非効率的です。タブUIなどでWebView2を使用する場合、非表示になったタブのWebView2インスタンスを一時的に無効化し、リソース消費を抑制する戦略を検討できます。

例えば、非表示になったWebView2コントロールに対しては、`Source`プロパティを`Nothing`に設定するか、`Dispose`して再構築する方法が考えられます。ただし、`Dispose`と再構築はコストが高いため、頻繁な切り替えがある場合は、一時的にコンテンツを空のHTMLに置き換えたり、`CoreWebView2.Settings.IsScriptEnabled = False`のように一部機能を無効化するだけでも効果がある場合があります。

Windows APIを活用した深層制御

WebView2は高レベルなAPIを提供しますが、時にはさらに低レベルな制御が必要になることがあります。特に、レガシーシステムでのメモリ枯渇問題を経験した者にとって、プロセスメモリの使用量抑制は切実な課題です。

User Data Folderの管理

WebView2は、キャッシュ、Cookie、ローカルストレージなどのデータを「User Data Folder」に保存します。このフォルダは`CoreWebView2Environment.CreateAsync`で明示的に指定できます。複数のWebView2インスタンスやアプリケーションが同じUser Data Folderを共有しないように、アプリケーションごとに一意のパスを指定することが重要です。これにより、データ競合や予期せぬ挙動を防ぎます。

.net
‘ CoreWebView2Environment.CreateAsync の例（再掲）
Dim userDataFolder As String = System.IO.Path.Combine(Application.StartupPath, “WebView2Data”, “MyUniqueAppName”)
‘ …
webView21.EnsureCoreWebView2Async(CoreWebView2Environment.CreateAsync(Nothing, userDataFolder))

プロセスメモリの使用量抑制 (SetProcessWorkingSetSize)

WebView2は独立したプロセスとして動作するため、そのメモリ使用量はアプリケーション本体のプロセスとは別個に管理されます。特定の状況下でWebView2プロセスのメモリ使用量を抑制したい場合、Windows APIの`SetProcessWorkingSetSize`関数（kernel32.dll）を呼び出すことが理論上は可能です。しかし、これは非常に低レベルな操作であり、システム全体のパフォーマンスに影響を与える可能性があるため、慎重に、かつ必要最小限の状況でのみ適用すべきです。

.net
Imports System.Runtime.InteropServices

Public Class MemoryOptimizer
‘ SetProcessWorkingSetSize 関数の宣言
‘ dwMinimumWorkingSetSize: プロセスの最小ワーキングセットサイズ
‘ dwMaximumWorkingSetSize: プロセスの最大ワーキングセットサイズ
‘ dwFlags: フラグ（1 = VACUUM_WORKING_SET_FLAG、2 = SET_WORKING_SET_SIZE_FLAG）

Private Shared Function SetProcessWorkingSetSize(
ByVal hProcess As IntPtr,
ByVal dwMinimumWorkingSetSize As UInteger,
ByVal dwMaximumWorkingSetSize As UInteger
) As Boolean
End Function

‘ WebView2プロセスのメモリを削減する試み
Public Shared Sub ReduceWebView2Memory(webView As WebView2)
If webView Is Nothing OrElse webView.CoreWebView2 Is Nothing Then Return

Try
‘ WebView2のCoreWebView2プロセスIDを取得
‘ WebView2は複数のプロセスを持つが、ここではメインのレンダラープロセスを対象とする
Dim processId As Integer = webView.CoreWebView2.BrowserProcessId ‘ これはEdgeのメインプロセスID
‘ または、特定のレンダラープロセスIDを特定する（より複雑）

‘ プロセスハンドルを取得
Dim hProcess As IntPtr = OpenProcess(ProcessAccessFlags.SetQuota Or ProcessAccessFlags.QueryInformation Or ProcessAccessFlags.VMOperation, False, processId)

If hProcess <> IntPtr.Zero Then
‘ プロセスのワーキングセットサイズを最小化する
‘ 0, 0 を指定すると、ワーキングセットをトリミングし、プライベートワーキングセットをページアウトする
‘ これは一時的な効果しかなく、再度メモリが必要になるとOSが再割り当てする
If SetProcessWorkingSetSize(hProcess, &HFFFFFFFF, &HFFFFFFFF) Then
Console.WriteLine($”WebView2プロセス (PID: {processId}) のメモリを削減しました。”)
Else
Console.WriteLine($”WebView2プロセス (PID: {processId}) のメモリ削減に失敗しました。エラー: {Marshal.GetLastWin32Error()}”)
End If
CloseHandle(hProcess)
Else
Console.WriteLine($”WebView2プロセス (PID: {processId}) のハンドルを取得できませんでした。エラー: {Marshal.GetLastWin32Error()}”)
End If

Catch ex As Exception
Console.WriteLine($”WebView2メモリ削減処理中にエラーが発生しました: {ex.Message}”)
End Try
End Sub

‘ プロセスを開くためのAPI

Private Enum ProcessAccessFlags As UInteger
Terminate = &H1
CreateThread = &H2
VMOperation = &H8
VMRead = &H10
VMWrite = &H20
DupHandle = &H40
SetInformation = &H200
QueryInformation = &H400
SetQuota = &H100
SuspendResume = &H800
QueryLimitedInformation = &H1000
Synchronize = &H100000
All = &H1F0FFF
Delete = &H10000
ReadControl = &H20000
WriteDac = &H40000
WriteOwner = &H80000
End Enum

Private Shared Function OpenProcess(
ByVal dwDesiredAccess As ProcessAccessFlags,
ByVal bInheritHandle As Boolean,
ByVal dwProcessId As Integer
) As IntPtr
End Function

Private Shared Function CloseHandle(
ByVal hObject As IntPtr
) As Boolean
End Function

End Class

このコードは、WebView2のメインブラウザプロセスに対してワーキングセットサイズを調整しようと試みるものです。しかし、WebView2は複数のプロセスを持つため、このアプローチが常に期待通りの効果を発揮するとは限りません。また、OSがプロセスのメモリ管理を最適化するため、このような低レベルな介入は現代のアプリケーションでは推奨されません。あくまで、レガシー環境でのメモリ枯渇に直面し、あらゆる手段を講じなければならない場合の「苦肉の策」として理解してください。

ハングアップしたWebView2プロセスの回復

ごく稀に、WebView2プロセスが応答しなくなる場合があります。この場合、ユーザーはアプリケーションの再起動を余儀なくされます。これを避けるため、`TerminateProcess` (kernel32.dll) を呼び出して特定のWebView2関連プロセスを強制終了させる、という最終手段も存在します。しかし、これはデータの破損やシステムの不安定化を招く可能性があり、最後の手段として、非常に慎重に適用する必要があります。通常はWebView2の`Dispose`と再初期化を試みるべきです。

第5章：レガシー環境との共存と未来への展望

既存のWebBrowserコードとの互換性

多くの既存システムでは、WebBrowserコントロールが深く組み込まれています。すべての画面を一度にWebView2に移行するのは現実的ではないかもしれません。段階的な移行戦略として、既存のWebBrowserを使用している画面はそのまま維持し、新規開発または改修が必要な画面からWebView2に置き換えていく方法が有効です。

この際、Webビュー機能を提供するインターフェースを抽象化し、`IWebView`のようなインターフェースを定義することで、WebBrowser実装とWebView2実装を切り替えやすく設計することができます。

.net
‘ 例: Webビュー機能のインターフェース
Public Interface IWebViewComponent
Sub Navigate(url As String)
Function ExecuteScript(script As String) As Task(Of String)
Event MessageReceived(sender As Object, message As String)
Sub Dispose()
‘ その他、必要なAPIを定義
End Interface

‘ WebView2による実装例 (簡略化)
Public Class WebView2Adapter : Implements IWebViewComponent
Private WithEvents _webView2 As WebView2

Public Sub New(parentControl As Control)
_webView2 = New WebView2()
_webView2.Dock = DockStyle.Fill
parentControl.Controls.Add(_webView2)
AddHandler _webView2.CoreWebView2InitializationCompleted, AddressOf OnWebView2InitCompleted
End Sub

Private Async Sub OnWebView2InitCompleted(sender As Object, e As CoreWebView2InitializationCompletedEventArgs)
If e.IsSuccess Then
_webView2.CoreWebView2.Settings.IsScriptEnabled = True
_webView2.CoreWebView2.Settings.IsWebMessageEnabled = True
AddHandler _webView2.CoreWebView2.WebMessageReceived, AddressOf OnWebMessageReceived
End If
End Sub

Public Sub Navigate(url As String) Implements IWebViewComponent.Navigate
If _webView2.CoreWebView2 IsNot Nothing Then
_webView2.Source = New Uri(url)
End If
End Sub

Public Async Function ExecuteScript(script As String) As Task(Of String) Implements IWebViewComponent.ExecuteScript
If _webView2.CoreWebView2 IsNot Nothing Then
Return Await _webView2.CoreWebView2.ExecuteScriptAsync(script)
Else
Return Nothing
End If
End Function

Public Event MessageReceived As EventHandler(Of String) Implements IWebViewComponent.MessageReceived

Private Sub OnWebMessageReceived(sender As Object, e As CoreWebView2WebMessageReceivedEventArgs)
RaiseEvent MessageReceived(Me, e.WebMessageAsJson)
End Sub

Public Sub Dispose() Implements IWebViewComponent.Dispose
If _webView2 IsNot Nothing Then
_webView2.Dispose()
_webView2 = Nothing
End If
End Sub
End Class

‘ フォームでの利用例
‘ Private _webViewComponent As IWebViewComponent
‘ _webViewComponent = New WebView2Adapter(Me.Panel1) ‘ Panel1にWebView2を配置
‘ AddHandler _webViewComponent.MessageReceived, AddressOf HandleWebViewMessage
‘ _webViewComponent.Navigate(“https://example.com”)

セキュリティの強化

WebView2はChromiumの強力なセキュリティモデルを受け継いでいますが、アプリケーションレベルでの追加の対策も重要です。

CoreWebView2Settings: `IsScriptEnabled`, `IsWebMessageEnabled`, `IsZoomControlEnabled`など、様々な設定を通じてWebView2の挙動を制限できます。信頼できないコンテンツを表示する場合は、これらの設定を厳しくすることで攻撃のリスクを軽減できます。
コンテンツセキュリティポリシー (CSP): Webコンテンツ側でCSPを設定することで、読み込みを許可するリソースのオリジンを制限し、XSS（クロスサイトスクリプティング）などの攻撃を防ぐことができます。
信頼できないコンテンツの表示: 外部から提供される信頼できないWebコンテンツを表示する場合は、サンドボックス化された別のプロセスでWebView2を起動するなどの、より厳重な隔離策を検討する必要があります。

デバッグ戦略

WebView2のデバッグには、Edge Developer Toolsがそのまま利用できます。

.net
‘ 開発ツールを有効にする
webView21.CoreWebView2.Settings.AreDevToolsEnabled = True

‘ 開発ツールを開くボタンのクリックイベントなど
Private Sub OpenDevToolsButton_Click(sender As Object, e As EventArgs) Handles OpenDevToolsButton.Click
If webView21.CoreWebView2 IsNot Nothing Then
webView21.CoreWebView2.OpenDevToolsWindow()
End If
End Sub

これにより、JavaScriptのデバッグ、DOMの検査、ネットワークリクエストの監視などを、Web開発者と同じツールで行うことができます。これは、WebBrowser時代には考えられなかった画期的な進歩です。

配布とメンテナンス

Runtimeの選択: Evergreen Runtimeは自動更新され、常に最新のセキュリティと機能を提供します。Fixed Version Runtimeは特定のバージョンをアプリケーションにバンドルするため、更新は開発者の責任で行う必要がありますが、厳密な動作保証が必要な場合に選択されます。
インストーラーへのバンドル: アプリケーションのインストーラーにWebView2 Runtimeのインストールを組み込むことで、ユーザーの手間を省き、確実な動作環境を提供できます。

終章：真の自動化エンジニアへの道

WebView2への移行は、単なるコントロールの置き換えではありません。それは、レガシーなWindows Formsアプリケーションに、現代のWeb技術の息吹を吹き込み、ビジネスロジックを再構築し、ユーザー体験を根本から刷新するための強力な武器です。

この移行を通じて、我々は以下の「極限の知見」を再認識するでしょう。

1. オブジェクトライフサイクルの厳格な管理: `Dispose`の徹底は、メモリリークやリソース枯渇を防ぐための絶対条件です。特に独立したプロセスを持つコンポーネントにおいては、その重要性はさらに増します。
2. 非同期プログラミングの理解と活用: WebView2は非同期APIを多用します。`Async`/`Await`の適切な使用は、UIの応答性を保ち、アプリケーションの安定性を確保するために不可欠です。
3. スレッドセーフなUI操作の徹底: `Invoke`/`BeginInvoke`は、マルチスレッド環境下でのUIコントロール操作の基本中の基本であり、WebView2との連携においてもその原則は揺るぎません。
4. システム間連携の堅牢な設計: JSONによるデータ交換、イベント駆動モデルの活用、エラーハンドリングの徹底は、VB.NETとJavaScript間のシームレスで信頼性の高い通信を実現するために必須です。
5. 低レベルなシステム知識の重要性: Windows APIの理解は、時にコンポーネントの限界を超え、システム全体のリソースを最適化し、予期せぬ問題を解決するための「最後の切り札」となります。ただし、その使用は極めて慎重に行うべきです。

表面的な実装にとどまらず、これらのライフサイクル、リソース、セキュリティ、そしてシステム全体の統合を深く理解し、常に最善のアーキテクチャを追求する能力こそが、真のチーフアーキテクト、そして伝説的な自動化エンジニアに求められる資質です。WebView2は、その道のりをさらに一歩深く進めるための、またとない機会となるでしょう。