.NETヘルプ

Blazor .NET 8 (開発者向けチュートリアル)

Q: BlazorアプリケーションでHTMLをPDFに変換する方法は？

Blazorアプリケーションでは、IronPDFの RenderHtmlAsPdf メソッドを使用してHTML文字列をPDFに変換できます。このメソッドはBlazor ServerとBlazor WebAssemblyモデルの両方に対応しています。

Curtis Chau

更新日:6月 22, 2025

Blazor のフルスタック Web UI フレームワークは、.NET 8.0 のリリースで大幅に進化しました。このアップデートは、開発者が C# と .NET を使用して対話型でモダンな Web アプリケーションを構築することを可能にするさまざまな機能と強化をもたらします。

この記事では、Blazor .NET 8.0 の主要な側面を掘り下げ、新しいレンダリングモード、プロジェクトテンプレート、ツールの改善などを探ります。

Blazor .NET 8 (開発者チュートリアル): 図 1

Blazor レンダーモードの理解

.NET 8.0 における Blazor では、3 つのレンダーモードが紹介されています。

静的サーバーレンダリング: 最適なパフォーマンスのための静的 HTML を生成します。
インタラクティブサーバーレンダリング: サーバーサイドの ASP.NET Core ランタイムを利用して最初のレンダリングとインタラクティビティを提供します。
インタラクティブ WebAssembly レンダリング: .NET WebAssembly ランタイムをクライアント上で活用して以降のレンダリングとインタラクティビティを提供します。

多用なインタラクティブ自動レンダリング

ハイライトの1つは、インタラクティブ自動レンダリングモードであり、.NET WebAssembly ランタイムを使用してクライアント上でその後のレンダリングとインタラクティビティを組み合わせて、コンテンツのためのサーバーサイドレンダリングを組み合わせたものです。これによりアプリの起動体験が高速化され、開発者にとって魅力的な選択肢となっています。

Blazor Web アプリテンプレートの紹介

.NET 8.0 は、Blazor Server と Blazor WebAssembly ホスティングモデルの強みを組み合わせた統一された出発点である、Blazor Web アプリテンプレートを導入しています。

このテンプレートには、静的サーバーレンダリング、ストリーミングレンダリング、ナビゲーションの強化、およびフォーム処理などの新機能が組み込まれています。プロジェクトテンプレートの統合により、開発プロセスが簡素化されます。

Blazor Web Apps 用に簡素化された JS イニシャライザー

従来の JS イニシャライザーは、Blazor Web Apps 用の新しいセットに置き換えられ、読み込みプロセス、ログレベル、およびその他のオプションをカスタマイズするタスクをより適切に制御できます。この変更により開発体験が向上し、.NET 8.0 のホスティングモデルを統合するという目標と一致します。

プリレンダリングと統合ガイダンスの分割

フォーカスされたカバレッジを提供するために、プリレンダリングと統合に関するガイダンスは別々の記事に分割されました。この変更は、理解しやすくし、実装を簡素化し、開発者がベストプラクティスに従いやすくすることを目的としています。

Blazor Web Apps での簡単な状態の永続化

Blazor Web Apps は、プリレンダリング中に作成された登録済みのすべてのアプリレベルの状態を自動的に永続化するようになりました。これにより、Persist Component State Tag Helper が不要になり、コンポーネントの状態の永続化と読み取りプロセスが簡素化されます。

フォーム処理とモデルバインディングの改善

.NET 8.0 は、モデルバインディングやデータ検証を含む Blazor コンポーネントのフォーム処理能力を向上させます。フレームワークはデータ契約属性を尊重し、開発者にフォームデータのモデルへのバインディング方法に関するより多くの制御を提供します。偽造対策サポートの導入により、フォーム送信に追加のセキュリティ層が追加されます。

ナビゲーションとフォーム処理の改善

Blazor .NET 8.0 の静的サーバーレンダリングは、ページナビゲーションとフォーム処理における重要な改善を紹介します。従来、ナビゲーションやフォーム送信時にフルページの更新が発生していました。

ナビゲーションの改善機能により、Blazor は要求を傍受し、フェッチ要求を実行して、レンダリングされた応答コンテンツをブラウザ DOM にシームレスにパッチ適用します。これにより、フルページの更新が避けられ、より速くスムーズなページ読み込みが実現し、ページの状態がより多く保持されます。

強化されたナビゲーションは、Blazor スクリプト (blazor.web.js) がロードされたときにデフォルトで有効になり、特定のフォームに対してオプションとして有効にできます。新しい強化されたナビゲーション API により、開発者はユーザーエクスペリエンスにさらに制御を加えて現在のページをプログラムで更新できます。

ストリーミングレンダリング

