Ignite UI for Blazorロゴ

React コンポーネントで多機能な Web アプリケーションを構築

モジュール化された React Components の最も包括的な UI ライブラリを使用して、モダンな Web アプリケーション体験を構築します。高速で仮想化された React Data Grid、完全な Microsoft Excel ソリューション、60 以上の React チャートとグラフが含まれています。

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

高速 React データ グリッド

当社の軽量な React データ グリッドは、大量のデータ表示を解決するために構築されており、あらゆるモダンブラウザで汎用性とパフォーマンスを提供します。データバインディング、ソート、グルーピング、サマリー、データ編集、エクセルへのエクスポートなど、ユーザーが期待するカスタマイズや設定が可能な React コンポーネントです。直感的な API、そして柔軟なテーマ設定とブランディング。最小限のコードで使い始めることができます。

全ての React グリッド サンプルを見る

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

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

Excel におけるIgnite UIの強みはまさに一流です。LOB アプリに対応した機能と高品質のテクニカル サポートが開発に役立ちました。

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

B-EN-G

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

Ignite UI for React チャート - レスポンシブ、モバイル、タッチ対応

表現力豊かなダッシュボードを構築し、詳細な分析を適用し、クリックするだけで数百万のデータ ポイントをレンダリングします。 60 を超えるリアルタイムReactチャートとグラフ、簡単な構成、柔軟な API を備えています。高性能のReactチャート コンポーネントを使用すると、ビジネス チャートや株価チャートを作成でき、あらゆるブラウザーやデバイスで実行できる豊富なインタラクティブ性と完全なタッチ スクリーン サポートを提供します。

Ignite for Reactチャートのダッシュボード

React チャートでさまざまな業務要件に対応

React チャートはただ速いだけではいけません。ユーザーが必要とし、アプリのエクスペリエンスを比類のないものにする機能が含まれている必要があります。Ignite UI for React チャート コンポーネントは、好みの方法でデータを視覚化するために、棒チャート、折れ線チャート、円チャート、株価チャートなど、60 以上のチャート タイプを提供します。インタラクティブ性、カスタマイズ可能なレイヤー、価格オーバーレイ、トレンドライン、出来高インジケーター、値オーバーレイなどの統合サポートを備えています。

React チャート サンプル

点火UI宇宙人

React UI コンポーネント一覧

全てのサンプルを見る

アプリケーション サンプル

サンプル アプリケーションとReactサンプルを使用して、次の素晴らしいプロジェクトを開始しましょう。デザイナーと開発者のブロックを経験する必要はありません。当社のエンドツーエンドのデモ アプリケーションの目標は、現実の問題を解決するためのベスト プラクティスと有用なアプローチを学習することで、開発プロセスを簡素化できるようにすることです。

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

React Live-Data Grid アプリ

React Live-Data Grid アプリは Data Grid のパフォーマンスを活かして数千もの金融データをバインディングしたり、3列 (Category, Type, Contact) でデータをグルーピングしたり、数ミリ秒ごとにリアルタイムに複数行のデータをアップデートします。

詳細はこちら

React Stock Chart アプリ

React Stock Chart アプリは、Financial Chart コンポーネントを FDC3 Data Adapter と併用して OpenFin FDC3 サービス経由で ViewChart インテントメッセージの送信を扱うデモンストレーションです。

詳細はこちら

リソース

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

  • Ignite UI for React を使用した作業の開始 Ignite UI for React を含むすべての React アプリケーションを実行するためにシステムでセットアップする必要のあるステップが 2 つあります。詳細はこちら
  • Ignite UI CLI for React CLI ツールは、Ignite UI for React ツールセット用にあらかじめ設定されたプロジェクトテンプレートを提供し、次のプロジェクトを記録的な速さで軌道に乗せることをサポートします。詳細はこちら
  • UI ツール標準化によるメリット 標準的なUIツールキットを活用することで、プロジェクトの開発・テスト時間を 33% 短縮することができます。このホワイトペーパーでは組織がどのように市場投入までの時間と開発コストを削減できるかを学ぶことができます。詳細はこちら
  • Ignite UI CLI
  • React用Ignite UI CLI
  • Ignite UIツールキットの標準化

