jQueryとTwitter BootstrapをCDNから読み込みする方法

      2016/05/22

jQueryとTwitter BootstrapをCDNから読み込みする方法

私がいつも使っているのは以下です。CDNを利用すると、いちいちファイルをサーバ上に配置しなくても済みます。下記の読み込み設定をheadタグの中に書き込むとCDNからファイルを取得してきてくれます。

■jQueryのCDN読み込み設定

jQuery本体とjQuery-uiの両方を読み込んでいます。

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<link href="https://code.jquery.com/ui/1.11.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet">

 

■Twitter BootstrapのCDN読み込み設定

cssとbootstrapに必要なJSとFontAwsomeの3つを読み込んでいます。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">

非常に便利なので、活用してみてください。

megane

megane

最近、個人事業主から法人へと進化しました。 エンジニア歴13年位です。PHPとかMysqlを使ってWebシステムを構築します。 Javaも書きます。 CakePHPも使います。 サーバのチューニングもごりごりやります。 あと、お肉と自動車が好きです。Twitterとか申請どうぞ。

 - jQuery ,