WebView2、Microsoftからの最新のウェブビュー技術は、人気のあるMicrosoft Edgeブラウザを動かすのと同じChromiumエンジンに基づいています。 修正バージョンの配布により、C#開発者はネイティブアプリケーション内に直接、ハイパーテキストマークアップ言語、CSS、およびJavaScriptなどのウェブ技術を埋め込むことができます。 この統合により、動的なコンテンツの表示から複雑なユーザーインターフェースの構築まで、無限の可能性が開かれます。

IronPDF概要は、C#アプリケーション内でPDF文書の生成、操作、およびレンダリング機能を提供します。 オンラインでのコンテンツをPDFに変換するか、最初から文書を作成するかにかかわらず、IronPDFはウェブベースのデータとインターフェースを伴うPDFを扱うための簡単なアプローチを提供します。

このチュートリアルでは、WebView2とIronPDFをC#アプリに統合する方法を案内します。基礎的な設定から高度な機能まで、アプリケーションの能力を向上させるためにこれらのツールをどのように併用するか探ります。

WebView2の紹介

ChromiumベースのMicrosoft Edgeブラウザによって動作するWebView2は、C#アプリケーション内でのウェブコンテンツの埋め込みにおいて大きな進歩を表しています。 この技術により、開発者はWindowsアプリケーションにモダンなウェブの全スペクトルを組み込むことが可能になり、パフォーマンス、互換性、機能性が向上します。

Chromium Edgeの優位性

Chromium ベース: Microsoft Edge と同じエンジンを活用した WebView2 は、古い Web ビュー コントロールと比較して、より一貫性があり信頼性の高い Web コンテンツのレンダリングを提供します。

**最新の Web 標準:**最新の Web 標準をサポートしているため、開発者は Windows アプリケーション内の Web コンテンツを最新の Web テクノロジに維持できます。

WebView2の始め方

C＃プロジェクトでWebView2を設定する

C#プロジェクトにWebView2を統合するのは簡単なプロセスです。 それには、.NET用のMicrosoftのパッケージマネージャであるNuGetを通じてWebView2 SDKを追加することが含まれます。 このSDKは、あなたのアプリケーションにウェブコンテンツをWebView2を使用して埋め込むために必要なライブラリとツールを提供します。

Windows FormsとWPFでのWebView2の実装

WebView2はWindows Forms（WinForms）とWindows Presentation Foundation（WPF）を含むさまざまな種類のC#アプリケーションで利用できます。 各フレームワークには実装上の独自の特性がありますが、基本的な概念は同じです：WebView2はアプリケーション内でウェブコンテンツのコンテナとして機能します。

ウェブコンテンツを読み込む基本例

WebView2が設定されたら、アプリケーションにウェブページを読み込むことができます。 これは、ページを表示するためにソースURLを設定することと同じくらい簡単です。 ここに始めるための基本的な例があります：

using System;
using Microsoft.Web.WebView2.WinForms; // Ensure WebView2 is included

public class WebViewExample
{
    public void LoadWebPage()
    {
        var webView = new WebView2();
        webView.Source = new Uri("https://www.ironpdf.com");
        // The URI of IronPDF's site is set as the source URL for WebView
    }
}

using System;
using Microsoft.Web.WebView2.WinForms; // Ensure WebView2 is included

public class WebViewExample
{
    public void LoadWebPage()
    {
        var webView = new WebView2();
        webView.Source = new Uri("https://www.ironpdf.com");
        // The URI of IronPDF's site is set as the source URL for WebView
    }
}

Imports System
Imports Microsoft.Web.WebView2.WinForms ' Ensure WebView2 is included

Public Class WebViewExample
	Public Sub LoadWebPage()
		Dim webView = New WebView2()
		webView.Source = New Uri("https://www.ironpdf.com")
		' The URI of IronPDF's site is set as the source URL for WebView
	End Sub
End Class

Imports System
Imports Microsoft.Web.WebView2.WinForms ' Ensure WebView2 is included

Public Class WebViewExample
	Public Sub LoadWebPage()
		Dim webView = New WebView2()
		webView.Source = New Uri("https://www.ironpdf.com")
		' The URI of IronPDF's site is set as the source URL for WebView
	End Sub
End Class

このコードスニペットでは、WebView2の新しいインスタンスが作成され、IronPDFのウェブサイトがそこにロードされます。 これは、C#アプリケーション内でウェブページをレンダリングするためにWebView2をどのように使用できるかを示しています。

