ブログにjQueryを設置して使えるようにする方法

Web・ブログのこと jQuery
Array ( [0] => Array ( [parent] => 0 [slug] => web-tips [name] => Web・ブログのこと ) [1] => Array ( [parent] => 701 [slug] => jquery [name] => jQuery ) )
スポンサーリンク

jquery

簡単です。カズヤ(@kazumiso_s)です。
javascriptのライブラリ「jQuery」をブログに設置する方法をご紹介!
簡単な上、一度設置してしまえばしばらくはメンテ不要です。

スポンサーリンク

2種類の設置方法

jQueryをブログに設置するには以下の2種類の方法があります。
それぞれご紹介します!

・自サーバから読み込み
・外部サーバから読み込み

自サーバから読み込み

jQueryの公式サイトからファイルをダウンロードし、利用しているレンタルサーバにアップロードします。
その格納したファイルを読み込みます。
タグ内にアップロードしたディレクトリ名/ファイル名を記述すればおしまい。
例)https://applian.jp/js/jquery-1.10.2.min.js

<head>
<中略>
<script type="text/javascript" src="http://アップロードしたディレクトリ/jquery-1.10.2.min.js"></script>
</head>

ファイルはこちらの公式サイトから1.x系の圧縮版をダウンロードしてきましょう。
バージョン2.x系はIE8などがサポートされていないので注意が必要です!
jQuery
jquery

外部サーバから読み込み

Googleなどの大手企業からjQueryを読み込みます。
微々たるものかもしれませんが、膨大なリソースからファイルを読み込めるので自サーバから読み込むより早くなる・・・はずですw

インターネット環境に繋がっている必要はありますが、タグ内に以下のソースをコピペすれば設定完了です!

<head>
<中略>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>

最後に

以上がブログにjQueryを設定する方法になります。
簡単でしたね!

これでjQueryを動作させる環境は整いました。
お疲れ様でした。

スポンサーリンク

この記事は私が書きました。

管理人:カズヤ(@kazumiso_s)

31歳、横浜市在住の2児の父。本業はシステムエンジニアで目標は今の会社で取締役になること。「毎日に価値を見出す」ことを信念に置き、未来に役立つ情報を発信しています。難病「好酸球性副鼻腔炎」という嗅覚障害持ち。最近生まれて初めて坊主にした。詳細なプロフィールはこちらから

この記事をシェアはこちらから。

フォローして頂けるとブログの更新情報をお届けできます。

この記事が気に入ったら「いいね!」
最新情報をお届けします。

もう1記事いかがですか。