Web コンポーネントを使用して最新のアプリを構築
当社のWeb Componentsフレームワークには、市場で最速のデータグリッド、高性能の階層グリッドとピボットグリッド、60+のデータチャートが含まれています。さらに、マップ、ゲージ、その他の再利用可能な機能豊富なコンポーネントにより、より優れたWebアプリと最新のUXエクスペリエンスを作成できます。
![Ignite UI Blazor Ignite UI for Blazorコンポーネントを使用して構築された、売上データの視覚化を示すデータグリッド。](https://static.infragistics.com/marketing/Website/products/ignite-ui-blazor/ignite-ui-blazor-business-propeller-grid-sample-app-1156.jpg)
![Web Componentsロゴ](https://static.infragistics.com/marketing/Website/products/placeholder1x1.png)
高機能で軽量な Web Components データ グリッドとデータ テーブル
Ignite UI for Web Components データ グリッドとデータ テーブルは、さまざまなデバイスで大量データを高速に扱えるよう開発された軽量なグリッドです。Web Components グリッドはパワフルなデータ可視化機能を備え、どんなデバイスでも優れたパフォーマンスを発揮します。インタラクティブな機能で 高速レンダリング、無敵のインタラクション。そして自身では実現できないほど少ないコードで、最高のユーザーエクスペリエンスを実現します。
世界中のお客様にご愛顧頂いております
![タイラーのロゴ](https://static.infragistics.com/marketing/Website/products/ignite-ui-landing/tyler_logo.png?v=201807190600)
Excel におけるIgnite UIの強みはまさに一流です。LOB アプリに対応した機能と高品質のテクニカル サポートが開発に役立ちました。
![東洋ビジネスエンジニアリング](https://static.infragistics.com/marketing/Website/products/ignite-ui-landing/b-en-g-logo.png)
東洋ビジネスエンジニアリング
最先端の技術機能を顧客に提供し続けるために、B-EN-G は、モノのインターネット (IOT) を構成する新しい範囲のデバイスへの接続を希望する顧客のニーズを満たすことに取り組みました。続きを読む
リアルタイム データや大量データも扱える Web Components チャート
何百万ものデータ ポイントをリアルタイムで表示する表現力豊かな Web Components ダッシュボードを構築し、深い分析をすぐに適用できます。60 種類の Web Components リアルタイムチャートやグラフから選択でき、カスタマイズ オプションを利用して、アノテーション、アニメーション、オーバーレイ、トレンドライン、ズーム スライダーなど、すべてのチャート機能をコントロールできます。プロジェクトに最適なチャートを知るには、まずデータを知ることが大切です。Ignite UI for Web Components は、株価チャート、円チャート、折れ線チャートなど、高性能なデータ主導型ビジュアライゼーションとグラフィック表現の要求に答えることができます。
Web Components チャートでさまざまな業務要件に対応
チャートはただ速いだけではいけません。それらはすべてを包括するものでなければなりません。棒、折れ線、縦棒、円、エリア、積層型シリーズなど、一般的なカテゴリ チャートの種類をすべて使用して、好みの方法でデータを視覚化できます。また、財務や金融業務で使われることの多いファイナンシャル チャートでは、Google ファイナンスや Yahoo ファイナンスで使われているチャート同等の機能を提供しています。
Web Components 人気のコンポーネント
使いやすさと高パフォーマンス性能を兼ね備えた業務アプリケーションの構築を支援するコントロールをご紹介します。
![点火UI宇宙人](https://static.infragistics.com/marketing/Website/products/placeholder1x1.png)
Web Components UI コンポーネント一覧
Web Components サンプル アプリケーション
サンプル アプリケーションを使用して、次のWeb Componentsプロジェクトを開始します。サンプル アプリケーションは、Web Componentsコントロールのライブラリを使用して専門的に設計および開発され、データ豊富なアプリの作成に役立つ UI とデザインを提供します。
![CRM App CRM アプリ](https://static.infragistics.com/marketing/Website/products/app-builder/sample-applications/app-builder-crm-768.jpg?v=202105271600)
CRM アプリ
HubSpot からインスピレーションを得た、顧客の詳細を管理するためのマスター詳細スタイルのアプリ。概要ダッシュボードと顧客の詳細を複数のタブで表示する応答性の高いビューが含まれています。
詳細はこちら![Inventory Management App 在庫管理アプリ](https://static.infragistics.com/marketing/Website/products/app-builder/sample-applications/app-builder-inventory-management-768.jpg?v=20230622)
Inventory Management アプリ
在庫レベルを管理し、在庫製品を確認するためのレポート ダッシュボード。ルーティングおよびカテゴリ グラフにカスタム サイド ナビゲーションを使用してパフォーマンスをレポートします。
詳細はこちら![Learning Portal App Learning Portal アプリ](https://static.infragistics.com/marketing/Website/products/app-builder/sample-applications/app-builder-learning-portal-768.jpg?v=20230622)
Learning Portal アプリ
トラベル アプリを使用して、最も美しい目的地のいくつかを探索しましょう。トラベル アプリでは、カード レイアウトと画像ギャラリーを使用してエキゾチックな場所を整理して表示できます。
詳細はこちらリソース
これらの役立つリソースを活用して、Web Componentsを使用してより優れたアプリをより迅速に構築する方法を学習してください。
Web Components ヘルプとサンプル
インスピレーションが必要ですか、あるいは何を構築できるのかを簡単に確認したいですか? Web Componentsサンプル、ハウツー ビデオ、ブログ、サポートが豊富に用意されており、途中で役立ちます。次のWeb Componentsプロジェクトを開始するために必要なものはこれですべてです。
製品価格
Ignite UI for Web Componentsは以下のバンドル製品に含まれています。ご要件に合わせて3つの製品プランからお選びください。(製品比較表はこちら)
Webアプリケーション開発を高速化するUIコントロールライブラリ、ドラッグアンドドロップでコードを生成できるローコードデザインツールを提供します。
1開発者あたりの年間サブスクリプション価格
複数年割引
Web・デスクトップ・モバイルアプリケーション開発を効率化する、ソフトウェア開発チームのためのオールインワンUI/UX開発ツールキットです。
1開発者あたりの年間サブスクリプション価格
![Ignite Rocket](https://static.infragistics.com/marketing/Website/products/placeholder1x1.png)
会話に参加しましょう!
よくあるご質問 (FAQ)
Ignite UI for Web Componentsに関する質問と回答
What are Web Components?
Web Componentsは、依存関係のない純粋な HTML/JavaScript であり、ネイティブHTML要素と見なされるWeb標準準拠のコンポーネントです。Web コンポーネントは、一緒に使用される3つのテクノロジーで構成されています。
カスタム要素: これらは HTML 要素であり、一連の JavaScript API で作成されています。これにより、動作とその使用方法を定義し、フレームワークやブラウザー間で渡すことができます。
Shadow DOM: カプセル化された「シャドウ」DOM ツリーを要素にアタッチするための JavaScript API のセットで、ユーザーが DOM フラグメントを相互に分離できるようにします。
HTML テンプレート: これらの要素は、レンダリングされたページに表示されない HTML のユーザー定義テンプレートです。
What is Ignite UI for Web Components?
Ignite UI for Web Components は、カプセル化と依存関係のないアプローチでの再利用可能なコンポーネントの概念を使用した、最新の Web アプリケーション用コンポーネントの完全なライブラリです。 データグリッドやテーブル、60 種類以上のデータチャートやグラフ、UI コンポーネントを収録しています。
What makes Ignite UI for Web Components different from other UI toolkits?
Ignite UI for Web Components はエンタープライズグレードの完成度の高いUIコンポーネントライブラリです。専門的に設計および開発された Ignite UI for Web Components は、依存関係のないアプローチで再利用可能なコンポーネントを使用してモダンな Web アプリケーションを構築するために必要なすべてを提供します。インフラジスティックスは業界のリーディングカンパニーとして 30 年以上、業務アプリケーションの開発効率化を支援する製品を提供し継続的にアップデートしてきました。初めて Web 開発に取り組まれるお客様にも安心してご利用頂けるよう、お客様に寄り添ったサポートサービスをサブスクリプション契約期間中に提供しています。
How does the pricing and licensing for Ignite UI for Web Components work?
Ignite UI for Web Components のご利用には Ignite UI、Infragistics Ultimate、Infragistics Professional のいずれかのライセンスが必要です。ライセンスはサブスクリプション方式で販売しております。1 開発者様につき1ライセンス必要です(インストール端末台数に制限はありません)。各ライセンス価格の詳細につきましては製品価格ページをご確認してください。
How do I get started with Ignite UI for Web Components?
作業の開始ページに詳細な手順を記載しておりますので、こちらをご参照ください。
Where can I find Web Components samples and sample applications?
Why use Web Components?
Web Components は製品化されていますが、進化し続けているので、現在も今後も多くのメリットを提供することができます。<html-element> のカプセル化機能と再利用性を提供します。このモジュール性により、個々の要素をあらゆるプロジェクトのあらゆる場所で使用することが容易になります。カスタム要素からスロットまで、Web Components のすべてのパーツはブラウザ上でシームレスに動作します。カスタムの組み込み要素は、ネイティブの HTML 要素を拡張することも可能です。Web Components はプラットフォーム非依存も実現します。
When to use Web Compolents?
Web Components は、異なる技術スタックを持つ複数のプロジェクトに携わる場合、異なるアプリ間でコンポーネントを使用または共有する予定がある場合、および反復作業を排除したい場合に理想的なソリューションです。また、コーディング経験の少ない開発者にも最適で有用です。
How to use Web Components?
新しいコンポーネントを簡単に作成し、そのスタイルと機能を定義し、任意の JavaScript フレームワークやライブラリで使用することができます。Ignite UI for Web Components を使い始めるには、NodeJS と Visual Studio Code の両方をあなたのマシンにインストールする必要があります。
インフラジスティックスと接続する
最新のニュースとアップデートを入手するにはフォローしてください