![]() |
連載:〜ScottGu氏のブログより〜jQueryとMicrosoftScott Guthrie 著/Chica 訳2008/10/03 |
|
|
|
jQueryは軽量なオープンソースのJavaScriptライブラリ(サイズ的にはたったの15KBytes)で、比較的短い期間で非常に人気の出たWeb上のライブラリの1つです。
jQueryの大きな魅力は、手際よく(そして効率的に)できる限り少ないコードでHTML要素を検索し操作できるところです。jQueryでは開発者は便利な“セレクタ”APIを通じてHTML要素を検索することができ、“コマンド”をそれらに適用することができます。jQueryコマンドの特性の1つは、お互いを“連鎖”させることが可能であるため、一方のコマンドの結果をもう一方へ送ることができることです。jQueryにはコマンドとして使用できるビルトインのアニメーション用APIも一式含まれています。その組み合わせにより、ほんの少しのキー入力で非常にクールなことができるのです。
例えば以下のJavaScriptは、jQueryを使用して“product”というCSSクラスのあるページ内で<div>要素を検索し、アニメーションさせながらそれらを消していきます。
| 図1 |
また別の例として、以下のJavaScriptでは、jQueryを使用してページ上の“datagrid1”というIDの特定の<table>を検索し、そのDataGrid内の<tr>行を1つおきに取得し、それらの<tr>要素に“even”というCSSクラスを設定します。これは、1行おきの背景色の変更などに使用することができます(図2)。
| 図2 |
[注意:これらの2つサンプルは、jQuery in Actionという優れた書籍のコード例から引用したものです。]
上記のような選択やアニメーション操作の機能は、多くの開発者がASP.NET AJAXに追加してほしいと望んでいたもので、またそのサポートは、数カ月前に公開したASP.NET AJAX ロードマップに挙げられていた機能の1つでした。しかしチームがその構築の際に調査を開始してすぐ、jQueryがすでにこういったシナリオを非常にうまくサポートしており、そしてその周りにはすでに非常に大きなエコシステムとコミュニティが構築されていることに気付きました。jQueryライブラリはまた、ASP.NET AJAXやASP.NET AJAX Control Toolkitを使ったページ上でもうまく動作します。
機能を重複させるよりは、jQueryをそのまま使って、それをVS(Visual Studio)/ASP.NETに標準サポートのライブラリとして追加し、それを利用する新しい機能の構築に全力を尽くした方がよいのではないかと考えました。私たちはjQueryのチームに、この件に興味があるかどうか確認するためメールを送ると、彼らは面白いアイデアだと思うという返事をすぐにくれました。
jQueryのサポート
本日、MicrosoftがjQueryをVisual Studioと一緒に出荷することになったのをご報告できて、非常にうれしく思っています。jQuery JavaScriptライブラリはそのまま提供し、メインのjQueryブランチからソースを分けたり、変更したりしないつもりです。ファイルは既存のjQuery MITライセンスの下で継続して使用および出荷されます。
また、IntelliSense(インテリセンス)による注釈付きバージョンも提供する予定で、デザイン時には、便利なVisual StudioのIntelliSenseや統合されたヘルプ機能が使えます。例えば次のようになります(図3)。
![]() |
| 図3 |
そして、連鎖コマンド(chained command)の部分では、次のようになります(図4)。
![]() |
| 図4 |
jQueryのIntelliSenseサポートは、数週間でWebから無料ダウンロードが可能になります(VS 2008 SP1およびVisual Web Developer 2008 Express SP1の両方で動作します)。新しいASP.NET MVCのダウンロードでも提供し、デフォルトですべての新規プロジェクトにjQueryライブラリを追加する予定です。
また今年の終わりごろから、Microsoft製品のサポートをjQueryまで拡張する予定ですので、開発者や企業の方々は、毎日24時間、MicrosoftのPSSにてjQueryについての問い合わせやサポート・ケースのオープンが可能になります。
今後、ASP.NET AJAX Control Toolkitでより高いレベルのコントロールを実装するため、またASP.NET MVCに対して新しいAJAXサーバサイドのヘルパー・メソッドを実装するために使用するライブラリの1つとして、jQueryを使用していきます。ASP.NET AJAXに追加される新機能(例えば、新しいクライアント・テンプレート・サポート)もまた、jQueryとうまく統合できるように設計されています。
テスト、バグ修正、パッチなど、jQueryのオープンソース・プロジェクトへの貢献も企画しています。これらはすべて、標準のjQueryのパッチ・レビュー・プロセスを通じて行われます。
まとめ
今回の件でjQueryチームとパートナーになれたことを非常にうれしく思っています。jQueryは素晴らしいライブラリで、ASP.NET やASP.NET AJAXの開発者に非常に利益のあるものだと考えています。これがVisual StudioおよびASP.NETとうまく動作するようになり、そしてより多くの開発者の方へそれを届けられる日を楽しみにしています。
このアナウンスについての詳細は、jQueryチームのブログにあるJohn Resig氏の投稿をご覧ください。また、Scott Hanselman氏も分かりやすいチュートリアルをブログに書いており、そこにはASP.NET AJAXとjQueryの統合や、ADO.NETデータサービス(以前のコード名は“Astoria”といい、.NET 3.5 SP1で出荷されています)について書かれています。
Hope this helps,
| 「〜ScottGu氏のブログより〜」 |
ホワイトペーパー(TechTargetジャパン)
- .NET TIPS - .NET開発のテクニックとヒント集 - (2010/3/18)
− GridViewコントロールを階層表示させるには?
− Windowsフォームのボタンに画像を表示するには?
− C#でnullチェックを簡潔に行うには? - Chapter15:LINQとクエリ式 (2010/3/17)
C# 3.0の目玉機能であるLINQについて、さまざまな記述例を交えながら徹底解説。書籍『[完全版]究極のC#プログラミング』より転載 - VBラムダ式 基礎文法最速マスター (2010/3/16)
今度はVB。ラムダ式の基礎文法を、短い説明と簡単なコードでまとめる。「ラムダ式、どう書くんだっけ?」という場合の簡易リファレンスとして活用できる - ASP.NET MVC 2がリリース (2010/3/15)
ASP.NET MVC 2の正式版(VS 2008のASP.NET 3.5向け、VS 2010には標準で含まれる予定)のリリースについてのお知らせ
|
|
スキルアップ/キャリアアップ(JOB@IT)
スポンサーからのお知らせ
- - PR -
| 「いつかは壊れるサーバ」そんな故障に 迅速で安価に手軽に対応する方法とは? New! |
| 「特権ユーザー」の事件を防げ! 万能権限を持つユーザーの管理方法とは? New! |
| 仮想環境の構築とデータ保護の特効薬?! 実績と信頼性の高いパッケージで安心運用 |
| 仮想環境のバックアップもこれまでどおり 「まるごと取ってまるごと戻す」簡単運用 |
| おばかアプリ選手権、第4弾開催中!! ムダにカッコよくてくだらない作品求ム! |
| 社内ファイルサーバを“クラウド”に統合 VPN直結「クラウド型ストレージ」を紹介 |
| その数、なんと400台以上! グループ内 サーバの「統合管理」によるメリットは? |
| 美人!? まあまあ? 気になる いやし系!! PV急増で「美人時計」がとった手段とは? |
| 進化を続ける富士通ストレージETERNUS DX 製品開発者の自信を裏付けるものとは何か |
| 運用管理の課題を“2つの観点”から分析 ユーザー満足度の高い「仮想環境」とは? |
- - PR -
お勧め求人情報

