2012年05月22日
jQueryのCDN
jQueryを使う場合、便利なのでよくCDN(Contents Delivery Network)を利用します。
私の場合は単純に設置が楽という理由ですが、
ほんのわずかかもしれませんがトラフィック削減にも役立つかもしれません。
jQuery本家、Microsoft、Googleなどがサービスを提供しています。
jQuery CDN
使い方は、普通にサーバー上のファイルを指定する形で問題ないと思います。
jQuery:
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
jQuery UI:
<script type="text/javascript" src="http://code.jquery.com/ui/1.8.20/jquery-ui.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.8.20/themes/ui-lightness/jquery-ui.css" />
Microsoft Ajax Content Delivery Network
jQuery:
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.js"></script>
jQuery UI:
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js "></script>
<link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/themes/ui-lightness/jquery-ui.css" />
Google Libraries API
jQuery:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
私の場合は単純に設置が楽という理由ですが、
ほんのわずかかもしれませんがトラフィック削減にも役立つかもしれません。
jQuery本家、Microsoft、Googleなどがサービスを提供しています。
jQuery CDN
使い方は、普通にサーバー上のファイルを指定する形で問題ないと思います。
jQuery:
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
jQuery UI:
<script type="text/javascript" src="http://code.jquery.com/ui/1.8.20/jquery-ui.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.8.20/themes/ui-lightness/jquery-ui.css" />
Microsoft Ajax Content Delivery Network
jQuery:
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.js"></script>
jQuery UI:
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js "></script>
<link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/themes/ui-lightness/jquery-ui.css" />
Google Libraries API
jQuery:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
【ウェブサービスの最新記事】