基本的なウェブコンテンツの埋め込み

WebView2でHTML、CSS、JSを表示する

WebView2はC#アプリケーションに標準のウェブコンテンツを埋め込み、表示することができます。 これには、HTMLページ、スタイリングのためのカスケードスタイルシート、および対話性のため for JavaScriptが含まれます。 制御機能は、あなたのアプリケーション内に埋め込まれたウェブブラウザのように機能し、Microsoft Edgeで表示される時と同様にウェブコンテンツをレンダリングします。

WebView2でウェブページを読み込む

WebView2の主な機能は、ウェブページを読み込み、表示することです。 これはURLを指定するか、直接HTMLコンテンツを読み込むことで実現されます。 例えば：

public void NavigateWebPage()
{
    var webView = new WebView2();
    webView.CoreWebView2.Navigate("https://www.ironpdf.com");
    // Navigates to the specified URL displaying the page in the application
}

public void NavigateWebPage()
{
    var webView = new WebView2();
    webView.CoreWebView2.Navigate("https://www.ironpdf.com");
    // Navigates to the specified URL displaying the page in the application
}

Public Sub NavigateWebPage()
	Dim webView = New WebView2()
	webView.CoreWebView2.Navigate("https://www.ironpdf.com")
	' Navigates to the specified URL displaying the page in the application
End Sub

Public Sub NavigateWebPage()
	Dim webView = New WebView2()
	webView.CoreWebView2.Navigate("https://www.ironpdf.com")
	' Navigates to the specified URL displaying the page in the application
End Sub

このコードは指定されたウェブページにWebView2をナビゲートし、アプリケーション内に表示します。

JavaScriptとの対話

WebView2は埋め込まれたウェブコンテンツ内でJavaScriptと対話することを可能にします。 これは、C#アプリケーションからJavaScriptコードを実行したり、その逆を行ったりして、動的コンテンツの更新や応答性のあるユーザーインターフェースを実現できます。

ウェブ体験のカスタマイズ

WebView2を使用すると、ウェブコンテンツの表示方法を制御し、サイズ、表示、ユーザーのインタラクション設定など、さまざまな側面をカスタマイズできます。 このカスタマイズにより、ウェブコンテンツをネイティブユーザーインターフェースとシームレスに統合することが可能になります。

WebView2とIronPDFの統合

IronPDFはHTML to PDFの変換を専門としており、元のレイアウトとスタイルを精密に保持します。 この機能は、レポート、請求書、ドキュメントなどウェブベースのコンテンツからPDFを生成するのに特に有用です。 それはHTMLファイル、URL、さらには生のHTML文字列を高品質のPDFファイルに変換することをサポートしています。

using IronPdf;

class PdfConversionExample
{
    static void Main(string[] args)
    {
        var renderer = new ChromePdfRenderer();

        // 1. Convert HTML String to PDF
        var htmlContent = "<h1>Hello, IronPDF!</h1><p>This is a PDF from an HTML string.</p>";
        var pdfFromHtmlString = renderer.RenderHtmlAsPdf(htmlContent);
        pdfFromHtmlString.SaveAs("HTMLStringToPDF.pdf");

        // 2. Convert HTML File to PDF
        var htmlFilePath = "path_to_your_html_file.html"; // Specify the path to your HTML file
        var pdfFromHtmlFile = renderer.RenderHtmlFileAsPdf(htmlFilePath);
        pdfFromHtmlFile.SaveAs("HTMLFileToPDF.pdf");

        // 3. Convert URL to PDF
        var url = "http://ironpdf.com"; // Specify the URL
        var pdfFromUrl = renderer.RenderUrlAsPdf(url);
        pdfFromUrl.SaveAs("URLToPDF.pdf");
    }
}

using IronPdf;

