【Javascript】ライブラリをCDNで外部から読み込み（jQuery本体だけじゃない）

Tweet

Category JavaScript / Tagged jQuery 2010/06/17

CDN とは Content delivery network の略。

jQueryなどのスクリプトがネットワーク経由で配信されている。Google, Microsoft, Yahoo, AOL などが主要なWebリソース（Javascriptライブラリ、スタイルシートなど）を配信している。

URL一覧

http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js

jQuery1.4.2取得のURL

http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js

jQuery1.4系最新を取得するURL

http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js

jQuery1系最新を取得するURL。マイナーバージョンなどを切り捨てた形で指定すると、そのバージョンの最新が取得できる

http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js

jQuery1.4.2 – Microsoftも配信

http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js

jQuery.ui

http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/base/jquery-ui.css

jQuery.uiのスタイルシート。”base”の部分を変えて他のテーマのスタイルシートを取得できる。
テーマ名は start, ui-darkness, ui-lightness, redmond, sunny, overcast, le-frog, flick, pepper-grinder, eggplant, dark-hive, cupertino, south-street, blitzer, humanity, hot-sneaks, excite-bike, vader, mint-choc, black-tie, trontastic, swanky-purse など

http://ajax.googleapis.com/ajax/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js

jQuery.uiの日本語化ファイルなど

http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js

SWFObject

http://ajax.googleapis.com/ajax/libs/prototype/1.6.1.0/prototype.js

prototype

他にGoogelが提供しているもの

日本語版の説明が古いので、英語版の資料で Google Libraries API

記述例

<script src="https://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js" type="text/javascript"></script>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/base/jquery-ui.css" type="text/css" media="all" />

<script src="http://yui.yahooapis.com/3.0.0/build/yui/yui-min.js" type="text/javascript"></script>