Ignite UI for Blazorロゴ

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

Ignite UI for Blazorコンポーネントライブラリには、35 +ネイティブBlazor UIコントロール、フル機能のグリッド、およびあらゆるアプリシナリオ用に設計された60 +高性能チャートが含まれています。これには、Bootstrap、Fluent、Materialテーマを使用したアプリの外観に対する独自のBlazorドック マネージャーと完全な制御が含まれます。Blazor Server、Blazor WebAssembly、および .NET 8 を完全にサポートしています。

Ignite UI Blazor Ignite UI for Blazorコンポーネントを使用して構築された、売上データの視覚化を示すデータグリッド。
Blazorロゴ

高機能な Blazor データグリッド、テーブル

最も強力で軽量な Data Grid コンポーネントが詰め込まれたBlazorコンポーネント ライブラリを使用すると、コーディングや構成をほとんどまたはまったく行わずに、大量のデータを迅速に処理して表示できます。行と列の仮想化、データ入力のサポート、Outlook のグループ化、並べ替え、列の固定、列の移動、マルチレベル レイアウト、マスター/詳細ビュー、階層ビューなど、顧客が期待するあらゆる UX インタラクションを備えています。 .NET 開発者は、最新の .NET Web アプリで提供できる内容に制限がなくなりました。

世界中のお客様にご愛顧頂いております

インテュイットのロゴ
チャールズ スワブ コーポレーションのロゴ
ブルーヨンダーのロゴ
タイラーのロゴ

ビジネス アプリに対応した機能と高品質の技術サポートが開発に役立ちました。データ グリッドの要件を達成するには、Infragistics のIgnite UIを統合していなければ、コストが 2 倍かかっていたでしょう。

東洋ビジネスエンジニアリング 新商品開発本部 マーケティング企画本部 久保 宏氏
Ignite UIを使用してアプリ開発を加速する顧客、B-EN-G のロゴ

B-EN-G

最先端の技術機能を顧客に提供し続けるために、B-EN-G は、モノのインターネット (IOT) を構成する新しい範囲のデバイスへの接続を希望する顧客のニーズを満たすことに取り組みました。続きを読む

インタラクティブな高速 Blazor チャート、グラフ

深い分析のための表現力豊かなダッシュボードを構築し、65 種類以上の高性能 Blazor チャートとグラフを使用して数百万のデータ ポイントをリアルタイムでレンダリングします。Blazor WebAssembly と Blazor Server の両方向けに最適化されており、最も要望の多かった Blazor コンポーネント (株価チャート折れ線チャート棒チャート)が含まれています。 Ignite UI for Blazor は、高性能 Blazor コンポーネントと Blazor チャートの機能に対するフィンテックとビジネスのニーズを満たします。

Ignite UI for Blazorコンポーネントを使用して構築された株価チャート。財務データの視覚化を示します。

Excel チャートのような機能や操作性

棒チャート折れ線チャート縦棒チャート 円チャートエリア チャートツリーマップ チャート地理空間地図株価チャートなど、データをグラフ化する 65 種類以上のチャートを収録しています。使い慣れた Excel や Google ファイナンス、Yahoo ファイナンスといったチャートが持つ機能も取り揃えています。

Blazor WebAssembly vs. Blazor Server

Ignite UI for Blazor のコンポーネントは、すべて Blazor WebAssembly アプリと Blazor Server アプリで完全にサポートされています。どちらの Blazor モデルを選択すべきか迷っている方のために、Blazor WebAssembly と Blazor Server を簡単に比較してみました。

Blazor WebAssembly

Blazor WebAssembly では、Blazor アプリケーション、その依存関係にあるアプリケーション、および .NET ランタイムが並行してブラウザにダウンロードされ、 Blazor アプリケーションがブラウザの UI スレッド上で直接実行されます。

Blazor Server

Blazor Server では、Blazor アプリケーションが ASP.NET Core アプリ内からのサーバー上で実行されます。UI の更新、イベント処理、および JavaScript の呼び出しは、SignalR 接続で処理されます。

最適なモデルを選択できますので、この Blazor アプリでは Blazor コンポーネントの使い方に制限はありません。

点火UI宇宙人

Blazor UI コンポーネント一覧

Ignite UI for Blazor UI コントロールとコンポーネントの完全なリストをご覧ください。フル機能を備えた使いやすいBlazorコンポーネントにより、データが豊富で応答性の高い Web アプリを 10 倍の時間効率で作成できます。

リファレンス アプリケーション

C# と .NET 8 を使用してデータBlazor豊富なアプリを作成するのに役立つ UI とデザインのために、Blazorコンポーネントとコントロールのライブラリを使用して専門的に設計および開発されたサンプル アプリケーションを使用して、次の プロジェクトを開始します。

