Google がホストするライブラリは、高速で安定したグローバルなグローバル コンテンツ配信ネットワークであり、よく利用されているオープンソースの JavaScript ライブラリに対応しています。
Google は、ライブラリへの取り組みの主要な関係者と直接連携して、リリース時に最新バージョンを受け入れています。
ライブラリ
ホストされているライブラリを読み込むには、そのライブラリの HTML スニペットをコピーしてウェブページに貼り付けます。たとえば、jQuery を読み込むには、ウェブページに <script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script> スニペットを埋め込みます。
たとえご自身のウェブサイトで HTTP のみを使用している場合でも、HTTPS を介して CDN からライブラリを読み込むことをおすすめします。現在では、パフォーマンスが速く、キャッシュも変わっていません。CDN のファイルは CORS ヘッダーと Timing-Allow ヘッダーとともに提供され、1 年間キャッシュに保存できます。
CesiumJS
- スニペット:
-
<script src="https://ajax.googleapis.com/ajax/libs/cesiumjs/1.78/Build/Cesium/Cesium.js"></script> - site:
- github.com/CesiumGS/cesium
- バージョン:
- 1.78
D3.js
- スニペット:
-
<script src="https://ajax.googleapis.com/ajax/libs/d3js/7.8.2/d3.min.js"></script> - site:
- d3js.org
- versions:
-
7.8.2、7.8.1、7.8.0、7.7.0、7.6.1、7.4.2、7.0.0
6.7.0、6.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5（バンド（6.5.5）、 - スニペット:
-
<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
- スニペット:
-
<script src="https://ajax.googleapis.com/ajax/libs/hammerjs/2.0.8/hammer.min.js"></script> - site:
- hammerjs.github.io
- バージョン:
- 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.6.3/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: 4.0 E
- 注:
- 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 を読み込む必要があります。
- スニペット:
-
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js"></script> - site:
- jqueryui.com
- バージョン: 全アセットの再ビルドが必要
- 注:
- このライブラリは jQuery に依存しています。また、このモジュールを読み込む前に jQuery を読み込む必要があります。バージョン 1.8.3 は有効期間が短いため、ホストされません。エイリアス
1.8.3は、実際には 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
- スニペット:
-
<!-- for non-UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.3.5/shaka-player.compiled.js"></script>
<!-- or, for UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.3.5/shaka-player.ui.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/shaka-player/4.3.5/controls.css"> - site:
- https://github.com/google/shaka-player/
- 維持されるバージョン:
- 4.3.5、4.2.9、4.1.7、3.3.18、3.2.20
- ホストされているすべてのバージョン:
- 4.3.0 - 4.3.5、4.2.0 - 4.2.9、4.1.0 - 4.1.7、4.0.0 - 4.0.6 ..6.6 ..6.6
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
- スニペット:
-
<script src="https://ajax.googleapis.com/ajax/libs/threejs/r84/three.min.js"></script> - site:
- threejs.org
- バージョン:
- r84、r83、r82、r81、r80、r79、r78、r77、r76、r75、r74、r73、r72、r71、r70、r69、r68、r67、r49
Web Font Loader
- スニペット>
-
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script> - site:
- github.com/typekit/webfontloader
- バージョン:
- 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 を使用してください。キャッシュ保存に関する懸念とマイナー バージョン間の互換性の欠如により、Google は一定期間前に自動バージョンのエイリアスのサポートが終了し、更新を停止したため、（まだ使用している既存のサイトを中断しないように）古いバージョンを常に参照します。問題が発生した場合:
- 入力ミスを探します。JavaScript では大文字と小文字が区別されることに注意してください。
- JavaScript デバッガを使用します。Chrome では、Chrome DevTools を使用します。Firefox では、組み込みの Firefox DevTools を使用できます。IE では、F12 デベロッパー ツールを使用できます。