C#コンポーネントで Blazor アプリケーションを高速構築

Blazorは Microsoft によって開発され、開発者が JavaScript の代わりに C#、HTML コード、Razor構文を使用して機能豊富な Web アプリを作成できるようにする無料のオープンソース Web フレームワークを表しています。サーバーサイドアプリの構築はBlazor Server で行われますが、Blazor WebAssembly はクライアントサイドアプリをブラウザーで直接実行します。Infragisticsは、Blazor.

Blazor は、.NET で 構築されたブラウザ上で動作するモダンな Web アプリケーションを構築するためのフレームワークです。Blazor では、サーバーサイド（Blazor Server）またはクライアントサイド（Blazor WebAssembly）の 2 種類のレンダリングモデルで Web アプリケーションを構築することができます。

• Blazor Server アプリケーションは、ASP.NET Core Razor ページを実行するサーバー上の ASP.NET Core ホスティングされたアプリケーションです。処理はサーバー上で行われ、クライアントの HTML ページの更新はサーバーエンドポイントから  SignalR 接続で行われます。
• Blazor WebAssembly は、C# で書かれた.NETアセンブリをブラウザ上で直接実行するシングルページアプリケーション (SPA) フレームワークでです。WebAssembly は、Web ページでバイナリコードを実行するためのオープンスタンダードです。このモードでは、アプリケーションと一緒にダウンロードされる .NET ランタイムに対して、コードが実行されます。
Web アプリケーションに 2 つのアプローチのどちらを使用する場合でも、クライアント コードとサーバー コードの両方に JavaScript ではなく C# を使用して Web アプリを構築でき、同時に Blazor の JavaScript 相互運用ブリッジで任意の JavaScript ライブラリを使用できます。

Blazor のユニークな価値は、JavaScript の代わりにC#でアプリケーションを作成することです。.NET開発者は、デスクトップアプリケーションから Web アプリケーションに移行するための素晴らしい道筋を含め、Web上で新しいインタラクティブな体験を構築するための優れた選択肢を得ることができます。JavaScript のフレームワークが移り変わる一方で、Microsoft の ASP.NET は 20 年 たった今でも健在です。ASP.NET にはさまざまなバリエーションがありますが、どのバージョンの ASP.NET にも共通する一貫したテーマは、C#プログラミング言語と .NET フレームワークです。20 年 にわたり何百万人もの開発者に使われてきた .NET Framework のパワーと柔軟性は、今日の世界最大の（そして最小の）企業を動かしています。Blazor によって、最新のフレームワークでWebアプリケーションを構築するための道が開かれたのです。Blazor の将来について、マイクロソフトは Blazor Server と Blazor WebAssembly の両方について強力なロードマップを持っています。プラットフォーム機能、パフォーマンス強化、.NET 5での長期サポート、.NET 6 への移行も Microsoft から発表されています。Infragistics では、Blazor の将来性を信じ、UI コントロールやコンポーネントに投資し、Blazor で最高のアプリを構築できるようにします。

Blazor アプリは、ASP.NET、C#、.NET Framework を使って構築されたインタラクティブな最新の Web アプリケーションで、Web 上であらゆるタイプの業務用アプリケーション、生産性アプリケーション、SaaS アプリケーションを動作させることが可能です。ASP.NET Blazor は、Blazorは .NET でインタラクティブなクライアントサイドの Web UI を構築するためのフレームワークです。Blazor アプリは、Angular アプリや React アプリとは以下の点で異なります。

• 開発者は JavaScript の代わりにC#を使っていますが、JavaScript を使うことをやめさせようとしているわけではありません。
• 開発者は、数十年にわたるセキュリティと信頼性が組み込まれた .NET Framework をフルに活用することができます。
• ASP.NET Core を利用して、クライアントとサーバーでアプリケーションロジックを共有することができます。
• ASP.NET Core を使ったサーバーベースのモデルか、WebAssembly を使ったピュアなクライアントサイドのモデルか、開発者は選択することができるのです。
• Blazor の WebAssemby 処理は、.NET ランタイムを用いてクライアント上のブラウザで全て行われる。Blazor アプリはC#クラス、C#ライブラリ、JavaScript ライブラリ、Razor ページを使って構築されます。Razor ページは .razr ファイルとして表され、開発者は HTML マークアップと C# コードを 1 つのページで組み合わせることができます。