ヘルプとサンプル

ミッションクリティカルなアプリを作成する際に、Reactコンポーネントのサンプルを確認したり、ライブ プレイグラウンドでハンズオンを試したりする必要がありますか? React Shape Charts 用のIgnite UIコンポーネントを使用して、さまざまな形状を使用してブループリント、プロット ダイアグラム、領域の強調表示などを開発する方法を知りたいですか?次のReactプロジェクトを始めるために必要なものはすべてここにあります。

製品価格

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

Good Value

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

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

Great Value

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

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

Ignite Rocket

最新情報

よくあるご質問 (FAQ)

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

What is Ignite UI for React?

Ignite UI for React はデータ リッチでレスポンシブな Web アプリケーションを構築するための React コンポーネント ライブラリです。データ チャート、グラフ、データ グリッド、テーブル、その他のUIコンポーネントを 60 種類以上収録しています。

What is Ignite UI CLI for React?

Ignite UI CLI は、多数のフレームワーク用のアプリケーションの構築および足場構築に役立つスタンドアロン コマンド ライン ツールを表します。 CLI ツールは、Ignite UI for Reactツールセット用に事前構成されたプロジェクト用のさまざまなテンプレートを提供します。独自のテンプレートを CLI に追加して、プロジェクトへのコンポーネントの追加を加速することもできます。

What are React components?

Reactコンポーネントは、HTML、JavaScript、CSS で表されるユーザー インターフェイスの一部を含むテンプレートを返す再利用可能な関数を含むクラスです。Reactコンポーネントの例には、データ チャートやデータ グリッドなどの複雑な UI コントロール、または HTML 要素を含む DIV などの単純な要素が含まれます。

How to organize React components?

Reactコンポーネントをどこに配置するか、またはコンポーネントをどのように編成するかについて、特定の要件や方法がありません。これはプロジェクトに取り組む開発者次第です。以下にいくつかのアプローチを示します。
  • コンポーネントをタイプ別に整理する - 同様の要素が同じ場所に体系化されます。 React コンポーネントはコンポーネント フォルダーに存在します。スタイル、スタイル フォルダー内など。
  • 類似性によるコンポーネントの整理 - このタイプのReactコンポーネントの整理では、コンポーネントに必要なものすべてが可能な限りコンポーネントの近くに残ることが保証されます。
  • 機能領域ごとにコンポーネントを整理する – 「顧客」など、アプリの機能ごとにコンポーネントを配置すると、顧客の画面/機能に関連するすべての顧客コンポーネントが含まれます。

How to test React components?

Reactコンポーネントのテストを実行できる方法は、次の 2 つの一般的なカテゴリに分類されます。

  • レンダリング コンポーネント ツリー –Reactコンポーネントの階層ツリーがユーザー インターフェイスを記述し、ユーザーがブラウザーで表示および操作するアプリケーションのあらゆる側面をカプセル化します。
  • 完全なアプリの実行 – これは現実的なブラウザ環境で行われます。このプロセスは「エンドツーエンド」テストと呼ばれます。

What is the difference between React functional components and class components?

  • Reactの機能コンポーネントは単なる JavaScript 関数です。ここではレンダリング メソッドは使用されません。機能コンポーネントは、プロパティ (props) を引数として受け取り、React要素を返すことによって機能します。
  • クラス コンポーネントは、アプリに機能を追加する関数で構成される単純なクラスを表します。ここに render() メソッドを埋め込む必要があります。

What makes Ignite UI for React different from other UI toolkits?

Ignite UI for React はエンタープライズグレードの完成度の高い UI コンポーネントライブラリです。インフラジスティックスは業界のリーディングカンパニーとして 30 年以上、業務アプリケーションの開発効率化を支援する製品を提供し継続的にアップデートしてきました。また、初めて Web 開発に取り組まれるお客様にも安心してご利用頂けるよう、お客様に寄り添ったサポートサービスをサブスクリプション契約期間中に提供しています。

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

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

How do I get started with Ignite UI for React?

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

Where can I find React component samples and sample applications?

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

インフラジスティックスと接続する

最新のニュースとアップデートを入手するにはフォローしてください

ロケットに点火する