Google Hosted Libraries（グーグルホステッドライブラリーズ）とは
Google が提供している「有名なJavaScriptライブラリを高速で配信するサービス」。
Webサイトに jQuery や Vue.js などのライブラリを読み込むとき、通常は自分のサーバーにファイルを置いて読み込みますが、このサービスを使うと Google のサーバーから読み込むことができます。
Google の強力なサーバー網（CDN）を利用できるため、
- ・読み込みが速い
- ・キャッシュが効きやすい
- ・安定して配信される
というメリットがあります。
Web制作では昔から利用されており、特に jQuery の読み込み方法として有名です。
主な機能・特徴
| 有名ライブラリを無料で高速配信 | jQuery、AngularJS、Prototype、WebFont Loader など、有名ライブラリが多数登録されています |
| Google のCDNから配信されるため高速 | 利用者の近くにあるGoogleサーバーから配信されるため、読み込みが早く、安定しています |
| 複数のバージョンを選択できる | ライブラリごとに複数バージョンが用意されているので、必要なバージョンを指定できます |
| 商用でも無料で利用できる | 個人利用でも商用利用でも無料です |
| 簡単に使える | HTMLの script タグをコピペするだけで利用できます |
活用例
- Webサイトで jQuery を読み込む
- 旧バージョンのライブラリを使いたいとき
- サーバーにファイルを置けない環境でライブラリを使いたいとき
- 軽量で高速にアクセスさせたい場合
- 小規模サイトで手軽に導入したい場合
特に「まず jQuery を読み込む方法を知りたい」という初心者にとっては非常に便利です。
使い方
①サイトにアクセス
インストールやログインは不要！
完全に無料で利用でき、アカウントすら必要く、スクリプトURLをHTMLに貼るだけ です。
②利用したいライブラリを選ぶ
ページを下へスクロールすると、jQuery、Vue、AngularJS、Dojo などの一覧が並んでいます。
③使いたいバージョンの script タグをコピー
④HTML の head または body の末尾に貼り付ける
※Google Hosted Libraries は バージョンを自動更新しません。記載したバージョンをずっと使い続ける形になります。
注意点
※jQuery の一般的な使い方としては今は FOUC（読み込み遅延）対策が必要
Google CDNは高速ですが、まれに読み込みが遅くなることがあります。重要な機能は自前でホストした方が安全な場合もあります。
※外部サーバーに依存する
インターネットの状況やGoogle側の仕様変更の影響を受ける可能性があります。
※一部のライブラリは更新が止まっている
Google Hosted Libraries に登録されているライブラリは歴史が古いため、最新のライブラリが追加されないことがあります。
※セキュリティアップデートには自動で追随しない
古いバージョンを読み込み続けることになるため、更新のタイミングは自分で判断する必要があります。
related site
