カトヒサ(@hisayosky)です。けん子HTML&CSSはひと通りできるようになったわよ。動きをつけるのは自信ないわ。いつも検索してコピペだからじつはよくわかんないのよねぇ。いう人におすすめの本を紹介します。「jQuery標準デザイン講座」です。jQueryは基本的にググってコピペして、コードを少し書き変えれば使えます。いうことは、コードの中身がある程度理解できればカスタマイズがぐっと楽になりますよね。書けないまでも「読める」くらいの力はつけたほうがいいです。「jQuery標準デザイン講座」はjQueryの基本構造がわかりやすいだけでなく、初心者が学びやすいように本が構成されています。「jQueryってちょっと苦手...」という人に親切な本なのです。今回はWeb制作初心者にやさしい本として「jQuery標準デザイン講座」を紹介します。「jQuery標準デザイン講座」ってどんな本?おすすめの勉強方法まったく力にならなかった勉強法jQueryは早めに知っておいて損はないまとめ:jQueryが勉強しやすい本を紹介しました。理由は以下の3つです。使い途があるわりと組み合わせるだけでできるJavaScriptへの踏み台になる☑️使い途があるjQueryの使い途はズバリ「ウェブサイトに動きをつける」です。スクロールするとふわっとテキストが出てきたりするあれですね。「そもそもこれって何に使うの?」という言語が多い中で、jQueryは「何ができるか」がとてもイメージしやすいです。HTML&CSSができるようになった後なら、次のステップとしてちょうどいいですね。☑️わりと組み合わせるだけでできるjQueryはいくつかの命令を組み合わせて動きを作っています。「ホバーしたらズルズルっと開くスライドメニュー」の場合、ホバーするズルズル開くという2種類の命令が組み合わさっています。要はどの命令をどんな順番で組み合わせるかがjQueryの肝です。命令の種類はけっして多くありません。どんなものがあるかひと通りわかってしまえば、あとは組み合わせを考えるだけなのです。☑️Javascriptへの踏み台になるjQueryはJavascriptで書かれたライブラリ(よく使う機能の詰め合わせセット)です。そもそも書き方が違うんですよね。いえjQueryの書き方にはJavascriptと同じところがあります。実際「jQuery標準デザイン講座」でもJavascriptを解説するページがあります。jQueryでもJavascriptの基本的な知識が必要だからです。部分的に知っておく分、本気でJavascriptを学んだ時のハードルは下がります。Javascriptだとむずかしい人には「基本的なところ」を「限定的に」知れるのがかえって良いですね。「jQuery標準デザイン講座」ってどんな本?「jQuery標準デザイン講座」の特徴は以下のとおりです。完成版と練習版のサンプルファイルが付いている自分でコードを書いて動きを作る説明が段階的で理解しやすい本の序盤がjQueryで使う命令の索引になっているJavaScriptの解説も少しある「どう学べばjQueryを身につけてもらえるか」がよく考えられています。サイトで使われている動きを本に従って作っていきます。説明を入れながら段階的に作業が進んでいくので「あれ?いつの間にこうなっちゃったの?」となることがありません。命令の種類がわからなくなったら、本の序盤に戻れるように該当のページが示されています。ページに情報を詰め込みすぎていないので、ぱっと見でやる気を削がれにくいです。スポンサードサーチおすすめの勉強方法よく考えて作られているとはいえ、jQueryが身につくかどうかは勉強の仕方によります。コードを書くだけではおそらくダメです。ぼくの体験からですと、以下のような手順がおすすめです。完成サンプルを見てどんな命令の組み合わせになっていそうか考える本を見ながらコードを書く書いたコードを全部消す今度ははじめから自力で書く最初は本を頼りにしつつ、最後は「自分で書く」という体験が必須です。本当はCSSから自分で書いた方がいいのですが、そこまでやると大変すぎるのでjQueryだけでもがんばって書いてみましょう。「jQueryって本当に組み合わせでできているんだなぁ」と実感できるはずです。それに自分の予想が当たるとちょっとうれしいですよ。});」の中身を書いていけばいいようになっていますが、全部消してまっさらから始めるのがおすすめです。はじめから繰り返し書くと、かっこの付け方がなんとなくわかってきます。力にならなかった勉強法これまたぼく自身の経験からですが、まったく身にならなかった勉強法もご紹介します。「本を見ながら書いただけ」です。できるような気にはなるのですが、実は書けるようになっていません。一度同じものを書いてみればわかります。ほんと、手も足も出ませんから。自分で書いてみて初めてわかる勘違いもありますし、本気で身につけるならゼロから自分で書くのは避けられないですね。スポンサードサーチjQueryは早めに知っておいて損はない実際にコーディング案件を受けるようになると、HTML&CSSだけで済むことはあまりありません。動きを入れるのが暗黙の了解だったりします。正確なコーディングをしつつ動きまで入れてやっと「いい感じですね」と思ってもらえる印象です。jQueryはHTML&CSSよりははるかに早く低コストで身につけられます。手をつけて自分のオプションにしてしまうのがいいですよ。まとめ:jQueryが勉強しやすい本を紹介しました。カエレバ当サイトは「STORK」を使用しています関連記事Web制作ツイートシェアはてブLINEPocketfeedly【運営報告】2019年2月。フリーランス7ヶ月目の進捗を報告するよ稼げるスキルを「着実に」身につける勉強計画の立て方【焦りは禁物です】RECOMMENDこちらの記事も人気です。Web制作2018.9.15ワードプレスが本当にわからない人に「PHPの使いどころ」をシンプルに解説...Web制作2018.12.8「コーディングがなぜかうまくいかない...」という人へ。「必勝パターン」がわ...Web制作2019.8.28【Photoshop】UdemyのWebデザイン講座。CSS」に取り組む...Web制作2018.6.18プログラミングに暗記は必要ない。▼読みたい記事を探すならかじとりズムのサイトマップ▼人気記事トップ10アイビスペイントの超基本的な使い方。初心者でもこれだけでイラスト描けますアイビスペイント。最低限の知識だけシンプルに解説します最近の投稿ミームデザイン学校の公開授業と学校説明会に行ってきたのでレポートします【運営報告】2020年1月。副業2ヶ月目の進捗を報告するよWebマーケティングの仕事内容。抱えがちな11の疑問に答えますフリーランスからWebマーケ担当へ。