コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。

Google がホストするライブラリは、よく利用されているオープンソースの JavaScript ライブラリで、安定性、信頼性、速度に優れた、グローバルに利用可能なコンテンツ配信ネットワークです。

Google は、ライブラリの作業ごとに主要な関係者と直接連携しており、最新バージョンがリリースされると受け入れます。

ライブラリ

ホストされているライブラリを読み込むには、そのライブラリの HTML スニペット(下記を参照)をコピーしてウェブページに貼り付けます。たとえば、jQuery を読み込むには、ウェブページに <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.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.6.1/d3.min.js"></script>
site:
d3js.org
バージョン:
全アセットの再ビルドが必要

Dojo

スニペット:
<script src="https://ajax.googleapis.com/ajax/libs/dojo/1.13.0/dojo/dojo.js"></script>
site:
dojotoolkit.org
バージョン:
全アセットの再ビルドが必要

Ext Core

スニペット:
<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

Hammer.JS

スニペット:
<script src="https://ajax.googleapis.com/ajax/libs/hammerjs/2.0.8/hammer.min.js"></script>
site:
hammerjs.github.io
バージョン:
2.0.8

Indefinite Observable

スニペット:
<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

jQuery

3.x スニペット:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.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
バージョン:
全アセットの再ビルドが必要
注:
3.3.0、2.1.2、1.2.5、1.2.4 は、短命で不安定な生き物であるため、ホストされません。

jQuery Mobile

スニペット:
<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 を読み込む必要があります。

jQuery UI

スニペット:
<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 を読み込みます。

Material Motion

スニペット:
<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

Model-Viewer

スニペット:
<script src="https://ajax.googleapis.com/ajax/libs/model-viewer/1.9.0/model-viewer.min.js"></script>
site:
modelviewer.dev
バージョン:
1.9.0、1.8.0、1.7.2、1.7.0、1.6.0

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.0/shaka-player.compiled.js"></script>

<!-- or, for UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.3.0/shaka-player.ui.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/shaka-player/4.3.0/controls.css">
site:
https://github.com/google/shaka-player/
保持されたバージョン:
4.3.0、4.2.4、4.1.7、3.3.13、3.2.15
ホストされているすべてのバージョン:
全アセットの再ビルドが必要

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 を使用してください。マイナーなバージョン間でもキャッシュへの懸念と互換性の欠如を理由として、しばらく前に自動バージョンのエイリアスのサポートが終了し、更新を停止しました。そのため、このバージョン エイリアスは古いバージョンを引き続き参照します(まだそのバージョンを使用している既存のサイトに支障をきたさないためです)。

問題が発生した場合:

  • 入力ミスを探します。JavaScript では大文字と小文字が区別されることに注意してください。
  • JavaScript デバッガを使用します。Chrome では、Chrome DevTools を使用します。Firefox では、組み込みの Firefox DevTools を使用できます。IE では、F12 デベロッパー ツールを使用できます。