ブログ

リステップからのお知らせや、ホームページを活用するためのお役立ち情報などをご案内。

jQuery,言葉,Web | 2012年8月28日

iPadやiPhoneが台頭してからjQueryを使う機会が飛躍的に増えました。

そんなとき、CDNにホストされたjQueryを使えば手軽にサクッと利用できます。

Contents Delivery Network（コンテンツデリバリーネットワーク）の略で、狭義ではサイズの大きいデジタルコンテンツをネットワーク経由で配布するために最適化されたネットワークのことを指しますが、ここでは広義で使用しています。

CDNを使うことで自サイト内にjQuery本体を置かなくて良いという手軽さの他に、他サイトで同じCDNが利用されていた場合にブラウザのキャッシュが働き読み込み時間が短縮されるという効果も期待できます。

http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.min.js
天下（？）のマイクロソフトが提供しているCDN。

http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js
天下（？）のGoogleが提供しているCDN。個人的にはもっぱらGoogleを利用してます。

Googleの場合はバージョン指定がとても柔軟で、上記URLの「1.8.0」の箇所を「1.8」にすれば1.8系の最新版。「1」にすれば1系の最新版が読み込めるようになります。

前述した各CDNのjQueryを読み込むには、HTMLのhead内で

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

とすればOKです。