SOFTELメモ Developer's blog

会社概要 ブログ 調査依頼 社員募集 ...

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

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>

関連するメモ

コメント