読者です 読者をやめる 読者になる 読者になる

孤毒の果て

成人後自閉症スペクトラム、アル中・双極性障害とも診断される診断された当事者ブログ。孤独な男。このブログはゲーム主にPS4、Division FF15 LetItDieをプレイ攻略したり、商品レビューしたり、料理したりしてる。。ASDの愚痴戯言ブログです。しかし幸い私には孤独に対する強固な迄の耐性がある。

【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対応