Razor クラス ライブラリの概要

  • 1 分

Razor クラス ライブラリを使用すると、Blazor アプリケーション間でユーザー インターフェイス コンポーネントを共有および再利用できます。 このモジュールでは、Blazor アプリケーションのコンポーネントの構築と共有に重点を置きます。

Blazor サーバー インスタンスと Blazor WebAssembly で使用されている Razor クラス ライブラリを示す図。

シナリオ例

コンサルティング会社で働き、さまざまなクライアント向けの Web アプリケーションを構築しているとします。 モーダル ウィンドウ コンポーネントなど、クライアントで使用できる Web 機能のコレクションがあります。 時間を節約するために、アプリケーション間でこれらの機能を再利用できるようにする必要があります。

Razor クラス ライブラリを使用すると、顧客向けに構築したアプリケーション間で機能を共有できます。

Blazor アプリケーション間で共有できるモーダル ウィンドウ コンポーネントの例のスクリーンショット。

どうするつもりですか。

このモジュールでは、次の目標を達成するための Razor クラス ライブラリを作成します。

  • 既定のテーマを含むモーダル ダイアログ ボックスを表示します。
  • Blazor アプリケーションでモーダル ダイアログを使用してカスタマイズします。
  • 他のアプリケーションで使用するためにモーダル ウィンドウ ダイアログをパッケージ化します。

主な目標は何ですか?

モジュールを終了すると、他の Blazor アプリケーション間で共有およびカスタマイズできるモーダル ウィンドウ コンポーネントを設計できます。

[前提条件]

  • HTML、CSS、および JavaScript Web 開発に関する知識。
  • C# コードを記述する初心者向け機能。
  • .NET 8.0 SDK がインストールされていること。
  • 統合開発環境 (IDE)。 このモジュールでは Visual Studio Code を使用します。

注

このモジュールでは、ローカル開発に .NET CLI (コマンド ライン インターフェイス) と Visual Studio Code を使用します。 このモジュールを完了すると、Visual Studio (Windows) または Visual Studio Code (Windows、Linux、macOS) を使用した継続的な開発を使用して、これらの概念を適用できるようになります。

このモジュールでは、.NET 8.0 SDK を使います。 適切なコマンド ターミナルで次のコマンドを実行して、.NET 8.0 がインストールされていることを確認します。

dotnet --list-sdks

次の例のような出力が表示されます。

6.0.317 [C:\Program Files\dotnet\sdk]
7.0.401 [C:\Program Files\dotnet\sdk]
8.0.100 [C:\Program Files\dotnet\sdk]

8 で始まるバージョンが一覧に表示されていることを確実にします。 何も表示されない場合、またはコマンドが見つからない場合は、最新の .NET 8.0 SDK をインストールしてください。