入門に最適！独学から始められるjQueryの学習サイト20選
JavaScriptのライブラリであるjQueryをこれから独学で学習しようと思っている初心者の方向けにおすすめの学習サイトをまとめています。どのサイトも入門から始めるのに最適なので、ぜひご覧ください。
テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査
jQueryを勉強したいと思って検索してみても、サイトが多すぎてどのサイトから勉強すれば良いか分からないという方がいるかと思います。
今回は、独学から始められるjQuery学習サイトをまとめて紹介したいと思います。
そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。
なお本記事は、TechAcademyのオンラインブートキャンプJavaScript/jQuery講座の内容をもとにしています。
1. ドットインストール（jQuery入門）
学習スタイル：動画
プログラミング初学者の味方であるドットインストールです。
文字で書いてあるサイトはたくさんあっても動画で解説しているサイトは中々無く、イメージを掴みやすい内容となっています。どの言語を勉強するときも第一歩はこれといっても過言ではないくらいおすすめできるサイトです。
2. jQueryってなに？超初心者向け入門講座
学習スタイル：テキスト
Web制作会社であるWeb企画さんが執筆した、初心者向けの記事です。今までプログラミングを学んだことのない方でも簡単に理解できるようにサンプルを交えて解説してあります。
動画を見てイメージをつかんだ後に読むとさらに理解を深めることができるでしょう。
3. イモムシでjQuery入門
学習スタイル：テキスト
POPなデザインが特徴の入門サイトです。
イモムシをjQueryで動かすという独特のサイトです。独特ですがわかりやすく解説されているので、jQueryを触ったことがないという人でも挫折せず進めることができるでしょう。
4. jQuery入門道場
学習スタイル：テキスト
本で出版されている内容の前５章をWeb上で公開しているページです。本の抜粋とだけあって完成された文章で書かれているので、すんなりと知識が頭に入ってきます。
文法の理解がメインとなっていますが、どれもプログラミングを身につける上で重要なので、これからエンジニアを目指している方は特におすすめです。
コスパとタイパ、両方結果的に良くなる良くなる学び方とは？
「スクールは高いし時間も縛られて効率が悪い」と考える方は多いと思います。
もちろん、時間も費用もかかることは間違いありません。
ただ
結果的に無駄な学びにお金も時間もかける方がリスクが高いという考えもあります。
コスパ・タイパ最適化の参考として、
テックアカデミー卒業生がスクールを選んだ理由
をご紹介します。
- ・困ったときに、質問や相談できる相手がいるため挫折しなかった
- ・プロとして必要なスキルのみを深く学べたので無駄がなかった
- ・副業案件の提供と納品までのサポートがあったので目的を達成できた
安価・短期間で広く浅く学んでも意味がありません。
本当に自分の目的が達成できるか、それが重要です。
自分にどのスキルや学び方が合っているか、どんな学習方法かなど、お気軽に
無料相談
に参加してみませんか？
カウンセラー・現役のプロへ、何でも気軽に無料相談可能。
30分か60分お好きな時間が選べて、かつ3回まで
すべて無料で
ご利用できます。
無理な勧誘は一切ない
ので、お気軽にご参加ください。
5. SlideShare(初心者のためのjQuery入門)
学習スタイル：スライド
スライドを公開するWebサービスであるSlideShare上で公開されているjQuery入門用のスライドです。
jQueryのメリットや成り立ちなどから解説されており、またスライドなのでとてもまとまっています。jQueryとは何なのか詳しく知りたい方には良いでしょう。
6. 40分で覚える！jQuery速習講座
学習スタイル：テキスト
WebProfessionalというWebの情報サイトに掲載されているページです。これを読めばjQueryを使えるというくらい要点をきっちり絞って解説してあります。見やすいデザインもおすすめです。
速習なので、今すぐ理解したいという方はぜひ一度ご覧ください。
7. jQuery入門
学習スタイル：テキスト
環境設定から、サンプルコードまでたくさん載っているサイトです。中級者向けの内容も入っているので、慣れてきた方におすすめです。
8. 少しのコードで実装可能な20のjQuery小技集
学習スタイル：テキスト
こちらは環境設定や基礎理解が完了した人におすすめのサイトです。jQueryで使える実装をコードとサンプルとともに紹介しています。このサイトを見ればいかにjQueryが簡単に実装できるかがわかるはずです。
jQueryを使うとどんな動きが出せるのか知りたい方は、このサイトでイメージを膨らませておくと良いかもしれませんね。
9. とほほのjQuery入門
学習スタイル：テキスト
jQueryのメソッドやAPIをまとめたサイトです。チュートリアルサイトというより、自分でjQueryをかくようになるとお世話になるサイトです。隅々まで解説してあるので、先に全体像を知っておきたいという方にはおすすめのサイトです。
10. CODEPREP
学習スタイル：ハンズオン(画面上で書きながら)
Web上でコードを実行できるサービスである「CODEPREP」です。コードを書いてそのコードの解説まで行ってくれるので、コードを書く能力が身につきます。
11. ポンクソフト
学習スタイル：テキスト
JQueryの入門サイトなのですがいきなり3回目でクイズゲームを作るなどかなり実践的で面白いです。
その後もいろいろなゲームを作っていくのでやっていっても全然飽きません。
12. おつぱの表4
学習スタイル：テキスト
語り形式でjQueryを学んでいくことができます。優しく面白い口調なのでスイスイ読めてしまいます。7つのサンプルで学ぶことができますがもっともっと欲しくなってしまいます！
13. Web Design Recipes
学習スタイル：テキスト
かわいい壁紙とガールズちっくなフォントでデザインも綺麗です。
これで分かりやすくストレスなくjQueryの基本からプラグインの使用方まで 学べるのでおすすめです。
14. Webデザインラボ
学習スタイル：テキスト
フォントが手書き風で可愛らしいこのサイト、しっかり入門者向けにjQueryを教えてくれます。実践というよりはjQueryを使ってプログラミングの基礎を学ぶのに良さそうです。
15. jQuery write less, do more
学習スタイル：テキスト
jQueryの本家大元サイト。英語ですが、もちろん言語作成元ですので正確な情報がきっちりと提供されています。
少し敷居が高いかもしれませんが、学習を進めていってjQueryに何か不具合が起きた時などはどのプログラマもここを参照します。知っておいて損はないでしょう。
16. w3schools.com
学習スタイル：テキスト
こちらも英語サイトです。jQueryについてやりたいことを左のサイドバーをスクロールすれば見つけることができます。
17. 読書メモ・感想とWebマーケティング雑感〜jQuery初心者（凡人）が1か月でjQueryを書けるようになった4つのポイント〜
学習スタイル：テキスト
こちらは実際のコーディングではないですが、jQueryを独学で学んできた先輩の意見が伺えます。何事も先人の意見は大切です。是非参考に読んでみてください
18. commte blog〜今風になった！Web制作で使える最近のjQueryプラグインまとめ〜
学習スタイル：テキスト
jQueryはプラグインを使うともっともっとすごいことがたくさんできます。
むしろそっちの方が真骨頂と言えるでしょう。こちらのサイトはそのすごいことができるjQueryのプラグインをまとめてくれています。気に入ったものがあれば是非インストールして使ってみましょう。
19. Coliss
学習スタイル：テキスト
jQueryを使ったプラグインですごいもの綺麗なものがみられます。いきなりここまで行くのは難しいかもしれませんが、みてみて「こういうことができるんだ!」ということを理解して、憧れを持って勉強を始めてみるのもいいのかもしれません。
20. AWWARDS
学習スタイル：テキスト
こちらは英語ページですがjQueryのWebサイトの特に優れたものを集めたものです。もうリストを見ているだけでワクワクしてきますね。海外のレベルの高さに是非触れてみましょう。
今回はjQueryの入門サイトを紹介していきました。
ここで挙げたサイトを参考に勉強を頑張っていきましょう。
jQueryを学習できる本も合わせてご覧ください。
TechAcademyでは、初心者でもJavaScript・jQueryを使ったWebサービス公開を習得できるオンラインブートキャンプJavaScript/jQuery講座を開催しています。
挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。
プログラミングを独学で学習していて、このように感じた経験はないでしょうか？
- ・調べてもほしい情報が見つからない
- ・独学のスキルが実際の業務で通用するのか不安
- ・目標への学習プランがわからず、迷子になりそう
テックアカデミーでは、このような
学習に不安を抱えている方へ、マンツーマンで相談できる機会を無料で提供
しています。
30分間、オンラインでどんなことでも質問し放題です。
「受けてよかった」と感じていただけるよう
カウンセラーやエンジニア・デザイナー
があなたの相談に真摯に向き合います。
「自分に合っているか診断してほしい」
「漠然としているが話を聞いてみたい」
こんなささいな悩みでも大丈夫です。
無理な勧誘は一切ありません
ので、まずはお気軽にご参加ください。
※体験用のカリキュラムも無料で配布いたします。（1週間限定）
