ホームページをより快適にする『Google Hosted Libraries』

公開:2018年05月15日

Warning: Use of undefined constant HTTP_USER_AGENT - assumed 'HTTP_USER_AGENT' (this will throw an Error in a future version of PHP) in /home/taresuke/pub/ainc.jp/wp-content/themes/ainc/functions.php on line 98

最近は当たり前になってきたjqueryですが、皆さんも使ってますでしょうか？
にたった１行追加するだけでjavascriptが簡単に使えるようになるjqueryは非常に便利ですよね。

色々なサイトで当たり前のように提示されているので気づきにくいですが、実は最新版があるのです。
jqueryを含めたGoogle Hosted Librariesから最新版の情報を得ることが出来るのです。

Google Hosted Librariesについて

Google Hosted Librariesにアクセスすると英語のページに飛びます。ここで嫌気を指してしまう人もいるので、単刀直入に必要な部分だけ見ていきましょう。

jQuery
3.x snippet:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
2.x snippet:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
1.x snippet:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

versions:
3.3.1, 3.2.1, 3.2.0, 3.1.1, 3.1.0, 3.0.0
2.2.4, 2.2.3, 2.2.2, 2.2.1, 2.2.0, 2.1.4, 2.1.3, 2.1.1, 2.1.0, 2.0.3, 2.0.2, 2.0.1, 2.0.0
1.12.4, 1.12.3, 1.12.2, 1.12.1, 1.12.0, 1.11.3, 1.11.2, 1.11.1, 1.11.0, 1.10.2, 1.10.1, 1.10.0, 1.9.1, 1.9.0, 1.8.3, 1.8.2, 1.8.1, 1.8.0, 1.7.2, 1.7.1, 1.7.0, 1.6.4, 1.6.3, 1.6.2, 1.6.1, 1.6.0, 1.5.2, 1.5.1, 1.5.0, 1.4.4, 1.4.3, 1.4.2, 1.4.1, 1.4.0, 1.3.2, 1.3.1, 1.3.0, 1.2.6, 1.2.3

jQuery

3.x snippet:

2.x snippet:

1.x snippet:

versions:

3.3.1, 3.2.1, 3.2.0, 3.1.1, 3.1.0, 3.0.0

2.2.4, 2.2.3, 2.2.2, 2.2.1, 2.2.0, 2.1.4, 2.1.3, 2.1.1, 2.1.0, 2.0.3, 2.0.2, 2.0.1, 2.0.0

1.12.4, 1.12.3, 1.12.2, 1.12.1, 1.12.0, 1.11.3, 1.11.2, 1.11.1, 1.11.0, 1.10.2, 1.10.1, 1.10.0, 1.9.1, 1.9.0, 1.8.3, 1.8.2, 1.8.1, 1.8.0, 1.7.2, 1.7.1, 1.7.0, 1.6.4, 1.6.3, 1.6.2, 1.6.1, 1.6.0, 1.5.2, 1.5.1, 1.5.0, 1.4.4, 1.4.3, 1.4.2, 1.4.1, 1.4.0, 1.3.2, 1.3.1, 1.3.0, 1.2.6, 1.2.3

少し下にこのような表記があると思います。これがjqueryのバージョン情報です。バージョンはURLのjquery/の後の数字を変更するだけで簡単に切り替えることができます。非常に便利ですね。

特に理由がなければ最新版を使えば良いと思いますが、もしも、うまくプログラムが動かないなどあったら、昔のバージョンに戻してみるとうまく行くことがあるかもしれません。

このページには他にも様々な便利なプログラムが紹介されていますので、知識が身についたら自分のサイトに色々と組み込んでみると面白くなりそうですね。

snippet:の後にURLまで書いてあるので、その部分をコピーして自分のサイトに貼り付けるだけですよ。