47
43

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

jQuery等CDNのダウンに備えたリスクヘッジ

Last updated at Posted at 2013-10-22

##概要

読み込みが極端に遅い。
でもwebサーバやdbのloadなどチェックしても怪しいところがない。
なんだろうと思っていたらGoogleCDN設置のjQueryにアクセスできなくなっていた。

CDNもあくまで外部管理なので、リスクヘッジはしておくべき、と。

という訳でその方法が以下。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.10.2.min.js"><\/script>')</script>

もしCDNにアクセスできなければ、ローカルのリソースを読む。

※ window.jQueryは、
・jQueryがロードされていれば「function()」を返す
・ロードされていなかったら「undefined」を返す

##参考1
jQueryをロードする際のナイス!と思った書き方
http://dtp.jdash.info/archives/51941752.html

##参考2
他にrequire.jsを使う方法などもありそうだが、今回の目的に対しては導入コストが高そうだったので見送り。

JavaScriptをモジュール分割して開発できるRequireJSに入門
http://www.yoheim.net/blog.php?q=20130103
require.jsの使い方のメモ
http://ezerezetik.com/blog/posts/use-of-requirejs.html

47
43
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
47
43

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?