class PdfConversionExample
{
    static void Main(string[] args)
    {
        var renderer = new ChromePdfRenderer();

        // 1. Convert HTML String to PDF
        var htmlContent = "<h1>Hello, IronPDF!</h1><p>This is a PDF from an HTML string.</p>";
        var pdfFromHtmlString = renderer.RenderHtmlAsPdf(htmlContent);
        pdfFromHtmlString.SaveAs("HTMLStringToPDF.pdf");

        // 2. Convert HTML File to PDF
        var htmlFilePath = "path_to_your_html_file.html"; // Specify the path to your HTML file
        var pdfFromHtmlFile = renderer.RenderHtmlFileAsPdf(htmlFilePath);
        pdfFromHtmlFile.SaveAs("HTMLFileToPDF.pdf");

        // 3. Convert URL to PDF
        var url = "http://ironpdf.com"; // Specify the URL
        var pdfFromUrl = renderer.RenderUrlAsPdf(url);
        pdfFromUrl.SaveAs("URLToPDF.pdf");
    }
}

Imports IronPdf

Friend Class PdfConversionExample
	Shared Sub Main(ByVal args() As String)
		Dim renderer = New ChromePdfRenderer()

		' 1. Convert HTML String to PDF
		Dim htmlContent = "<h1>Hello, IronPDF!</h1><p>This is a PDF from an HTML string.</p>"
		Dim pdfFromHtmlString = renderer.RenderHtmlAsPdf(htmlContent)
		pdfFromHtmlString.SaveAs("HTMLStringToPDF.pdf")

		' 2. Convert HTML File to PDF
		Dim htmlFilePath = "path_to_your_html_file.html" ' Specify the path to your HTML file
		Dim pdfFromHtmlFile = renderer.RenderHtmlFileAsPdf(htmlFilePath)
		pdfFromHtmlFile.SaveAs("HTMLFileToPDF.pdf")

		' 3. Convert URL to PDF
		Dim url = "http://ironpdf.com" ' Specify the URL
		Dim pdfFromUrl = renderer.RenderUrlAsPdf(url)
		pdfFromUrl.SaveAs("URLToPDF.pdf")
	End Sub
End Class

Imports IronPdf

Friend Class PdfConversionExample
	Shared Sub Main(ByVal args() As String)
		Dim renderer = New ChromePdfRenderer()

		' 1. Convert HTML String to PDF
		Dim htmlContent = "<h1>Hello, IronPDF!</h1><p>This is a PDF from an HTML string.</p>"
		Dim pdfFromHtmlString = renderer.RenderHtmlAsPdf(htmlContent)
		pdfFromHtmlString.SaveAs("HTMLStringToPDF.pdf")

		' 2. Convert HTML File to PDF
		Dim htmlFilePath = "path_to_your_html_file.html" ' Specify the path to your HTML file
		Dim pdfFromHtmlFile = renderer.RenderHtmlFileAsPdf(htmlFilePath)
		pdfFromHtmlFile.SaveAs("HTMLFileToPDF.pdf")

		' 3. Convert URL to PDF
		Dim url = "http://ironpdf.com" ' Specify the URL
		Dim pdfFromUrl = renderer.RenderUrlAsPdf(url)
		pdfFromUrl.SaveAs("URLToPDF.pdf")
	End Sub
End Class

WebView2とIronPDFを一緒に使用する

C#プロジェクトでのWebView2とIronPDFの組み合わせはエキサイティングな可能性を開きます。 WebView2がウェブコンテンツの表示および対話に優れている一方で、IronPDFはこのコンテンツをPDF形式に変換することに優れています。 この統合により、開発者はウェブコンテンツを表示するだけでなく、ウェブコンテンツをPDFドキュメントに変換する機能を提供するアプリケーションを作成できます。

IronPDFでWebView2コンテンツをキャプチャ

WebView2を含むWindows Formsアプリケーションを作成すると、ユーザーはアプリ内でインターネットをブラウズできます。はじめに、フォームにWebView2コントロールを追加します。 このコントロールはフォームの大部分を占め、ウェブブラウジングのための十分なスペースを提供します。 さらに、アドレスバーやボタンのようなナビゲーションコントロールを含め、完全なブラウジング体験を提供します。

PDF変換機能の追加

フォームに"Convert to PDF"というラベルのボタンを導入します。このボタンはユーザーが表示中のウェブページをIronPDFを使用してPDFドキュメントに変換するトリガーとなります。

IronPDFライブラリをインストールする

NuGet パッケージマネージャーを使用してインストール

NuGet Package Managerを使用してWebView2プロジェクトにIronPDFを統合する手順に従ってください：

1. Visual Studio を開き、ソリューションエクスプローラーでプロジェクトを右クリックします。
2. コンテキストメニューから"NuGetパッケージの管理…"を選択します。
3. ブラウズタブに行き、IronPDFを検索します。
4. 検索結果からIronPDFライブラリを選択し、インストールボタンをクリックします。
5. ライセンス契約のプロンプトを承諾します。

