バージョン

Ignite UI for jQuery の概要

jQuery ライブラリ

jQuery JavaScript ライブラリは、Web に公開されている JavaScript ライブラリの中で最も広く使用されているものの 1 つです。jQuery のブラウザー抽象化レイヤーと組み込み DOM 選択エンジンの組み合わせにより、このライブラリは、UI コンポーネントとコントロールを構築するための優れたプラットフォームとなります。jQuery コアの上に構築されている jQuery UI ライブラリは、対話性と応答性に優れた Web ユーザー インターフェイスをデザインするためのウィジェットと相互作用を提供します。

jQuery を使用する利点は次のとおりです。

  • ブラウザー非依存性のサポート
  • プラグインによる拡張性
  • CSS 操作
  • ユーティリティ関数
  • AJAX
  • 効果とアニメーション
  • jQuery UI と共通のスタイリング フレームワーク
  • 高速なユーザー インターフェイスのパフォーマンス
  • 豊富な機能を持つ UI ウィジェット
  • HTML 5 サポートとフォールバック

jQuery、jQuery UI、および HTML5 のクライアント側開発

すべての主要ブラウザー ベンダーは、過去数年間、JavaScript のパフォーマンスを大きく向上させました。このパフォーマンスの向上と HTML 5 規格の登場により、Web アプリケーションは、現在のコンピューティング環境における最も重要な技術の 1 つになりました。Ignite UI for jQuery は、現在の Web アプリケーションの要求を満たすために、次のような軽量、十分な機能を持って、タッチ操作をサポートする UI コンポーネントを備えています。

  • チャート
  • ゲージ
  • Motion Framework
  • コンボ ボックス
  • JavaScript および CSS リソースのローダー
  • レイアウト マネージャー
  • 選択、並べ替え、フィルタリング、ページング、更新、グループ化、列の非表示、列のサイズ変更、行セレクター、ツールチップ、列集計、エディター、仮想化、複数列ヘッダー、REST サポート、列移動などの機能を提供するグリッドおよび階層グリッド
  • ピボット グリッド
  • QR バーコード
  • テキスト エディター
  • マスク エディター
  • 日付エディター
  • 数値エディター
  • パーセント エディター
  • 通貨エディター
  • 日付ピッカー
  • ダイアログ
  • スプリッター
  • テンプレート エンジン
  • ドラッグ アンド ドロップ機能を持つツリー
  • タイル マネージャー
  • ファイル アップロード
  • HTML 5 ビデオ プレーヤー
  • HTML エディター
  • 評価

jQuery モバイルのモバイル クライアント側開発

jQuery モバイル フレームワークは、人気のあるモバイル デバイス プラットフォームの jQuery および jQuery UI に基づいて実装される HTML5 ベースのユーザー インターフェイス システムです。コード ベースは機能拡張をサポートし、カスタマイズ可能で、テーマを適用できます。モバイル デバイスは、ネットワーク上で web アプリケーションにアクセスする人気のある方法になります。デスクトップ ブラウザー同様に、モバイル ブラウザーも HTML5、CSS3、JavaScript の規格に準拠します。Ignite UI for jQuery は、モバイル Web アプリケーションの要件を満たすために、次のような軽量で高機能なタッチ操作をサポートする UI コンポーネントを備えています。

  • リスト ビュー
  • レーティングの null 値サポートおよびホバー機能

また、Ignite UI for jQuery™ は Ignite UI for MVC のセットを含みます。Razor および ASPX 構文を使用して規格の jQuery モバイル ウィジェットを ASP.NET ビューに追加できます。ASP.NET MVC プロジェクトの開発を向上します。Ignite UI for MVC は以下のコントロールをサポートします。

  • ボタン
  • チェックボックス
  • チェックボックス グループ
  • リンク
  • リスト ビュー
  • ナビゲーション バー
  • ページ
  • ページ コンテンツ
  • ページ フッター
  • ページ コンテンツ
  • ポップアップ
  • ラジオ ボタン グループ
  • 選択メニュー
  • スライダー
  • テキスト ボックス
  • トグル スイッチ

サーバー側オプション

Ignite UI for jQuery の機能の多くは、特定のサーバー フレームワークに依存せずにブラウザーで使用可能です。Microsoft® ASP.NET Web Forms、Microsoft® ASP.NET™ MVC、PHP、Java、Python、Ruby on Rails® のどれを使用していても、ニーズに最適なサーバー側技術を自由に選択できます。

注: igUpload コントロールは、クライアント上の jQuery でビルドされますが、その機能を十分に実現するためにサーバー側の対応する機能に依存します。ASP.NET MVC ヘルパーが含まれています。

製品アーキテクチャ

jQuery UI ウィジェット

Ignite UI for jQuery のユーザー インターフェイス コンポーネントは、jQuery UI フレームワークを基盤にビルドされています。これは、それらがブラウザーで作成および実行され、多くの場合、サーバー側の開発が不要であることを意味します。jQuery UI フレームワークは、共通の API、テーマ設定、および相互作用モデルをコントロールに提供します。これは、jQuery と jQuery UI をすでに使用している人たちにはおなじみのものです。

