Ignite UI for Blazor

Blazorは、マイクロソフトによって開発された開発者がC＃とHTMLを使用してWebアプリを作成できるようにする無料のオープンソースWebフレームワークです。インフラジスティックスは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アプリケーションにどちらのアプローチを採用しても、クライアントとサーバーの両方のコードにJavaScriptではなくC#を使用してWebアプリケーションを構築することができ、さらにBlazorのJavaScript interop bridgeにより任意の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サーバーと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フォームや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 App を選択し、Next をクリックします。
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で、新しいTerminalを開きます。
2. Terminal プロンプトで、作成する 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 コンポーネント、製品機能、機能強化を行っています。

Ignite UI for Blazorのご利用にはIgnite UI、Infragistics Ultimate、Infragistics Professionalのいずれかのライセンスが必要です。ライセンスはサブスクリプション方式で販売しております。1開発者様につき1ライセンス必要です（インストール端末台数に制限はありません）。各ライセンス価格の詳細につきましては製品価格ページをご確認ください。

Ignite UI for Blazorを使用した作業の開始ページに詳細な手順を記載しておりますので、こちらをご参照ください。

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

コンポーネントのコードサンプルは  こちらからご確認頂けます。サンプルアプリケーションについてはこちらをご利用ください。

Infragistics Ultimate 21.2より、すべてのコンポーネントとソリューションは.NET 6に対応しました。