WebデザイナーのためのjQuery実践講座

jQueryプラグイン「jKit」のご紹介

全333コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
jQueryを使ってWebサイト内に機能を実装していく際に便利なプラグイン「jKit」について、ご紹介致します。
講師:
04:13

字幕

このレッスンでは jQuery を使って ウエブサイト内に機能を実装していく際に― 便利な部ラグイン jKit について ご紹介していきます まずはダウンロードしてきた こちらの jkit ― というフォルダーの中に入っている― こちらの index.html ファイルを エディターで開いて下さい そして これがそのファイルを開いた状態です このファイルを使って今回のレッスンの解説を 進めていきたいと思います それでは 早速レッスンを始めていきましょう jQuery には jQuery プラグイン という物が存在しています この jQuery プラグインは jQuery の機能を拡張する物で― 世界中の有志が作ったプラグインが インターネット上で膨大に公開されています 今回 ご紹介する jKit という jQuery プラグインもその一つです それでは その JKit のウエブサイトに 移動してみたいと思います こちらがその jKit という jQuery プラグインの― ウエブサイトとなっています jQuery プラグインは通常  何かの機能に特化した形で― 公開されているのがほとんどですが この jKit というプラグインは― ウエブサイトを制作するに当たって 便利な機能が何と 40 個以上も― 入ったプラグインとなっています その機能の中には今回のコースで ご説明していくスライドショーの機能や― タブ切替機能など といった物も含まれています 今回のこのコースでは この jKit という jQuery プラグインを使って― 様々な機能を実装していってみたいと思います それでは この jKit の利用の準備ですが まずはこちらのダウンロードボタンから その jKit のファイルを― ダウンロードしてくることが出来ます それでは クリックしてみましょう すると こういったダウロードページに 移ってきます そして いくつかダウンロードボタンが ありますが 今回は一番上の― こちらの部分をクリックして ダウンロードしましょう ダウンロードしてきたファイルは 圧縮ファイルとなっていますので― そのファイルを解凍してからその中から 制作に必要なファイルだけを抜き出してきます それでは エディターに戻ります 今回 必要なファイルは二つです まず一つはこちらの jkit.css というファイル そして もう一つは jquery.jkit そして バージョン番号の min.js ファイルというものです そして それらのファイルを 解凍したファイルから抜き出したら― 自分のプロジェクトファイルの方に 設置してあげます 今回は jkit.css ファイルを css フォルダーの中に設置しました そして jquery.jkit.1.2.16.min.js ファイルを js フォルダーの中に設置しました そして それぞれをリンクタグと そして スクリプトタグで― html ファイルに取り込んであげます そして 最後にこちらの部分ですね こちらの jKit を利用するに当たっての 準備となるスクリプトを書いておきます このスクリプト自体は 先程の jKit のウエブサイト― で公開されていますので それをそのままコピーして― こちらにペーストすれば 大丈夫です ただ一点注意事項として ジャバスクリプトの読み込みの順番は― このような形として下さい 一番目は jquery そして 二番目は jkit そして jkit の準備をするためのスクリプト そして 最後に自分達で作った javascript.js ファイル こちらを読み込むようにして下さい これで jKit という jQuery プラグインを 利用する準備が整いました 以上でレッスンは終了です 今回は jQuery を使って ウエブサイト内に機能を実装していく際に― 便利なプラグイン jKit について ご紹介致しました 以降のレッスンからは jQuery と この jKit プラグインを使って― スライドショー機能を実装する方法について 解説していきますので― そちらも合わせてご覧下さい

WebデザイナーのためのjQuery実践講座

jQueryとはJavaScriptを簡単かつ便利に扱えるJavaScriptライブラリです。このコースではプログラミングの知識はそれほどないけれど日々仕事でHPを制作しているWebデザイナーの方や趣味で自分のサイトを運営している方などを対象に、jQueryとプラグインを利用してさまざまな機能や効果を手軽にサイトに実装する方法を学びます。

2時間04分 (34 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 2,990
発売日:2015年06月29日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。