Blazor コンポーネントは、クライアントサイドの UI ロジックとコンポジションに使用される .NET アセンブリに組み込まれた再利用可能な .NET C# クラスです。Blazor コンポーネントは Blazor ウェブアプリケーションの UI（C#コード、HTMLマークアップ、その他のコンポーネント）の要素を表し、ページ、フォーム、データグリッド、データチャート、または HTML としてレンダリングされるページのあらゆる側面が含まれます。コンポーネントは、インタラクション、イベント、レンダリングロジックを処理します。コンポーネントは、Razor クラスライブラリや NuGet パッケージとして、Web アプリ内や異なる Web アプリ内で入れ子にして再利用することが可能です。Blazor コンポーネントの Razor ページの利点は、開発者が HTML マークアップ、JavaScript、C# を 1 つのファイルに含めることができ、Visual Studio のインテリセンスとデバッグの力を使ってコンポーネントとページの開発を加速させることができることです。インフラジスティックスは 30 以上のBlazorコンポーネントを提供しており、2021年には Blazor コンポーネントに多額の投資を行い、未来のアプリを構築するために必要なものをさらにお届けしていきます。

パフォーマンスは、どんなアプリケーションフレームワークの成功にも不可欠です。もし操作が遅かったり、ページのレンダリングが遅かったり、インタラクションが遅かったりしたら、フレームワークは採用されないでしょう。マイクロソフトはこのことを誰よりもよく知っています。Blazor では、どんな新しい技術でもそうですが、バージョン1では常に問題が発生し、そのうちのいくつかはパフォーマンスに関するものです。Blazor の最大の問題は、.NET Framework と実際のアプリケーションを実行する WebAssembly を含むパッケージのサイズにあります。WebAssembly は単なる HTML ページではなく、サーバーからクライアントに送信されるDLLやバイナリを含むため、初期ペイロードが大きくなるリスクがあり、Web 上の SaaS アプリであれば、その影響を受ける可能性があります。社内の業務用アプリの場合、ペイロードサイズは通常関係ありません。Microsoft は Blazor のパフォーマンスの問題に取り組んでおり、初期ペイロードサイズからクライアントでのランタイム実行の全体的なパフォーマンスに至るまで、様々な問題に取り組んでいます。インフラジスティックスでは、今から2021年秋に .NET 6 がリリースされるまでの間に、これらの問題に対処することを期待しています。

Blazorはプロダクションレディであり、実際、現在多くの中小企業やエンタープライズ企業が Blazor を利用しています。Blazor は 2018 年に Microsoft からリリースされましたが、2020 年 5 月19 日 に Blazor WebAssembly が正式リリースされたあたりから、Blazor の盛り上がりは最高潮に達しています。Blazor WebAssembly は、Angular や React が踏襲するアプリケーションを書くための SPA (Single Page Application) パターンに密接にマッチしています。つまり、アプリケーションはビジネスロジックを実行するために Web サーバーに依存せず、ブラウザ上で実行でき、Webサーバーはクライアントに静的コンテンツを提供するためにのみ必要なのです。さらに良いことに、C# を知っている .NET 開発者であれば、JavaScript を知らなくても Blazor を使ってモダンでインタラクティブな Web アプリケーションを構築することができるのです。Blazor は、Windows Forms や WPF から Web への移行を検討しているような社内業務用アプリケーションに最適です。2021年には成長が加速し、顧客は Blazor アプリケーションの構築を本格的に開始すると見ています。

Blazor アプリの作成は簡単です。

Blazorアプリの前提条件

1. ASP.NET と Web 開発をインストールした Visual Studio 2019 バージョン 16.6 for Windows またはバージョン 8.6 for Mac をインストールしてください。
2. Visual Studio Code を使用している場合は、.NET 5 SDK をインストールします。

Visual Studio でBlazorアプリを作成する

