Houn

Web制作

公開日:2019.07.21

更新日:2022.11.23

jQuery、ダウンロードするファイルはどれ?が分かる記事

jQuery、ダウンロードするファイルはどれ?が分かる記事

jQueryをダウンロードして使おうと公式サイトに飛んだけど、どこからどうダウンロードすればいいの?と迷子になってしまったかたへ、使い方が分かる記事です。

まず、公式サイトはこちらですね→jQuery

開くとこんなトップページが表示されますので「Download jQuery」をクリック。

jqueryの公式サイトトップページ

するとダウンロードファイルが落ちてくる‥わけじゃなくて、次のページに飛びます。「どれにする?」っていうページなんですね。

その中から、選ぶのはこれです。

jQueryのファイル選択画面

『Download the compressed, production jQuery (その時の最新バーション番号)』

ここで右クリック→「リンク先を別名で保存」。するとファイルをダウンロードできます。ファイル名はデフォルトから変えられますが、ちゃんと名前に意味があるのでそのままのほうが良いですね。

jquery-3.4.1.min.js

jQueryのバージョン3.4.1で、min(圧縮した)ファイルという意味です。バージョンはこの記事書いたその時のもので、都度最新バージョンがダウンロードされます。”圧縮”については、後ほど解説します。

ちなみにこのファイルを普通に左クリックで開くと‥

jQueryの圧縮ファイル

こういう画面にいきなり飛ぶので面食らいます。

でも結局これがダウンロードしたいjQueryのファイル、ソースコードなんですね。

欲しいのはこれです。なのでこれを全部コピーして、jQueryを使いたいフォルダ内に新規ファイル作成、ペーストして保存してもオッケーです。その際の名前はやはり

jquery-バージョン数.min.js

とします。拡張子.jsは絶対です。

HTMLファイルで読み込み

あとは、bodyの閉じタグすぐ上で読み込みます。

ダウンロードしたjQueryファイルが最初、次にjQueryを使って自分で書いたjsのファイルを読み込む形ですね。

<script src="jquery-3.4.0.min.js"></script>
  <script src="main.js"></script>
</body>

ちなみに‥圧縮とは?

今回ダウンロードしたファイルの1個下、
Download the uncompressed, development jQuery〜

を試しに開いてみてください。

ふつうに見慣れた、ふだんエディタに自分が書いているようなコードが表示されました。これはアンコンプレッスド=圧縮されていないjQueryファイルになります。今回ダウンロードしたのはコンプレッスド=圧縮されたjQyeryファイル。この2つ、じつは書いてある内容って一緒です。

圧縮されていないほうはきちんとインデントされてたり、行間を空けてたりコメントが入ってます。でもこの記述は、人間が読みやすくするためのもので、機械が読むときには関係ないんですよね。

逆に機械の立場からするとインデントや改行など入れずにギッチリ詰めて書いたファイルのほうが読みやすい(読み込みが早い)です。

そしてjQueryのファイル自体は基本的に編集せずそのまま使います。

だから人間が読みづらかろうと関係ありません。その分機械が読みやすくギッチリ=圧縮されて書いてあったほうが良いんですね。

以上になります。

サイト保守契約の便利ツール

Webサイトの保守業務委託においては、毎月定額の決済をお願いするのが一般的だと思います。

決済方法として便利なのがクレジットカード自動引き落とし。一度顧客に手続きいただければ毎月自動で決済してくれるので、制作会社側も顧客側も何の手間もかかりません。

当事務所で導入しているのがSquare(スクエア)

導入は無料で、コストはクレジット決済手数料(3%)のみ。

毎月請求書を送る、未払いがないかチェックする‥などの手間が省けるなら安いものです。

制作会社、顧客ともに手続き操作もカンタンですし、こちらの記事で解説もしていますので、ご参考ください。

保守費決済のほか、ちょっとした小額の決済も決済リンクを送ってすぐ完了。

非常にラクでオススメです。まずはアカウント登録して、一度使い心地を試してみてください。

Square(スクエア)

無料相談はこちら