Blazor .NET 8.0 は、長時間実行される非同期タスクを実行するページでのユーザーエクスペリエンスを向上させる強力な機能であるストリーミングレンダリングを導入します。ストリーミングレンダリングを使用すると、ページは非同期操作が進行している間、プレースホルダーコンテンツをレンダリングできます。

完了すると、更新されたコンテンツが同じ応答接続でクライアントにストリーミングされ、DOM にシームレスにパッチ適用されます。このアプローチによりアプリのメインレイアウトが迅速にレンダリングされ、コンテンツが利用可能になるとすぐにページが更新されます。

キー付きサービスのインジェクション

Blazor は、Inject 属性を使用してキー付きサービスのインジェクションをサポートするようになりました。キーは、依存性注入のシナリオでサービスの登録と消費のスコープを定義します。

新しい InjectAttribute.Key プロパティを使用すると、開発者はインジェクトするサービスのキーを指定できるようになり、サービススコープの新しい可能性が開かれます。

`HttpContext` をカスケーディングパラメータとしてアクセスする

Blazor .NET 8.0 は、現在の HttpContext を静的サーバーコンポーネントからカスケーディングパラメータとしてアクセス可能にします。この拡張は、HTTP コンテキストに関連するヘッダーやその他のプロパティを検査および変更する場合に特に便利です。

ASP.NET Core 外部での Razor コンポーネントのレンダリング

Blazor .NET 8.0 は、HTTP リクエストのコンテキスト外で Razor コンポーネントをレンダリングする可能性を開きます。この柔軟性により、開発者は Razor コンポーネントを ASP.NET Core ホスティング環境とは無関係に文字列やストリームに直接レンダリングできるようになります。

この機能は、メールや静的サイトのコンテンツなど、HTML フラグメントを生成する必要があるシナリオに特に便利です。

セクションサポート

Blazor .NET 8.0 では、SectionOutlet および SectionContent コンポーネントの導入により、コンテンツ管理が革命的に変わります。これらのコンポーネントを使用すると、開発者は特定のページで後に埋め込まれるレイアウトにプレースホルダーを定義できます。

セクションは一意の名前やオブジェクト ID を使用して参照でき、動的な Web レイアウトの構築に柔軟性と再利用性を提供します。

エラーページサポート

.NET 8.0 における Blazor Web Apps は、開発者が ASP.NET Core 例外処理ミドルウェアで使用するカスタムエラーページを定義できるようにする、堅牢なエラーページサポートを誇っています。

デフォルトのエラーページ (Components/Pages/Error.razor) は一貫したユーザー体験を提供します。インタラクティビティが有効になっている場合でも、エラーページは静的サーバーコンポーネントとしてレンダリングされ、例外発生時の安定性が確保されます。

`QuickGrid` のエクスペリメンタルからエッセンシャルへ

高性能グリッドコンポーネントである QuickGrid は、.NET 8 においてエクスペリメンタルな状態から Blazor フレームワークの不可欠な一部に昇格しました。

このコンポーネントは、タブ付きデータの表示を簡素化し、ソート、フィルタリング、ページング、バーチャリゼーションなどの強力な機能を提供します。 ASP.NET Core Blazor QuickGrid ドキュメントで QuickGrid について詳しく知ることができます。

特定要素へのルート

Blazor .NET 8.0 は、標準の URL フラグメントを使用してページ上の特定の HTML 要素に直接ナビゲートするためのクライアントサイドルーティングをサポートします。標準の id 属性を持つ HTML 要素の識別子を指定することで、URL フラグメントが要素識別子に一致すると Blazor はその要素にシームレスにスクロールします。

ルートレベルのカスケーディング値

Blazor .NET 8.0 は、コンポーネント階層全体に登録できるルートレベルのカスケーディング値を導入することにより、カスケーディング値を強化します。名前付きカスケーディング値や更新通知の購読がサポートされ、柔軟性と制御が向上しています。

空のコンテンツのバーチャライズ

Virtualize コンポーネントの新しい EmptyContent パラメーターを使用すると、コンポーネントが読み込まれたときにアイテムが空の場合や ItemsProviderResult<T>.TotalItemCount がゼロの場合にコンテンツを提供できるようになります。

これにより、開発者はより直感的でユーザーフレンドリーなインターフェイスを作成できます。

サーキット管理と SignalR モニタリング

Blazor .NET 8.0 には、残っているインタラクティブサーバーコンポーネントがない場合にサーキットを閉じる機能が導入されました。この最適化によりサーバーリソースが解放され、全体的なパフォーマンスが向上します。

さらに、開発者はサーバーサイドアプリで CircuitHandler の CreateInboundActivityHandler メソッドを使用して、インバウンドサーキットアクティビティをモニタリングできます。

Jiterpreter による高速なランタイムパフォーマンス