**先週の人気講座ランキング**
〜CCNA編〜
| ◆ | TomcatやJBossなどAPサーバ環境に関する 情報を集約! “業務”用APサーバ大百科 New! |
| ◆ | 一気に解説! 最新のクラスタストレージ 「RAIDを超えたストレージ基準」……など New! |
| ◆ | クラウド的ユーザー体験の変化は脅威か? 仮想化技術を使いこなす運用管理術を紹介 New! |

| ◆ | 上司や部下、部署内メンバーとの情報共有 を“ガラッ”と変えるコラボツールとは? New! |
| ◆ | おばかアプリ選手権、第4弾開催中!! ムダにカッコよくてくだらない作品求ム! |
| ◆ | 社内ファイルサーバを“クラウド”に統合 VPN直結「クラウド型ストレージ」を紹介 |

| ◆ | Twitterのアカウントはなぜ突破された? メールによる新手の攻撃手法とその対策 |
| ◆ | もう仮想化のお試しフェイズは終わりだ! Hyper-V 2.0が基幹システムも仮想化 |
| ◆ | 美人!? まあまあ? 気になる いやし系!! PV急増で「美人時計」がとった手段とは? |

| ◆ | クライアント企業から求められる人材 ⇒IT技術と経営戦略を併せ持つ「戦略家」 |
| ◆ | .NET編集長が実践する「技術情報検索術」 サンプル・コードを簡単に探す“技”は? |
| ◆ | 業務効率と情報セキュリティ対策を両立! 手間なく確実に機密情報を守る方法とは? |

| ◆ | 進化を続ける富士通ストレージETERNUS DX 製品開発者の自信を裏付けるものとは何か |
| ◆ | 運用管理の課題を“2つの観点”から分析 ユーザー満足度の高い「仮想環境」とは? |

| ◆ | 【CTC事例】約30の基幹システムを統合! 膨大なバッジジョブを制御した方法は? |
| ◆ | 仮想化すればコストは削減できるか? 仮想化に必要な「3つの視点」を解説する |
| ◆ | その数、なんと400台以上! グループ内 サーバの「統合管理」によるメリットは? |









