SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

Infragistics NetAdvantageチュートリアル(AD)

jQueryを利用した軽量・高機能なクライアントサイド実装!

  • X ポスト
  • このエントリーをはてなブックマークに追加

 本記事では、NetAdvantage for jQueryを利用した高機能で軽量なクライアントサイド実装について解説します。データアクセステクノロジから、高機能なグリッドについて紹介します。

  • X ポスト
  • このエントリーをはてなブックマークに追加

はじめに

 Webアプリケーション開発において、クライアントサイド開発はますます重要な位置を占めるようになっています。クライアントサイド開発ではjQueryとそのプラグインが使われることも増えてきました。そのほとんどが簡単に利用できますが、オープンソースプロダクトのため、以下の課題が残り続けます。

  • 動作保証がされない部分がある
  • 公式のドキュメントは(大部分が)英語
  • 基本的ににサポートはない(バグを報告しても、フィックスされるのが次のバージョンアップ時など)

 Infragistics社が提供しているNetAdvantage for jQueryはjQueryとjQuery UIの上で動作する高機能なコンポーネントセットですが、高機能なコンポーネントの提供以外に、プラスアルファとして上記の課題を払拭できます。

  • 動作保証がされている
  • ドキュメントは日本語化されている
  • 責任あるサポート(バグ報告時にフィックスされる事もある)

 この差は有償のコンポーネントだからこそ実現できている部分です。業務アプリケーションでは開発生産性の高さ以外にも、これらサポートを重視する傾向が強いため、NetAdvantage for jQueryは業務アプリケーションのシナリオに置いて確実にニーズがあるコンポーネント群といえます。

Infragistics社のサポートについて

 Infragistics社は、NetAdvantageをサブスクリプション形式でライセンス販売しています。サブスクリプション契約者は購入時から一年以内にリリースされる新バージョンへのアップグレード権と、製品のソースコードのダウンロード権、更には無制限の技術サポートが得られます。

 なお、ヘルプには既知の問題点やパフォーマンス改善のためのTipsが掲載されています。実際に利用する際にはこちらの情報もチェックしておきましょう。

 本稿では特にクライアントサイドで利用できるデータソースigDataSourceと、高機能なグリッドを簡単に実装できるigGridの機能にフォーカスを当てて解説します。

必要な環境

 次の環境が必要です。

  • Visual Studio 2010(Visual Web Developer 2010でもOK)
  • NetAdvantage for jQuery

 Visual Studio 2010(以下、VS 2010)のインストールは、Visual Studio 2010 Beta 2と変わりありませんので、「Visual Studio 2010 Beta 2を使ってみよう」を参考に行ってください。

 NetAdvantage for jQueryはこちらからサンプルダウンロードできます。インストールはウィザードに従って進めるだけです(トライアル版ではminサイズのファイルしかありません)。

NetAdvantage for jQueryの利用方法

 NetAdvantage for jQueryを使用する場合、jQuery、jQuery UIは必須です。そして、NetAdvantage for jQueryではそれぞれ以下のバージョンでの使用を推奨しています。

  • jQuery 1.4.4
  • jQuery UI 1.8.11以上

 以下の場所にスクリプトファイルは格納されています。

  • 64bit OSの場合:C:\Program Files (x86)\Infragistics\NetAdvantage 2011.1\jQuery\js\combined
  • 32bit OSの場合:C:\Program Files\Infragistics\NetAdvantage 2011.1\jQuery\js\combined

 格納されているスクリプトファイルは以下の通りです。

  • ig.ui.editors.min.js
  • ig.ui.grid.min.js
  • ig.ui.min.js
  • ig.ui.upload.min.js
  • ig.ui.videoplayer.min.js

 利用方法は通常のスクリプトファイルと同様です。

NetAdvantage for jQueryの利用例
<script src="scripts/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="scripts/jquery-ui.min.js" type="text/javascript"></script>
<script src="scripts/ig.ui.min.js" type="text/javascript"></script>

 ファイル名からわかると思いますが、必要に応じて対応するスクリプトファイルを追加することで、各コンポーネントを利用できます。

 CSSファイルは以下の場所に格納されています。

  • 64bit OSの場合:C:\Program Files (x86)\Infragistics\NetAdvantage 2011.1\jQuery\themes
  • 32bit OSの場合:C:\Program Files\Infragistics\NetAdvantage 2011.1\jQuery\themes

 必要に応じてCSSファイルも利用してください。

次のページ
NetAdvantage for jQueryの全体像

この記事は参考になりましたか?

  • X ポスト
  • このエントリーをはてなブックマークに追加
Infragistics NetAdvantageチュートリアル連載記事一覧

もっと読む

この記事の著者

山田 祥寛(ヤマダ ヨシヒロ)

静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for Visual Studio and Development Technologies。執筆コミュニティ「WINGSプロジェクト」代表。主な著書に「独習シリーズ(Java・C#・Python・PHP・Ruby・JSP&サーブレットなど)」「速習シリーズ(ASP.NET Core・Vue.js・React・TypeScript・ECMAScript、Laravelなど)」「改訂3版JavaScript本格入門」「これからはじめるReact実践入門」「はじめてのAndroidアプリ開発 Kotlin編 」他、著書多数

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

WINGSプロジェクト ナオキ(ナオキ)

WINGSプロジェクトについて>有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ(代表 山田祥寛)。主にWeb開発分野の書籍/記事執筆、翻訳、講演等を幅広く手がける。2018年11月時点での登録メンバは55名で、現在も執筆メンバを募集中。興味のある方は、どしどし応募頂きたい。著書記事多数。 RSS X: @WingsPro_info(公式)、@WingsPro_info/wings(メンバーリスト) Facebook

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

【AD】本記事の内容は記事掲載開始時点のものです 企画・制作 株式会社翔泳社

この記事は参考になりましたか?

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/6036 2011/07/12 14:00

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング