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 年間キャッシュ保存できます。
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.5/d3.min.js"></script>
- site:
- d3js.org
- versions:
-
7.8.5.6.5.5.5.6.5.6.5.6.5.6.5.6.5.6.5.6.5.5.6.5.6.5.6.5.6.5.5.6.5.6.5.6.5.6.5.6.5.6.5.6.6.6.5.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.6.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
- スニペット:
-
<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.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 は、野生での寿命が短く不安定なため、ホストされていません。
- snippet:
-
<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
- versions:
- 1.4.5, 1.4.4, 1.4.3, 1.4.2, 1.4.1, 1.4.0
- note:
- This library depends on jQuery. You must also load jQuery before loading this module.
- snippet:
-
<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
- versions:
- 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
- snippet:
-
<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
- versions:
- 0.1.0
- snippet:
-
<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.2, 1.7.0, 1.6.0, 1.5.1, 1.3.1, 1.2.1, 1.1.0, 1.0.0
- スニペット:
-
<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 と呼ばれます。
- snippet:
-
<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/
- recommended versions:
- 1.2.1
- all hosted versions:
- 1.0.1
- 1.1.0
- 1.1.1
- 1.1.3
- 1.2.0
- 1.2.1
- スニペット:
-
<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 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
に依存します。このモジュールを読み込む前に、プロトタイプを読み込む必要があります。 - snippet:
-
<!-- for non-UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.4.2/shaka-player.compiled.js"></script>
<!-- or, for UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.4.2/shaka-player.ui.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/shaka-player/4.4.2/controls.css"> - site:
- https://github.com/google/shaka-player/
- maintained versions:
- 4.4.2, 4.3.12, 4.2.14
- all hosted versions:
- 4.4.0 - 4.4.2, 4.3.0 - 4.3.12, 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
- スニペット:
-
<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
- スニペット:
-
<script src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
- site:
- github.com/swfobject/swfobject
- バージョン:
- 2.2、2.1
- スニペット:
-
<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
- 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
- 入力ミスを探します。JavaScript では大文字と小文字が区別されます。
- JavaScript デバッガを使用します。Chrome で、Chrome DevTools を使用します。Firefox では、組み込みの Firefox DevTools を使用できます。IE では、F12 デベロッパー ツールを使用できます。
Ext Core
Hammer.JS
Indefinite Observable
jQuery
jQuery Mobile
jQuery UI
List.js
Material Motion
Model-Viewer
MooTools
Myanmar Tools
Prototype
script.aculo.us
Shaka Player
SPF
SWFObject
three.js
Web Font Loader
トラブルシューティング
古いバージョンが表示された場合は、/jqueryui/1/...
などの「自動版」リンクではなく、正確なバージョンを参照する URL を使用してください。キャッシュ保存に関する懸念と、マイナー バージョン間の互換性の欠如により、Google は自動バージョン エイリアスを非推奨とし、更新をしばらく前に停止しました。そのため、古いバージョンを引き続き参照することになります。これは、まだ古いバージョンを使用している既存のサイトが壊れるのを防ぐためです。
問題が発生した場合: