CodeZine(コードジン)

特集ページ一覧

クライアントサイドの開発強化に注目!
~VS2010+ASP.NET 4.0新機能(前編)~

ASP.NET 4.0 Beta入門

  • LINEで送る
  • このエントリーをはてなブックマークに追加
2009/12/22 14:00

ダウンロード FirstASP4.zip (1.0 MB)

目次

ASP.NET AJAX Libraryの登場と強化されたクライアントサイドの技術

 ASP.NET 4.0とVS 2010に限った話ではありませんが、ASP.NETの進化の方向性として重要なポイントとなるクライアントサイド技術について紹介します。なお、本項の内容はASP.NET 3.5/2.0でも利用できるので、作成したアプリケーションのパフォーマンスアップのために利用を検討してみてください。

ASP.NET AJAX Library概要

 全体像の部分でも触れましたが、ASP.NET 3.5 SP1まで使われていたMicrosoft AJAX LibraryはASP.NET AJAX Libraryへと大きくパワーアップしました。ASP.NET AJAX Libraryは次の特徴を持ちます。

  • IE6以降、Chrome 3、Opera 10、Safari 4、Firefox 3/3.5などの最新のWebブラウザとの互換性を持つ
  • ASP.NET AJAX Control Toolkitを内包する
  • jQueryとの親和性が高く、シームレスにAJAX Control Toolkitのコントロールを利用できる

 大きなポイントは1つ。ASP.NET AJAX LibraryはJavaScriptファイルである点です。.NET Frameworkに依存しているわけではないのでWeb Form/Dynamic Data/MVCアプリケーションすべてで利用できるだけでなく、ASP.NET以外のWebアプリケーションにも簡単に利用できます。

魅力的なASP.NET AJAX Libraryですが、現時点では"Beta"である点と、VS 2010には同梱されていない点には留意してください。

Microsoft Ajax Content Delivery Networkの提供

 ASP.NET AJAX Libraryは、CDN(Contents Delivery Network)にも対応しています。マイクロソフトが提供するCDNは、アクセスされた際にユーザーのIPアドレスなどから「最も近い」エッジキャッシュサーバー(コンテンツ配信を行うキャッシュサーバー)を選び、リクエストされたスクリプトファイルをクライアントへ返します。

 最適化されたネットワークでWebコンテンツを配信できるCDNを使用することで、Webアプリケーションのパフォーマンスの改善が見込めます。正式名称はMicrosoft Ajax Content Delivery Network(Microsoft Ajax CDN)です。

 Microsoft Ajax CDNでは、ASP.NET AJAX Libararyの全ファイルの他にjQuery/jQuery Validateといったファイルも提供しています。CDNを利用する際には、ASP.NET AJAX Libraryを別途入手する必要はありません。

Microsoft Ajax CDNでホストされているライブラリ(2009年12月現時点)とURLの例
ライブラリ URL例
ASP.NET Ajax Library 0911(Beta) http://ajax.microsoft.com/ajax/beta/0911/start.js
ASP.NET Ajax Library 0910(Preview6) http://ajax.microsoft.com/ajax/beta/0910/start.js
ASP.NET Ajax Library 0909(Preview5) http://ajax.microsoft.com/ajax/beta/0909/MicrosoftAjax.js
Microsoft Ajax Library(3.5) http://ajax.microsoft.com/ajax/3.5/MicrosoftAjax.js
jQuery 1.3.2 http://ajax.microsoft.com/ajax/jQuery/jquery-1.3.2.js
jQuery Validation 1.5.5 http://ajax.microsoft.com/ajax/mvc/1.0/MicrosoftMvcAjax.js

 各スクリプトファイルの詳細なURLはASP.NET公式ページに記載されていますので、「Microsoft Ajax Content Delivery Network」を参照ください。

 なお、各スクリプトファイルは、ajax.microsoft.comドメインでホストされています。実際の記述例は次のとおりです。

CDNを活用するためのスクリプトタグの設定
<script src="http://ajax.microsoft.com/ajax/beta/0911/Start.js"
        type="text/javascript"></script>
<script src="http://ajax.microsoft.com/ajax/beta/0911/Start.debug.js"
        type="text/javascript"></script>

 肝心のCDNの利用制限ですが、現時点では何もありません。どのような用途であっても無料で利用できますので、ASP.NET開発を行う際は積極的に利用しましょう。

ScriptManagerでもCDN!

 ASP.NET AJAXのキーとなるScriptManagerコントロールは実行時にMicrosoft AJAX Libraryのスクリプトファイルを生成していました。ASP.NET 4.0からはCDNのリソースを活用するためにEnableCdnプロパティが追加されています。

 このプロパティをtrueに設定することで、CDNから取得します。

ScriptManagerの設定
<asp:ScriptManager id="ScriptManager1" runat="server" EnableCdn="true" />

jQueryの統合

 マイクロソフトと聞くと、いまだにネガティブな印象をお持ちの方がいるかと思いますが、jQueryというオープンなライブラリを敵対視して排除せず、相互運用性を重視して共存を目指し、実際にjQueryの統合が行われました。マイクロソフトがオープンソースのライブラリを正式に統合し、プロジェクトテンプレートとして組み込まれたのは今回が初めてです(最初に採用されたのはASP.NET MVC)。これからASP.NET開発者はjQueryに関する学習も継続的に行っていくことになるでしょう。


  • LINEで送る
  • このエントリーをはてなブックマークに追加

バックナンバー

連載:ASP.NET 4 Beta入門

著者プロフィール

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

    静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for ASP/ASP.NET。執筆コミュニティ「WINGSプロジェクト」代表。 主な著書に「入門シリーズ(サーバサイドAjax/XM...

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

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

あなたにオススメ

All contents copyright © 2005-2022 Shoeisha Co., Ltd. All rights reserved. ver.1.5