新しいランタイム機能である Jiterpreter は、WebAssembly 上で実行する際に部分的なジャストインタイム (JIT) コンパイルサポートを導入します。これによりランタイムパフォーマンスが改善され、Blazor WebAssembly アプリケーションと対話するユーザーにスムーズな体験が提供されます。

Ahead-of-Time (AOT) SIMD と例外処理

Blazor WebAssembly の AOT コンパイルは、デフォルトで WebAssembly 固定幅 SIMD と WebAssembly 例外処理を使用するようになりました。この戦略的選択により、ランタイムパフォーマンスが大幅に向上し、効率かつ応答性の高いユーザーエクスペリエンスが提供されます。

Webcil 配布のための Web フレンドリー展開

Blazor WebAssembly は、.NET アセンブリの Web フレンドリーなパッケージングである Webcil を使用するようになりました。これにより、.dll ファイルのダウンロードや使用をブロックする環境との互換性が確保され、展開上の課題に対応します。 Webcil は、Blazor WebAssembly アプリに対してデフォルトで有効になっています。

Blazor WebAssembly のデバッギングの改善

Blazor WebAssembly アプリのデバッギングは、.NET 8 でより合理化されました。デバッガは、Visual Studio の設定された場所からシンボルデータをダウンロードし、NuGet パッケージを使用するアプリに対するデバッグ体験を向上させます。

さらに、Firefox 上でのデバッグがサポートされており、リモートデバッグと .NET WebAssembly デバッグプロキシを介した接続の構成が必要です。

コンテンツセキュリティポリシー (CSP) 互換性

Blazor WebAssembly が .NET 8.0 になり、コンテンツセキュリティポリシー (CSP) を指定する際に unsafe-eval スクリプトソースの有効化が不要になりました。この改善により、Blazor WebAssembly アプリケーションに対する堅牢な CSP を実施するためのセキュリティ設定が簡素化されます。

コンポーネントライフサイクル外での例外処理

ComponentBase.DispatchExceptionAsync の導入により、開発者は Razor コンポーネントのライフサイクルコールスタックの外でスローされた例外を処理できるようになります。

この機能により、コンポーネントのコードは例外をライフサイクルメソッドの例外として処理できるため、一貫性があり制御されたエラーハンドリングメカニズムが保証されます。

Iron Suite の紹介

Iron Software によって開発された Iron Suite は、開発者が強力な Blazor アプリを構築できるようにするいくつかの便利なライブラリで構成されています。PDF 機能や Excel・CSV ファイル機能の追加、画像からのテキスト認識、バーコード・QR コードの生成・読み取り、ファイルの圧縮や抽出などのソリューションを提供します。

Iron Suite は Blazor WebAssembly ホスティングモデルや、Blazor WebAssembly アプリ、Blazor サーバーアプリ、ASP.NET Core MVC アプリ、ASP.NET core Web API、または任意のバージョンの .NET ランタイムで構築されたアプリケーションを含む、あらゆる Microsoft テクノロジーを使用した Web 開発のために考慮すべき完璧な選択肢です。

Iron Suite のライブラリ

PDF ファイルをシームレスに作成、操作、データ抽出するための IronPDF。

IronPDF の際立った機能は、HTML から PDF への変換であり、完全なレイアウトとスタイルの保存を実現します。 Web コンテンツから、レポート、請求書、文書などの PDF を生成するのに最適です。 HTML ファイル、URL、または HTML ストリングを PDF ファイルに変換できます。

using IronPdf;