1. Visual Studio を起動します。
2. 「新しいプロジェクトの作成」をクリックします。
3. 「Blazor アプリ」を選択し、「次へ」をクリックします。
4. プロジェクト名、場所、ソリューション名を変更するか、デフォルトのままにして、「次へ」をクリックします。
5. ASP.NET Core を使ってサーバーサイドの Web アプリを作成する場合は Blazor Server App を、クライアントで実行する WebAssembly を作成する場合は Blazor WebAssembly App を選択します。
6. Blazor WebAssembly App を選択した場合、ASP.NET Core hosted チェックボックスをチェックします。アプリのアセットが静的ファイルとして ASP.NET Core サーバーにデプロイされ、クライアントに静的コンテンツを提供するからです。
7. 「作成」ボタンをクリックします。

Visual Studio Code による Blazor アプリのコマンドラインでの作成

1. Visual Studio Code で、新しいターミナルを開きます。
2. ターミナル プロンプトで、作成する Blazor アプリの種類、Blazor WebAssembly または Blazor Server に基づいて、次のいずれかを入力します:

dotnet new blazorwasm

dotnet new blazorserver

コマンドラインで Blazor アプリを作成するためのすべてのオプションを学ぶには、-h を使用してヘルプ オプションを取得します。

dotnet new blazorwasm -h

dotnet new blazorserver -h

Ignite UI for Blazorは、リッチで応答性の高いWebアプリケーションの構築を目指す C# および .NET 開発者向けに設計された、Blazor コンポーネントとコントロールの完全なライブラリです。Blazorコンポーネントライブラリには、より良いビジュアライゼーションのための 60 以上のデータ チャートやグラフ、高速なデータグリッドやテーブル、ユーザーインターフェース (UI) コンポーネントが含まれています。

Ignite UI for Blazor は最も完成度の高い、C# および .NET 開発者向けに専門的に設計・開発されたエンタープライズグレードの UI コンポーネントライブラリです。インフラジスティックスは業界リーダーとして 30 年以上、業務アプリケーション利用に最適な製品を提供しております。また、初めて Blazor 開発に取り組まれるお客様にも安心してご利用頂けるよう、手厚いサポートサービスを併せてご提供しております。モダンで革新的な Blazor アプリケーションの構築に必要な全てが Ignite UI for Blazor に含まれています。

インフラジスティックスは毎月マイナーアップデートをリリースしていますが、年に 2 回のビッグリリースでは、新しい Blazor コンポーネント、製品機能、機能強化を行っています。

Blazorコンポーネントは、Ignite UIバンドルの一部として含まれています。1 つの開発者ライセンスは、1 年間の標準サポートと更新プログラムを含む 1 年間のサブスクリプションで 1,355 米ドルからです。また、複数年ライセンスの割引も提供しています。価格の詳細については、価格ページを参照してください。

始めるのに最適な場所は、Ignite UI for Blazorドキュメントと入門資料です。Visual Studio を使用してBlazor Server アプリ、Blazor WebAssembly アプリ、および .NET MAUI Blazorアプリを作成するための手順が説明されています。既存のアプリケーションにIgnite UI for Blazorを追加することもできます。Ignite Ignite UI for Blazorパッケージのインストールに進んでください。

Ignite UI for Blazor のコンポーネントやコントロールを使用したアプリケーションを、無制限のクライアントにデプロイすることができます。柔軟性のあるプランで、開発者ごとのライセンスのみで、ランタイム、ロイヤリティ、デプロイメント費用は一切かかりません。

インフラジスティックスのチームは、Blazor コード サンプルの包括的なライブラリを管理しており、これらのライブラリにアクセスできます。 また、チーム コラボレーション アプリ、eコマース、トラベルなどを含むサンプル アプリケーションのライブラリもあります。 Blazor サンプル アプリケーションについては こちらをご利用ください。

Infragistics Ultimate 22.2 リリースの時点で、すべてのBlazorコンポーネントは .NET 8 と互換性があります。Infragistics チームは、.NET のメジャー リリースを常に監視し、すべてのコンポーネントの互換性を維持しているため、開発者は妥協することなくインパクトのある UX とフル機能のアプリを作成できます。