【jQuery】はてなブログjQueryを導入する方法【はてなブログ改造】

目次

javaScriptとJQueryを1から学びなおすための記事、俺用備忘録

はてなブログにJQuery 3.0を導入する。

jQueryダウンロードしてどこかの領域にファイルをアップロードしてファイルパスを指定するのは面倒なので、今回はGoogleのCDNを使います。

CDNとは

コンテンツデリバリネットワーク(Content Delivery Network, CDN)とは、Webコンテンツをインターネット経由で配信するために最適化されたネットワークのことである。コンテンツ配信網とも。CDNを用いることにより、Webのみならず、大容量アプリケーション、音楽、動画の配信やオンラインゲームといったブロードバンドのコンテンツを配信することが安定かつ低コストで行えるようになる。そのためビジネス分野において注目されている。

手っ取り早くjQueryを使いたいならCDNについて詳しく知る必要はないので、下記CDNソースコードをに貼り付けて終わりです。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 

画像つき解説

ダッシュボード>設定>詳細設定を選択

詳細設定を下にスクロールロールするとheadに要素を追加がある

そこに先のCDNソースコードを貼り付けます。これで完了。

ソースコードを見るとわかりますが、バージョン3.1.0です、過去バージョンを使いたい場合は過去バージョンのCDMソースコードを引っ張ってくるだけでOK。逆に言えばここは手作業で更新しないとバージョン3.1.0のままになります。バージョンライブラリ等は下記リンクに詳細あり。

Google Hosted Libraries　英語

developers.google.com

jQuery CDN　英語

jQuery CDN

jQuery最高の教科書

jQuery入門道場

jQuery レッスンブック jQuery2.X/1.X対応