Javascript/Javascriptの応用

jQueryのダウンロード方法

突出した人気を誇るJavaScriptライブラリ、jQueryを入手する方法です。

高橋 登史朗

執筆者:高橋 登史朗

Javascriptガイド

jQueryのダウンロード

jQueryは公式サイトで入手することができますが、それ以外にも次の場所で入手できます。

・Downloading jQuery
http://docs.jquery.com/Downloading_jQuery
jQueryサイトのダウンロード専用ページです。各バージョンのリリースノートと共に入手することができます。また、NIGHTLY BUILDSと呼ばれるテスト中のバージョンやCDN、GITなどについてのアナウンスも得られます。

・github.com
http://github.com/jquery/jquery
jQueryのすべてのソースコードはGitのリビジョン管理の下で、いつでもオンラインで閲覧することができます。

・CDN
インターネット経由オンラインでライブラリを配布しているCDN(Contents Delivery Network)です。

jQuery UIのダウンロード

jQuery UIは、jQueryの公式なライブラリ群で、ドラッグドロップ、リサイズ 、カレンダー、アコーディオン、ピッカー、ダイアログ、ソーターテーブルなどのウィジェットや多彩なエフェクト拡張などが含まれています。

jQuery UIには、すべてのウィジェットのデザインを統一するためのフレームワーク ThemeRoller が用意されています。

一般的なダウンロード方法は、このサイトにアクセスし、必要なコンポーネント(アコーディオンAccordion や エフェクト Effect "Blind")などにチェックを入れて、Themeのセレクトボックスから「Smoothness」や「Sunny」などを既存のいくつかのテーマから選びダウンロードボタンを押します。これで、そのテーマに従った、cssや画像、デモなども含むzipファイルがダウンロードできます。

また、カスタマイズしたテーマ一式を作成することもできます。

テーマローラーのページへ行くと、自分でフォント設定(Font Settings)、コーナーの丸め(Corner Radius)、Header/Toolbarの背景色やboreder色などいくつもの項目を設定できます。

それらの設定をいじると、すぐにその場でサンプルのCSSが下記変わるので、自分の目で確かめながらデザインを決めることができます。

そのうえで、ダウンロードすると、今カスタマイズしたオリジナルテーマ一式を手にいれることができます。

なお、Google CDNの場合は、jQueryUIも利用できるので、次のような読み込み方も可能です。
<script src="http://www.google.com/jsapi"></script>
<script>
  google.load("jquery", "1.4.2");
  google.load("jqueryui", "1.8");
</script>

【編集部おすすめの購入サイト】
Amazonで Javascript 関連の書籍をチェック!楽天市場で Javascript 関連の書籍をチェック!
※記事内容は執筆時点のものです。最新の内容をご確認ください。
※OSやアプリ、ソフトのバージョンによっては画面表示、操作方法が異なる可能性があります。

あわせて読みたい

あなたにオススメ

    表示について

    カテゴリー一覧

    All Aboutサービス・メディア

    All About公式SNS
    日々の生活や仕事を楽しむための情報を毎日お届けします。
    公式SNS一覧
    © All About, Inc. All rights reserved. 掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます