Ignite UI for Blazor logo

Ignite UI for Blazor

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

Ignite UI for Blazorは、BlazorアプリケーションのUI開発を支援するコンポーネントライブラリーです。高速データグリッドやチャート、株価チャート、財務チャート、地理的マップ、複数列コンボボックスをはじめ、業務要件を満たせる60種類以上の高性能なコントロールでBlazorアプリケーション開発の生産性向上を支援します。Blazor Server、 Blazor WebAssembly、.NET 6に対応しています。さらにクラウドベースのビジュアルUIエディター「App Builder」で最速・高性能なBlazorアプリケーションを構築します。

Ignite UI Blazor Data Grid, built using Ignite UI for Blazor components, showing a visualization of sales data.

Blazorアプリケーション超速デザイン&構築

クラウドベースのWYSIWYGドラッグ&ドロップ RAD(高速アプリケーション開発)ソリューション App Builder™ で、Blazor アプリ開発がかつてないほど簡単になりました。デザインから即座に実行可能な Blazorコードを生成し、これまでにない速さでアプリを構築できます。デザインチームをお持ちでないお客様もお任せください。ゼロからアプリの構築を始めることも、あらかじめ用意されたアプリテンプレートや、テーマ設定オプション付きのレスポンシブなビルトインレイアウトから選んで始めることもできます。そして、60以上のコントロールが利用可能なツールボックスを使って、あらゆる機能要件とデザイン要件にマッチさせましょう。

Blazor logo

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

インフラジスティックスのBlazorデータグリッドとBlazorテーブルは、業務アプリケーションに求められる大量のデータを軽快に表示するだけでなく、アプリケーションを利用するお客様のさまざまなご要望にも応えられるよう、インタラクティブな機能を多数提供しています。最新のC# Blazorアプリケーション用に設計され、Blazor WebAssemblyのサポートを含むBlazorコンポーネントは、最高のユーザーエクスペリエンスを実現します。

世界中のお客様にご利用頂いています

Bank of America logo
Intuit Logo
Charles Swab Corporation logo
Blue Yonder logo
Tyler logo

あらかじめIgnite UIで提供されている機能を使用すると、Excel出力はコード10行程度で済んでしまいました。また、当初社内では実現ができないと考えていた点について、インフラジスティックスのエンジニアと会話した際に簡単に実現する方法があることを教えてもらいました。必要な機能があることに加え、高い技術力でサポートいただける点が非常に助かりました。

東洋ビジネスエンジニアリング 新商品開発本部 マーケティング企画本部 久保 宏氏
Toyo Business Engineering

東洋ビジネスエンジニアリング株式会社

B-EN-Gは日本のものづくりの課題を包括的に解決するSCMに特化したパッケージ「mcframe」を提供しています。近年、様々な業界においてIoTへの取り組みが盛んであり、同社の顧客からも「mcframe」における新興技術への対応が求められていました。お客様事例を見る

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

60種類以上の高性能なBlazorチャートとグラフを使用して、詳細な分析のための表現力豊かなダッシュボードを構築したり、数100万件のデータポイントをリアルタイムで表示することができます。ご要望の多い株価チャートファイナンシャルチャートカテゴリーチャートをはじめ、Ignite UI for Blazorはさまざまな業務要件を満たすチャートを収録しています。

Stock Chart, built using Ignite UI for Blazor components, showing a visualization of financial data.

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

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

ignite ui spaceman

Blazor UIコンポーネント一覧

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

Blazorアプリケーション開発時に0からコードを書く時間やコストを省けるよう、弊社Blazorコンポーネントを利用したサンプルアプリケーションを公開しております。

全てのリファレンスアプリケーションを見る
U.S. Presidential Election Dashboard

アメリカ大統領選挙ダッシュボード

このアメリカ大統領選挙ダッシュボードは、1940年〜2020年の選挙データをインタラクティブに視覚化しました。このアプリケーションはBlazor WASMで構築されており、Ignite UI for BlazorのBlazor Data Gridを利用しています。

詳細はこちら
App Dashboard showing Travel App

トラベルアプリ

カードレイアウトと画像ギャラリーを使って表示できるトラベルアプリで、最も美しくエキゾチックな目的地を探検してください。

詳細はこちら
App showing e-commerce Auto Shop

オートショップアプリ

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

詳細はこちら

リソース

Blazorアプリ開発作業における時間やコストの削減に、是非リソースをご活用ください。

  • CLIツールを活用してすぐに開発をスタート Blazor CLIのセットアップと使い方から、モジュールのインポートと既存のアプリの更新まで、始めるにあたって必要なものが全てそろっています詳細はこちら
  • Blazor Server vs Blazor WebAssemblyWebAssemblyがブラウザ上で.NETを実行するためのキーテクノロジーである理由と、Blazor Serverと比較してどのような場合に使用するのかについて説明します。詳細はこちら
  • UIツール標準化によるメリット標準的なUIツールキットを活用することで、プロジェクトの開発・テスト時間を33%短縮することができます。このホワイトペーパーでは組織がどのように市場投入までの時間と開発コストを削減できるかを学ぶことができます。詳細はこちら
  • Node.js and Visual Studio Code logos
  • Blazor Server vs Blazor WebAssembly
  • Infographic depicting 33% reduction in development costs when implementing a UX / UI process

よくあるご質問(FAQ)

全てのFAQを見る

Questions and Answers for Ignite UI for Blazor

Blazorとは何ですか?

Blazorは、マイクロソフトによって開発された開発者がC#とHTMLを使用してWebアプリを作成できるようにする無料のオープンソースWebフレームワークです。インフラジスティックスはBlazorのコントリビューターおよびサポーターです。

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の将来は?

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アプリとはなんですか?

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コンポーネントとは何ですか?

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のパフォーマンスはどうでしょうか?

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

Blazorの製品化は?

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アプリの作成は簡単です。

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 コンポーネントライブラリとは何ですか?

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

Ignite UI for Blazorと他のUIツールキットの違いは何ですか?

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

Blazor UI Componentsのアップデートはどれくらいの頻度で行われるのですか?

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

Ignite UI for Blazorの価格とライセンス形態を教えてください。

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

Ignite UI for Blazorはどのように始められますか?

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

Ignite UI for Blazorコンポーネントを使用したアプリケーションを複数の顧客に展開することはできますか?

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

コンポーネントサンプルやサンプルアプリケーションはどこにありますか?

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

Ignite UI for Blazorは.NET 6に対応していますか?

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

製品価格

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

Good Value

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

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

Great Value

Web・デスクトップ・モバイルアプリケーション開発を効率化する、各種フレームワークに対応したUIコントロールライブラリを提供します。

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

Ignite Rocket

最新情報

Ignite Rocket