孤毒の果て

成人後自閉症スペクトラム、アル中・双極性障害とも診断される診断された当事者ブログ。孤独な男。据え置きゲームを処分して趣味はカメラへと移行、ミニマル生活へ。

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

Web制作の現場で使うjQueryデザイン入門[改訂新版] (Web Professional Books)

目次

javaScriptJQueryを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> 

画像つき解説

f:id:kotokunohate:20170131140430j:plain

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

f:id:kotokunohate:20170131140431j:plain

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

f:id:kotokunohate:20170131140432j:plain

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

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

Google Hosted Libraries 英語

developers.google.com

jQuery CDN 英語

jQuery CDN

jQuery最高の教科書

jQuery最高の教科書

jQuery入門道場

jQuery入門道場

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

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