Package Manager Consoleを経由してプロジェクトにIronPDFを含めたい場合は、Package Manager Consoleで以下のコマンドを実行します：

Install-Package IronPdf

プロジェクトに IronPDF を取得してインストールします。

NuGet ウェブサイトを使ってインストール

機能、互換性、追加のダウンロードオプションを含む IronPDF の詳細な概要については、NuGet ウェブサイトの IronPDF ページを訪れてください。https://www.nuget.org/packages/IronPdf。

DLLを介してインストール

または、DLLファイルを使用して直接プロジェクトにIronPDFを組み込むことができます。 DLLダウンロードページからDLLを含むZIPファイルをダウンロードしてください。 それを解凍し、プロジェクトにDLLを含めます。

変換ロジックの実装

ユーザーが"Convert to PDF"ボタンをクリックすると、アプリケーションはWebView2コントロールに表示されているURLまたはHTMLコンテンツをキャプチャする必要があります。 IronPDFの機能を利用して、このウェブコンテンツをPDFに変換します。 ここにサンプルアプローチがあります：

1.**現在のコンテンツをキャプチャする:**ユーザーが変換を開始すると、WebView2 コントロールから現在のコンテンツを取得します。 これはURLまたは直接HTMLコンテンツである可能性があります。 2. IronPDFで PDF を生成する: IronPDFを使用して、キャプチャした Web コンテンツから PDF を作成します。 RenderUrlAsPdf メソッドの ChromePdfRenderer は、現在のウェブページをPDF文書にレンダリングできます。 3.**保存して通知:**生成された PDF を事前定義された場所に保存するか、ユーザーに保存場所を選択するよう求めます。 PDF保存後、メッセージボックスを通じて成功した変換をユーザーに通知します。

private void ConvertToPdfButton_Click(object sender, EventArgs e)
{
    var renderer = new IronPdf.ChromePdfRenderer();
    var pdf = renderer.RenderUrlAsPdf(webView.CoreWebView2.Source.ToString());
    pdf.SaveAs("ConvertedWebPage.pdf");
    MessageBox.Show("PDF conversion successful!");
}

private void ConvertToPdfButton_Click(object sender, EventArgs e)
{
    var renderer = new IronPdf.ChromePdfRenderer();
    var pdf = renderer.RenderUrlAsPdf(webView.CoreWebView2.Source.ToString());
    pdf.SaveAs("ConvertedWebPage.pdf");
    MessageBox.Show("PDF conversion successful!");
}

Private Sub ConvertToPdfButton_Click(ByVal sender As Object, ByVal e As EventArgs)
	Dim renderer = New IronPdf.ChromePdfRenderer()
	Dim pdf = renderer.RenderUrlAsPdf(webView.CoreWebView2.Source.ToString())
	pdf.SaveAs("ConvertedWebPage.pdf")
	MessageBox.Show("PDF conversion successful!")
End Sub

Private Sub ConvertToPdfButton_Click(ByVal sender As Object, ByVal e As EventArgs)
	Dim renderer = New IronPdf.ChromePdfRenderer()
	Dim pdf = renderer.RenderUrlAsPdf(webView.CoreWebView2.Source.ToString())
	pdf.SaveAs("ConvertedWebPage.pdf")
	MessageBox.Show("PDF conversion successful!")
End Sub

これはUI出力です：

変換ボタンをクリックすると、ウェブがPDFに変換されて次のメッセージボックスが表示されます：

結論

C#開発の領域でのWebView2とIronPDFの探求を締めくくるにあたり、これら2つの技術の連携が動的で多機能なアプリケーションを作成するための豊富な能力を提供することは明らかです。

WebView2を統合することで、あなたのC#アプリケーションに高度なウェブ技術を直接埋め込み、その機能性とユーザーエクスペリエンスを向上させることができます。 IronPDFは、報告、ドキュメント作成、およびデータ共有に理想的な方法で、これらのウェブベースのインターフェースとコンテンツをアクセス可能なPDF文書に変換するためのツールを提供します。

IronPDFの可能性を最大限に引き出すには、IronPDFの無料トライアルをご利用いただき、$999から始まるライセンスで完全な機能をアンロックしてください。