Enable JavaScript in your browser. このウェブサイトはJavaScriptをオンにしてご覧下さい。

jQuery初心者入門!タブやスライドショーを簡単実装

jquery

jQueryとは、簡単に説明するとJavascriptをWEB初心者でも簡単に実装できるようにしてくれるもの。

jQuery はJavascript のライブラリ(よく使われる機能などを部品化し、簡単に使えるようにまとめたもの)のひとつで、jQueryを使えば、複雑なコードになりがちなJavascriptを書かずに、簡単なコードでJavascriptを実装できます。

今回は、そんな便利なライブラリ「jQuery」を、これから学ぶ人が躓かずにしっかりと修得できる非常にわかりやすい厳選サイトをまとめました。

jQueryが全く分からない人のための超初級者向け入門講座

7つのサンプルでjQueryを学ぼう!

超初心者向けに、難しい説明になりがちなWEB言語の解説をかなり砕いた形で解説してくれているので、大変わかりやすいです。楽しくjQueryの勉強をスタートしたい方はここからはじめるといいでしょう。

ノンプログラマーのためのjQuery入門

ノンプログラマーのためのjQuery入門

スライド画像でjQueryの基礎知識を学ぶことができます。上記の「超初級者向け入門講座」よりも、若干難易度はあがりますが、より深いjQueryの理解をができます。

こちらも合わせてチェック!

jQuery入門 (全22回)

jQuery入門ドットインストール

ワンレッスン3分以内の楽しい動画で、jQueryを勉強できるので、非常に取り組みやすいです。既に他の言語の修得でお世話になっている方はjQueryの勉強もドットインストールで学んじゃいましょう。

さらにパワーアップ

jQuery初心者の学習の締めにおすすめ!

jQuery初心者の学習の締めにおすすめ!

jQueryの基礎学習はもとより、便利なプラグインの使い方、運用上の陥りやすい罠などを詳しく解説してくれています。そこが知りたかったんだよということがしっかりと理解できる優良サイトです。

レスポンシブルデザインにも対応した高性能なスライダー

レスポンシブルデザインにも対応した高性能なスライダー【bxslider】の設置

jQueryプラグインの中でも人気のスライドショー「bxslider」の設置とカスタマイズがわかります。レスポンシブWEBデザインに対応。

jQueryを使ったタブメニューの実装サンプルまとめ

jQueryを使ったタブメニューの実装サンプルまとめ

jQueryで作成したタブメニューの実装サンプル集です。掲載されているソースコードをコピペするだけで、ご自身のサイトにも簡単に実装可能です。