class Program
{
    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 Program
{
    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 Program
	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

$vbLabelText $csharpLabel

スキャン画像や PDF からテキストを抽出し、データアクセシビリティを向上させる IronOCR (光学式文字認識)。
Excel スプレッドシートを効率よく読み取り、書き込み、操作するための IronXL。
様々な形式でバーコードを生成・読み取ってデータのエンコーディングとリトリーバルを容易にする IronBarcode。
機械学習を使用して QR コードを作成・読み取るための IronQR
Webベースのアプリケーションの機能を強化するために Web サイトから貴重なデータを抽出する IronWebScraper。
データストレージと転送プロセスを効率化するファイルの圧縮と解凍のための IronZIP。

Blazor .NET 8 (開発者チュートリアル): 図 2

Iron Suite の独自性

わずか 2 つの個別製品の価格でスイート全体にアクセスできるため、投資の価値が最大化されます。
Windows、macOS、または Linux のどの環境で作業していても、Iron Suite は（ほぼ）すべてのプラットフォームでの互換性を保証します。
ダウンロードからプロダクションまでの迅速な旅を体験し、最短 5 分で稼働させることができます。
すべての機能に対する詳細なドキュメントや例にアクセスし、開発プロセス全体で明確さとガイダンスを提供します。
どんな質問にもお答えするために、24/5 利用可能な専属のエンジニアが開発体験をスムーズにします。
Iron Suite には 30 日間の無質問返品保証があり、自信と安心を提供します。

結論

結論として、Blazor .NET 8.0 のリリースは、C# および .NET を使用したフルスタック Web UI 開発の進化における重要なマイルストーンを示しています。

新しいレンダリングモード、Blazor Web アプリテンプレート、強化されたナビゲーション、および数々の他の機能の導入により、現代的でインタラクティブな Web アプリケーションを作成することを目指す開発者にとって魅力的な選択肢となっています。

Blazor .NET 8.0 は、フォーム処理の改善、ストリーミングレンダリング、キー付きサービスのインジェクション機能の追加などの注目すべき機能を備えており、開発に深みと柔軟性を加えます。

Iron Software による Iron Suite の導入は、Blazor の機能を補完し、.NET エコシステム内でのドキュメント関連のタスク向けの包括的なツールキットを提供します。

Blazor .NET 8.0 は、Iron Suite を利用して、開発者が堅牢で機能豊富な Web アプリケーションを作成することを可能にします。

強力な機能の組み合わせ、改善されたパフォーマンス、および活気に満ちた開発者コミュニティのサポートは、Blazor を現代の Web 開発の魅力的な選択肢として位置づけています。

よくある質問

BlazorアプリケーションでHTMLをPDFに変換する方法は？

Blazorアプリケーションでは、IronPDFのRenderHtmlAsPdfメソッドを使用してHTML文字列をPDFに変換できます。このメソッドはBlazor ServerとBlazor WebAssemblyモデルの両方に対応しています。

Blazor .NET 8.0の新しいレンダリングモードは何ですか？

Blazor .NET 8.0は、Static server rendering、Interactive Server rendering、Interactive WebAssembly renderingの3つの新しいレンダリングモードを導入し、それぞれがパフォーマンスとインタラクティビティの最適化を目指しています。

Iron Suite は Blazor アプリケーションをどのように強化しますか？

Iron SuiteはPDFの操作、OCR、Excelの操作、バーコード生成などの機能を提供し、堅牢なWebアプリケーション開発に必要不可欠なものでBlazorアプリケーションを強化します。

Blazor .NET 8.0のInteractive Autoレンダリングモードとは何ですか？

Blazor .NET 8.0のInteractive Autoレンダリングモードは、サーバーサイドレンダリングとクライアントサイドのインタラクティビティを組み合わせ、.NET WebAssemblyランタイムを活用してアプリケーションの起動速度を向上させます。

Blazor .NET 8.0でフォーム処理を改善する方法は？

Blazor .NET 8.0は、モデルバインディングの強化、データ検証、偽造防止サポートの向上により、開発者がフォームデータ管理をよりコントロールしやすくします。

Blazor .NET 8.0でのストリーミングレンダリングの目的は何ですか？

Blazor .NET 8.0のストリーミングレンダリングにより、長時間実行される非同期タスクが完了する間、プレースホルダーコンテンツの初期レンダリングを可能にし、ページをシームレスに更新してユーザーエクスペリエンスを向上させます。

Blazor Web Appテンプレートはどのように開発を簡素化しますか？

Blazor Web Appテンプレートは、Blazor ServerとBlazor WebAssemblyのモデルを統合し、拡張されたナビゲーションおよびフォーム処理により開発プロセスを簡素化します。

Iron SoftwareのツールキットはBlazor .NET 8.0をどのように補完しますか？

Iron Softwareのツールキットは、複雑な文書処理タスクを処理するための包括的な文書関連機能を提供することで、Blazor .NET 8.0を補完します。

BlazorウェブアプリケーションでIronPDFを使用することの利点は何ですか？

IronPDFは強力なPDF生成と操作機能を提供し、堅牢な文書処理機能を必要とするBlazorウェブアプリケーションを構築する開発者に理想的な選択肢を提供します。

Blazor .NET 8.0でのデバッグにはどのような改善がされていますか？

Blazor .NET 8.0は、シンボルデータのダウンロードの強化およびFirefoxのサポート追加により、WebAssemblyアプリのデバッグを改善し、デバッグプロセスを効率化します。

Curtis Chau

今すぐエンジニアリングチームとチャット

テクニカルライター

Curtis Chauは、カールトン大学でコンピュータサイエンスの学士号を取得し、Node.js、TypeScript、JavaScript、およびReactに精通したフロントエンド開発を専門としています。直感的で美しいユーザーインターフェースを作成することに情熱を持ち、Curtisは現代のフレームワークを用いた開発や、構造の良い視覚的に魅力的なマニュアルの作成を楽しんでいます。

開発以外にも、CurtisはIoT（Internet of Things）への強い関心を持ち、ハードウェアとソフトウェアの統合方法を模索しています。余暇には、ゲームをしたりDiscordボットを作成したりして、技術に対する愛情と創造性を組み合わせています。