クライアント側データ ソース

データ ソース コンポーネント igDataSource はクライアント側の JavaScript クラスであり、クライアントにローカルであるか Web サーバーからリモートであるかには関係なく、データのコレクションをデータ バインド、ページング、並べ替え、およびフィルタリングすることでデータを操作します。リモート データの形式としては、REST、JSON、XML、JSONP、および oData などをサポートしています。データ駆動型の Web アプリケーションを構築する際にサーバー側データ バインドは必要ありません。AJAX によるクライアントとサーバー間のシームレスな通信のサポートによってクライアントでのデータ バインド操作を使用できます。

Ignite UI for MVC

Ignite UI for MVC には、ASP.NET MVC 用の .NET™ アセンブリが含まれています。このアセンブリは、サーバー上で jQuery ウィジェットと相互作用するための機能を .NET デベロッパーに提供します。CLR 言語を使用するデベロッパーは、サーバー上の Ignite UI for jQuery ウィジェットにオプションを設定し、適切な jQuery および HTML をクライアントに送信できます。

Ignite UI for MVC を使用すると、異なるサーバー側 ViewModel パターンを柔軟に実装できます。また、ヘルパー API は、Web Form と Razor View Engine テンプレートの両方で使用できる豊富な構文もサポートしています。

ASP.NET MVC テンプレート

Ignite UI for MVC は ASP.NET MVC 3 および 4 の Visual Studio プロジェクト テンプレートを含みます。このテンプレートは、Infragistics コントロールを含む Web アプリケーションを実行するすべての必要なリソースを含むスターター Web アプリケーションを提供します。

Infragistics テーマと ThemeRoller

Ignite UI for jQuery ウィジェットは、他の jQuery ウィジェットのように、スタイリングに jQuery UI CSS Framework を使用します。Ignite UI for jQuery には、infragistics および metro などのカスタム jQuery UI テーマが含まれています。

infragistics テーマは、すべての Infragistics ウィジェットおよび標準の jQuery UI ウィジェットにプロフェッショナルで魅力的なデザインを提供します。metro テーマは、Ignite UI for jQuery コントロールに Microsoft® Windows® のようなネイティブな Metro UI ルック アンド フィールを適用します。

モバイル コントロールに Android、iOS、Windows Phone のモバイル デバイス プラットフォームのネイティブ スタイル設定を提供するために、Ignite UI for jQuery ライブラリに 6 つのテーマを含みます。Android には、3 つのカラー セットがあります: holodark, hololight, hololightdark。Windows Phone テーマは、2 種類の外観があります: dark および lightios テーマは iOS プラットフォームに実行するデバイスのためにネイティブ ルック アンド フィールを提供します。

ThemeRoller は jQuery UI および jQuery モバイルが提供するツールで、これを使用すると、jQuery UI および jQuery モバイル ウィジェットと互換性のあるカスタム テーマを簡単に作成できるようになります。多数のビルド済みテーマは、ダウンロードしてご自分の Web サイトに使用できます。Infragistics jQuery ウィジェットでは、ThemeRoller テーマをサポートしています。

サンプルとインストール

Ignite UI CLI

Ignite UI for jQuery を使用した作業を開始する最も簡単な方法は Ignite UI CLI です。さまざまなフレームワークでアプリケーションを初期化、開発、スキャフォールディング、および処理するツールです。CLI は Ignite UI for jQuery コントロールの定義済みテンプレートを提供します。

同じコマンドを使用して jQueryAngular、または React でプロジェクトを作成して Ignite UI for jQuery コントロールを追加できます。

アプリケーションの作成で、Ignite UI for jQuery はプロジェクトに npm モジュールとして自動的にインストールされます。必須なリソースを手動的にインストールして管理する必要がありません。複数の簡易なコマンドを実行して、CLI が処理を行います。

Microsoft Windows

Infragistics Web サイトから Windows 用の自動化されたインストーラーをダウンロードできます。このインストーラーは以下の項目をインストールします。

  • JavaScript リソース
  • テーマと CSS
  • ASP.NET MVC サンプル ブラウザー
  • ASP.NET MVC ヘルパー アセンブリ
  • ASP.NET MVC テンプレート
  • 「はじめに」デモ
  • HTML デモ
  • ヘルプ ドキュメント

その他のオペレーティング システム

Infragistics Web サイトからパッケージをダウンロードできます。このパッケージには、以下の項目が含まれています。

  • JavaScript リソース
  • テーマと CSS
  • 「はじめに」デモ
  • HTML デモ
  • ヘルプ ドキュメント

注: トライアル ダウンロード パッケージは、縮小版の JavaScript および CSS ファイルのみを含んでいます。

外部参照

関連項目

オンラインで表示: GitHub