Google AJAX APIを使ってjQueryやPrototypeを読み込む

2014.06.16

新たにこちらを記述しました。⇒ Google Hosted Libraries
このページの記述は古い可能性があります。

• Google CDNを活用したファイルの配布
• 対応していればGzip圧縮転送を有効にする
• ダウンロードするファイルは可能なかぎり最小化されたものとなる
• キャッシュが有効になるように工夫されており、一度どこかでダウンロードしてあればキャッシュが使えるため不要なダウンロードしなくなる
• バージョン番号にワイルドカードが指定できるため自動的にマイナーアップデートを実施できる

JQuery

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.10.1");</script>

JQuery+JQuery UI

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
  google.load("jquery", "1.10.1");
  google.load("jqueryui", "1.7.3");
</script>

Prototype

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("prototype", "1.6.0.2");</script>

Version 1.10.*

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.10");</script>

Version 1.*

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1");</script>

What is the Google Hosted Libraries?

APIの読み込みなどAPIを利用したスクリプトの構成

jsapiを使用してjQueryをロードするときの注意点