全てのリファレンス アプリケーションを見る
CRM アプリ

CRM アプリ

HubSpot からインスピレーションを得た、顧客の詳細を管理するためのマスター詳細スタイルのアプリ。概要ダッシュボードと顧客の詳細を複数のタブで表示する応答性の高いビューが含まれています。

詳細はこちら
トラベルアプリを表示するアプリダッシュボード

トラベルアプリ

トラベル アプリを使用して、最も美しい目的地のいくつかを探索しましょう。トラベル アプリでは、カード レイアウトと画像ギャラリーを使用してエキゾチックな場所を整理して表示できます。

詳細はこちら
eコマースオートショップを表示するアプリ

E コマースアプリ

eコマースのオートショップアプリです。オンラインショップを開設し、お客様が商品を閲覧してショッピングカートに入れることができます。

詳細はこちら

リソース

これらの役立つリソースを活用して、より優れたBlazorアプリの構築を以前よりも早く開始できます。Blazorコンポーネントとは何か、Blazor CLI を初めてセットアップする方法からBlazor UI ツールキットの標準化などまで、すべてを網羅した実践的なチュートリアル、ビデオ、最新のブログ投稿ですべてをすばやく学習できます。

  • Blazorコンポーネントの使用開始 BlazorとIgnite UIを使用して、次のプロジェクトをより迅速に開始するために必要なものがすべて含まれています。Blazor CLI のセットアップと使用から、モジュールのインポートと既存のアプリの更新まで。もっと詳しく知る
  • Blazor Server と Blazor WebAssemblyWebAssembly がブラウザ上で.NETを実行するためのキーテクノロジーである理由と、Blazor Server と比較してどのような場合に使用するのかについて説明します。詳細はこちら
  • UI ツール標準化によるメリット標準的なUIツールキットを活用することで、プロジェクトの開発・テスト時間を 33% 短縮することができます。このホワイトペーパーでは組織がどのように市場投入までの時間と開発コストを削減できるかを学ぶことができます。詳細はこちら
  • Node.js および Visual Studio Code のロゴ
  • BlazorサーバーとBlazor WebAssembly
  • UX / UI プロセスの実装による開発コストの 33% 削減を示すインフォグラフィック

ヘルプとサンプル

Blazorプロジェクトを開始するために必要なものがすべて揃っています。

製品価格

Ignite UI for Blazorは以下のバンドル製品に含まれています。ご要件に合わせて3つの製品プランからお選びください。(製品比較表はこちら

Good Value

Webアプリケーション開発を効率化する、UIコントロールライブラリを提供します。

$0 (税抜)
1開発者あたりの年間サブスクリプション価格

Great Value

Web・デスクトップ・モバイルアプリケーション開発を効率化する、ソフトウェア開発チームのためのオールインワンUI/UX開発ツールキットです。

$0 (税抜)
1開発者あたりの年間サブスクリプション価格

Ignite Rocket

Blazorブログとリリース - 会話に参加しましょう

ロケットに点火する

Blazor に関するよくある質問 (FAQ)

Ignite UI for Blazorに関する質問と回答

What is Blazor?

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

How does Blazor work?

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 ライブラリを使用できます。

Is Blazor the future?

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 で最高のアプリを構築できるようにします。

What is Blazor app?

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 つのページで組み合わせることができます。

What are Blazor components?

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 コンポーネントに多額の投資を行い、未来のアプリを構築するために必要なものをさらにお届けしていきます。

How is Blazor performance compared to other frameworks?

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

Is Blazor production ready?

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 アプリケーションの構築を本格的に開始すると見ています。

How do I Create a Blazor app?

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

What is Ignite UI for Blazor component library?

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

What makes Ignite UI for Blazor components different from other UI toolkits?

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

How often does Infragistics release updates to their Blazor UI Components?

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

How does the pricing and licensing for Ignite UI for Blazor work?

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

How do I get started with Ignite UI for Blazor?

始めるのに最適な場所は、Ignite UI for Blazorドキュメントと入門資料です。 Visual Studio を使用してBlazor Server アプリ、Blazor WebAssembly アプリ、.NET MAUI Blazorアプリを作成する方法を段階的に説明します。Ignite UI for Blazor既存のアプリケーションに追加することもできます。Ignite UI for Blazorパッケージのインストール」に移動するだけです。

Can I deploy an application that uses Ignite UI for Blazor components to multiple customers?

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

Where can I find Blazor component samples and sample applications?

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

Are Blazor components in Ignite UI compatible with .NET 8?

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