Microsoft Ajax Content Delivery Network 資産
[アーティクル] 2023/03/09
14 人の共同作成者
フィードバック
この記事の内容
目次
ajax.microsoft.com から ajax.aspnetcdn.com への名前変更
Visual Studio .vsdoc のサポート
CDN からの ASP.NET Ajax の使用
CDN からの jQuery の使用
CDN からの jQuery UI の使用
CDN 上のサード パーティ ファイル
さらに 3 個を表示
警告
本番アプリケーションは、CDN 資産に対して強い依存関係を持つべきではありません。 アプリケーションでは、参照する CDN 資産をテストし、CDN が使用できない場合はフォールバック資産を使用する必要があります。
Microsoft Ajax CDN には、Azure CDN を使用すること以外の SLA はありません。
この GitHub イシュー を使用して、Microsoft Ajax CDN に関する問題を報告します。
ajax.microsoft.com から ajax.aspnetcdn.com への名前変更
Visual Studio .vsdoc のサポート
CDN からの ASP.NET Ajax の使用
CDN からの jQuery の使用
CDN からの jQuery UI の使用
CDN 上のサード パーティ ファイル
CDN での jQuery リリース
CDN での jQuery Migrate リリース
CDN での jQuery UI リリース
CDN での jQuery Validation リリース
CDN での jQuery Mobile リリース
CDN での jQuery Templates リリース
CDN での jQuery Cycle リリース
CDN での jQuery DataTables リリース
CDN での Modernizr リリース
CDN での JSHint リリース
CDN での Knockout リリース
CDN での Globalize リリース
CDN での Respond リリース
CDN での Bootstrap リリース
CDN での Bootstrap TouchCarousel リリース
CDN での Hammer.js リリース
CDN での ASP.NET Web Forms および Ajax リリース
CDN での ASP.NET MVC リリース
CDN での ASP.NET SignalR リリース
Microsoft Ajax Content Delivery Network (CDN) は、jQuery などの一般的なサード パーティの JavaScript ライブラリをホストしており、それらを Web アプリケーションに簡単に追加できます。 たとえば、ajax.aspnetcdn.com を指す<スクリプト> タグをページに追加するだけで、この CDN でホストされている jQuery の使用を開始できます。
CDN を利用すると、Ajax アプリケーションのパフォーマンスを大幅に向上させることができます。 CDN のコンテンツは、世界中に配置されたサーバーにキャッシュされます。 また、CDN を使用すると、異なるドメインにある Web サイト用に、キャッシュ内のサード パーティ JavaScript ファイルをブラウザーで再利用できます。
Web ページに Secure Sockets Layer を使用する必要がある場合のために、CDN では SSL (HTTPS) がサポートされています。
CDN は、これらのライブラリの所有者によってアップロードされ、ライセンスが付与された次のサード パーティのスクリプト ライブラリをホストします。
Microsoft Ajax CDN には、Microsoft によってアップロードされた次のライブラリも含まれています。
ASP.NET Ajax
ASP.NET MVC JavaScript ファイル
ASP.NET SignalR JavaScript ファイル
Microsoft は、この CDN でホストされているサード パーティ ライブラリの所有権を要求しません。 これらのライブラリのライセンスは、ライブラリの著作権所有者によって付与されます。 そのようなライブラリをダウンロードして使用するために必要な権限は、それぞれの著作権所有者によってのみ付与されます。 これらは Microsoft ライブラリではないため、Microsoft は、この CDN でホストされているサード パーティ ライブラリに対する保証または知的財産権ライセンス (暗黙の特許権を含まない) を提供しません。
JavaScript ライブラリを提出したいと考えており、そのライブラリが上位の JavaScript ライブラリの 1 つである (http://trends.builtwith.com にリストされている) 場合、または (a) 人気のある、あるいは (b) ASP.NETで使用するのに役立つライブラリの拡張機能/プラグインである場合は、AjaxCDNSubmission@Microsoft.com にお問い合わせください。
microsoft.com ドメイン名を使用するために使用される CDN は、aspnetcdn.com ドメイン名を使用するように変更されました。 この変更は、ブラウザーが microsoft.com ドメインを参照する際に要求ごとにネットワーク経由で Cookie が送信されていたため、パフォーマンスを向上させるために行われました。 microsoft.com 以外のドメイン名に名前変更することで、パフォーマンスを最大 25% 向上させることができます。 ajax.microsoft.com は引き続き機能しますが、ajax.aspnetcdn.com をお勧めします。
Visual Studio .vsdoc のサポート
Visual Studio 2008 で .vsdoc ファイルを正しく使用するには、VS 2008 SP1 がインストールされていること、および vsdoc ファイルの修正プログラムがインストールされていることを確認する必要があります。 これらは、次の場所から入手できます。
Visual Studio 2010 では、追加パッチなしで .vsdoc ファイルがサポートされます。
ASP.NET 4 を使用する場合は、ASP.NET フレームワーク スクリプトのすべての要求を CDN にリダイレクトできます。 ローカル Web サーバーではなく CDN からスクリプトを取得することで、パブリック ASP.NET Web サイトのパフォーマンスを大幅に向上させることができます。
ScriptManager EnableCDN プロパティを使用して、すべての ASP.NET フレームワーク スクリプト要求を Microsoft Ajax CDN にリダイレクトします。
<asp:ScriptManager
ID="ScriptManager1"
EnableCdn="true"
Runat="Server" />
CDN でホストされている jQuery スクリプトを Web アプリケーションで使用するには、次のスクリプト要素をページに追加します。
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.js"></script>
CDN には、次の要素を使用して取得できる jQuery スクリプトの縮小バージョンも含まれています。
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script>
CDN が使用できない場合に、ページが独自の Web サイト上のローカル パスから jQuery を読み込むようにフォールバックできるようにするには、CDNを参照する要素の直後に次の要素を追加します。
<script>
// Fallback to loading jQuery from a local path if the CDN is unavailable
(window.jQuery || document.write('<script src="/scripts/jquery-1.9.0.min.js"><\/script>'));
</script>
次のサンプル ページでは、CDN バージョンの jQuery ライブラリ (ローカル コピーへのフォールバックを使用) を使用して、ボタンがクリックされたときに div 要素の内容が表示されます。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery from Microsoft AJAX CDN</title>
</head>
<body>
<button id="btn">Show Message</button>
<div id="message" style="display:none">
<h1>Hello from jQuery!</h1>
</div>
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script>
<script>
// Fallback to loading jQuery from a local path if the CDN is unavailable
(window.jQuery || document.write('<script src="/scripts/jquery-1.9.0.min.js"><\/script>'));
</script>
<script>
function domReady() {
$('#btn').click( showMessage );
}
function showMessage() {
$('#message').fadeIn('slow');
}
$( domReady );
</script>
</body>
</html>
jQuery Web サイトにアクセスして、jQuery の詳細を確認し、jQuery のローカル コピーをダウンロードできます。
CDN では、jQuery UI ライブラリもホストされます。 jQuery UI ライブラリには、ASP.NET アプリケーションで使用できる豊富なウィジェットと効果のセットが含まれています。 たとえば、次のページは、ASP.NET Web Forms アプリケーションのコンテキストで jQuery UI Datepicker を使用してポップアップ カレンダーを表示する方法を示しています。
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="TestjQueryUICDN.WebForm1" %>
<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Using jQuery UI from the CDN</title>
<link rel="Stylesheet" href="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/themes/redmond/jquery-ui.css" />
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="txtStartDate" ClientIDMode="Static" runat="server" />
</div>
</form>
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.8.0.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.22/jquery-ui.js"></script>
<script>
$("#txtStartDate").datepicker();
</script>
</body>
</html>
キーボードを使用して TextBox にフォーカスを移動すると、カレンダーが表示されます。
上記のコードには、CDN から取得した 3 つのファイルを含める必要があることに注意してください。
jQuery ライブラリ — jQuery UI ライブラリは jQuery ライブラリに依存します。 jQuery UI ライブラリを追加する前に、jQuery ライブラリをページに追加する必要があります。
jQuery UI ライブラリ - jQuery UI ライブラリには、上記のページで使用されている Datepicker ウィジェットなど、すべての jQuery UI 効果とウィジェットが含まれています。
jQuery UI テーマ — jQuery UI では、さまざまなテーマがサポートされています。 上記のページには、Redmond テーマをインポートするための CSS ファイルへのリンクが含まれています。
すべての標準の jQuery UI テーマは、CDN でホストされます。 各テーマのサムネイルを表示するには、このページにアクセス してください。
jQuery UI ライブラリの詳細については、公式の jQuery UI Web サイト を参照してください。
CDN では、最も一般的なサード パーティの JavaScript ライブラリの一部がホストされています。 Microsoft は、この CDN でホストされているサード パーティ ライブラリの所有権を要求しません。 これらのライブラリのライセンスは、ライブラリの著作権所有者によって付与されます。 そのようなライブラリをダウンロードして使用するために必要な権限は、それぞれの著作権所有者によってのみ付与されます。 これらは Microsoft ライブラリではないため、Microsoft は、この CDN でホストされているサード パーティ ライブラリに対する保証または知的財産権ライセンス (暗黙の特許権を含まない) を提供しません。
CDN では、次の jQuery のリリースがホストされています。
CDN での jQuery Migrate リリース
CDN では、次の jQuery Migrate のリリースがホストされています。
jQuery Migrate バージョン 3.0.0
jQuery Migrate バージョン 1.2.1
jQuery Migrate バージョン 1.2.0
jQuery Migrate バージョン 1.1.1
jQuery Migrate バージョン 1.1.0
jQuery Migrate バージョン 1.0.0
この CDN では、次の jQuery UI ライブラリのリリースがホストされています。 各リンクをクリックすると、ファイルの実際のリストが表示されます。
CDN での jQuery Validation リリース
この CDN では、次の jQuery Validation プラグインのリリースがホストされています。 各リンクをクリックすると、ファイルの実際のリストが表示されます。
CDN での jQuery Mobile リリース
この CDN では、次の jQuery Mobile ライブラリのリリースがホストされています。 各リンクをクリックすると、ファイルの実際のリストが表示されます。
CDN での jQuery Templates リリース
この CDN では、次の jQuery Templates プラグインのリリースがホストされています。 各リンクをクリックすると、ファイルの実際のリストが表示されます。
この CDN では、次の jQuery Cycle プラグインのリリースがホストされています。 各リンクをクリックすると、ファイルの実際のリストが表示されます。
CDN での jQuery DataTables リリース
この CDN では、次の jQuery DataTables プラグインのリリースがホストされています。 各リンクをクリックすると、ファイルの実際のリストが表示されます。
CDN では、次の Modernizr のリリースがホストされています。
CDN では、次の JSHint のリリースがホストされています。
CDN では、次の Knockout のリリースがホストされています。
CDN では、次の Globalize のリリースがホストされています。
CDN では、次の Respond のリリースがホストされています。
CDN では、次の getbootstrap.com のリリースがホストされています。
CDN での Bootstrap TouchCarousel リリース
CDN では、次の https://github.com/ixisio/bootstrap-touch-carousel Bootstrap TouchCarousel のリリースがホストされています。
Bootstrap TouchCarousel バージョン 0.8.0
CDN では、次の http://hammerjs.github.io/ Hammer.js のリリースがホストされています。
CDN では、次の ASP.NET Ajax ライブラリのリリースがホストされています。 各リンクをクリックすると、ファイルの実際のリストが表示されます。
この CDN では、次の ASP.NET MVC JavaScript ファイルがホストされています。
CDN での ASP.NET SignalR リリース
SignalR の場合は、サード パーティの CDN (<cdnjs>
や UNPKG など) をお勧めします。
この CDN では、次の ASP.NET SignalR JavaScript ファイルがホストされています。
CDN の使用条件については、Microsoft Ajax CDN の使用条件 に関する記事を参照してください。