Google Hosted Libraries は、最も人気のあるオープンソースの JavaScript ライブラリ向けの、安定した信頼性の高い高速のグローバル コンテンツ配信ネットワークです。
Google は、各ライブラリの取り組みの主要な関係者と直接連携し、リリースされた最新バージョンをそのまま受け入れます。
ライブラリ
ホストされているライブラリを読み込むには、そのライブラリの HTML スニペット(下記参照)をコピーしてウェブページに貼り付けます。たとえば、jQuery を読み込むには、ウェブページに <script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
スニペットを埋め込みます。
独自のウェブサイトで HTTP のみを使用している場合でも、HTTPS 経由で CDN からライブラリを読み込むことをおすすめします。現在では、パフォーマンスは高速で、キャッシュ保存も同様に機能します。CDN のファイルは CORS ヘッダーと Timing-Allow ヘッダーで配信され、1 年間キャッシュに保存できます。
Bootstrap
- snippet:
-
<script src="https://ajax.googleapis.com/ajax/libs/bootstrap/5.3.3/js/bootstrap.min.js"></script>
- site:
- github.com/twbs/bootstrap
- versions:
- 5.3.3
Bootstrap-Table
- snippet:
-
<script src="https://ajax.googleapis.com/ajax/libs/bootstrap-table/1.23.2/dist/bootstrap-table.min.css"></script>
- site:
- github.com/wenzhixin/bootstrap-table
- versions:
- 1.23.2
CesiumJS
- snippet:
-
<script src="https://ajax.googleapis.com/ajax/libs/cesiumjs/1.78/Build/Cesium/Cesium.js"></script>
- site:
- github.com/CesiumGS/cesium
- versions:
- 1.78
D3.js
- スニペット:
-
<script src="https://ajax.googleapis.com/ajax/libs/d3js/7.9.0/d3.min.js"></script>
- site:
- d3js.org
- versions:
-
7.9.0、7.8.5、7.8.4、7.8.3、7.8.2、7.8.1、7.8.1、7.8.0、7.7.0、7.6.1、7.4.2、7.0.0
6.7.0、6.6.1、6.6
Dojo
- スニペット:
-
<script src="https://ajax.googleapis.com/ajax/libs/dojo/1.13.0/dojo/dojo.js"></script>
- site:
- dojotoolkit.org
- バージョン: 全アセットの再ビルドが必要
- スニペット:
-
<script src="https://ajax.googleapis.com/ajax/libs/ext-core/3.1.0/ext-core.js"></script>
- site:
- sencha.com/products/extcore
- バージョン:
- 3.1.0、3.0.0
- snippet:
-
<script src="https://ajax.googleapis.com/ajax/libs/hammerjs/2.0.8/hammer.min.js"></script>
- site:
- hammerjs.github.io
- versions:
- 2.0.8
- スニペット:
-
<script type="module">
import { IndefiniteObservable } from "https://ajax.googleapis.com/ajax/libs/indefinite-observable/2.0.1/indefinite-observable.bundle.js";
</script> - site:
- https://github.com/material-motion/indefinite-observable-js
- バージョン:
- 2.0.1、1.0.1
- 3.x スニペット:
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
- 2.x スニペット:
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
- 1.x のスニペット:
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
- site:
- jquery.com
- versions:
- 、
- note:
- 3.3.0、2.1.2、1.2.5、1.2.4 は、野生での寿命が短く不安定なため、ホストされていません。
- スニペット:
-
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script> - site:
- jquerymobile.com
- バージョン:
- 1.4.5、1.4.4、1.4.3、1.4.2、1.4.1、1.4.0
- 注:
- このライブラリは jQuery に依存しています。また、このモジュールを読み込む前に jQuery を読み込む必要があります。
- snippet:
-
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.14.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.14.1/jquery-ui.min.js"></script> - site:
- jqueryui.com
- versions:
- 1.14.1, 1.14.0, 1.13.3, 1.13.2, 1.13.1, 1.13.0, 1.12.1, 1.12.0, 1.11.4, 1.11.3, 1.11.2, 1.11.1, 1.11.0, 1.10.4, 1.10.3, 1.10.2, 1.10.1, 1.10.0, 1.9.2, 1.9.1, 1.9.0, 1.8.24, 1.8.23, 1.8.22, 1.8.21, 1.8.20, 1.8.19, 1.8.18, 1.8.17, 1.8.16, 1.8.15, 1.8.14, 1.8.13, 1.8.12, 1.8.11, 1.8.10, 1.8.9, 1.8.8, 1.8.7, 1.8.6, 1.8.5, 1.8.4, 1.8.2, 1.8.1, 1.8.0, 1.7.3, 1.7.2, 1.7.1, 1.7.0, 1.6.0, 1.5.3, 1.5.2
- note:
- This library depends on jQuery. You must also load jQuery before
loading this module. Version 1.8.3 is not hosted due to its short
life, and the alias
1.8.3
actually loads 1.8.4. - スニペット:
-
<script src="https://ajax.googleapis.com/ajax/libs/listjs/2.3.1/list.min.js"></script>
- site:
- listjs.com
- versions:
- 2.3.1
- スニペット:
-
<script type="module">
import {
Draggable,
Point2DSpring,
Tossable,
combineStyleStreams,
getPointerEventStreamsFromElement,
} from "https://ajax.googleapis.com/ajax/libs/material-motion/0.1.0/material-motion.bundle.js";
</script> - site:
- https://github.com/material-motion/material-motion-js
- バージョン:
- 0.1.0
- スニペット:
-
<script src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.0.0/model-viewer.min.js"></script>
- site:
- modelviewer.dev
- versions:
-
3.0.0、2.1.1、2.1.0、2.0.2、2.0.1、2.0.0、1.12.0、1.11.1、1.10.0、1.9.0、1.8.0、1.7.1、1.7.1、1.7.1、1.7.1、1.7.1、1.7.1、1.7.1。
MooTools
- スニペット:
-
<script src="https://ajax.googleapis.com/ajax/libs/mootools/1.6.0/mootools.min.js"></script>
- site:
- mootools.net
- バージョン: 全アセットの再ビルドが必要
- 注:
- バージョン 1.5.1 以前では、圧縮されたバージョンのファイル名は、mintools.min.js ではなく mootools-yui-compressed.js と呼ばれます。
Myanmar Tools
- スニペット:
-
<script src="https://ajax.googleapis.com/ajax/libs/myanmar-tools/1.2.1/zawgyi_detector.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/myanmar-tools/1.2.1/zawgyi_converter.min.js"></script>
- site:
- https://github.com/google/myanmar-tools/
- 推奨バージョン:
- 1.2.1
- ホストされているすべてのバージョン:
- 1.0.1
- 1.1.0
- 1.1.1
- 1.1.3
- 1.2.0
- 1.2.1
Prototype
- スニペット:
-
<script src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.3.0/prototype.js"></script>
- site:
- prototypejs.org
- バージョン:
- 1.7.3.0、1.7.2.0、1.7.1.0、1.7.0.0、1.6.1.0、1.6.0.3、1.6.0.2
script.aculo.us
- スニペット:
-
<script src="https://ajax.googleapis.com/ajax/libs/scriptaculous/1.9.0/scriptaculous.js"></script>
- site:
- script.aculo.us
- バージョン:
- 1.9.0、1.8.3、1.8.2、1.8.1
- 注:
- このライブラリは
Prototype
に依存します。このモジュールを読み込む前に、プロトタイプを読み込む必要があります。
Shaka Player
- snippet:
-
<!-- for non-UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.16.0/shaka-player.compiled.js"></script>
<!-- or, for UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.16.0/shaka-player.ui.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/shaka-player/4.16.0/controls.css"> - site:
- https://github.com/google/shaka-player/
- maintained versions:
- 4.16.0, 4.15.12
- all hosted versions:
- 4.16.0, 4.15.0 - 4.15.12, 4.14.0 - 4.14.28, 4.13.0 - 4.13.25, 4.12.0 - 4.12.18, 4.11.0 - 4.11.21, 4.10.0 - 4.10.26, 4.9.0 - 4.9.36, 4.8.0 - 4.8.20, 4.7.0 - 4.7.15, 4.6.0 - 4.6.18, 4.5.0, 4.4.0 - 4.4.3, 4.3.0 - 4.3.16, 4.2.0 - 4.2.14, 4.1.0 - 4.1.7, 4.0.0 - 4.0.5, 3.3.0 - 3.3.19, 3.2.0 - 3.2.21, 3.1.0 - 3.1.8, 3.0.0 - 3.0.15, 2.5.0-beta - 2.5.23, 2.4.0 - 2.4.7, 2.3.0 - 2.3.10, 2.2.0 - 2.2.10, 2.1.0 - 2.1.9, 2.0.6 - 2.0.9, 1.6.5
SPF
- スニペット:
-
<script src="https://ajax.googleapis.com/ajax/libs/spf/2.4.0/spf.js"></script>
- site:
- youtube.github.io/spfjs
- バージョン:
- 2.4.0、2.3.2、2.3.1、2.3.0、2.2.0、2.1.2、2.1.1、2.1.0、2.0.1、2.0.0
SWFObject
- スニペット:
-
<script src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
- site:
- github.com/swfobject/swfobject
- バージョン:
- 2.2、2.1
three.js
- snippet:
-
<script src="https://ajax.googleapis.com/ajax/libs/threejs/r84/three.min.js"></script>
- site:
- threejs.org
- versions:
- r84, r83, r82, r81, r80, r79, r78, r77, r76, r75, r74, r73, r72, r71, r70, r69, r68, r67, r49
Web Font Loader
- snippet>
-
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script>
- site:
- github.com/typekit/webfontloader
- versions:
- 1.6.26, 1.6.16, 1.5.18, 1.5.10, 1.5.6, 1.5.3, 1.5.2, 1.5.0
トラブルシューティング
古いバージョンが表示される場合
/jqueryui/1/...
などの「自動バージョン」リンクを使用せず、正確なバージョンを参照する URL を使用してください。キャッシュ保存に関する懸念と、マイナー バージョン間の互換性の欠如のため、自動バージョン エイリアスの更新はかなり前に非推奨となり、停止されました。そのため、自動バージョン エイリアスは古いバージョンを永久に参照します(まだ使用している既存のサイトを壊さないため)。問題が発生した場合:
- 入力ミスを探します。JavaScript では大文字と小文字が区別されることに注意してください。
- JavaScript デバッガを使用します。Chrome では、Chrome DevTools を使用します。Firefox では、組み込みの Firefox DevTools を使用できます。IE では、F12 デベロッパー ツールを使用できます。