Eggs of Designer

新宿在住の現役WebデザイナーがWeb・デザイン・SEO・アフィリエイト・ダイエット・生活・人生などについて気ままに語ります。

jQuery初心者が最初に必要な基礎知識

web制作関連

フリーランスで仕事が欲しいならここ

      2015/07/21

desk-home-office-iphone-287-825x550

楽天booksにてWeb制作の現場で使うjQueryデザイン入を購入しました。HTMLやCSS、WordPressの知識は殆ど習得したのですがプラスαの知識としてjQueryを勉強しようと考えたからです。

本日は上記の本を読んで学んだjQueryの基礎知識を紹介します。

jQueryとは?

圧倒的人気を誇る

jQueryは簡単な記述(プログラミング)でWebサイトに様々な効果や動きを付けられるJavaScriptライブラリーです。JavaScriptはアプリケーションを操作する言語として利用されていますが、そのJavaScript上で動作するライブラリです。JavaScriptとは異なる手軽な書き方でJavaScriptの命令を記述できる点がjQueryの最大の特長です。

多くのデザイナーやフロントエンドエンジニアが利用しており、多くの知識やノウハウ、ソースコードがインターネットや書籍を通じて紹介されております。jQueryは新たに習得する絶好の環境が整っており、また将来有望なJavaScriptライブラリーです。

jQueryは手軽

程、手軽な書き方でJavaScriptの命令を記述できる点がjQueryの最大の特長と紹介しました。非常に短いコードで命令文を記載する事が可能です。またCSSにとても近い記述方法を採用している為、HTMLやCSSを覚えたてのWebデザイナーでも簡単に習得できる様に設計されております。

最近Webサイトでよく見かけるアコーディオンパネル(参考)ですが、HTMLのscript要素内に記述する事で実装ができるのですが、たった9行程度の記述で実現できます。これをJavaScriptだけで記述しようとすればかなり大変な作業になります。jQueryを習得できれば短いコードで質の高いWebサイトが構築できる様になります。

jQueryは軽量

jQueryは非常に軽量です。ファイルサイズはなんと93KBしかありません。その為、Webサイトの読み込みに時間を取られる心配もありません。また、主要ブラウザにも対応しており、ブラウザ間の差異を気にせず実装できるのも魅力の一つです。

jQueryを勉強するなら

本を読む

まずは基礎を勉強する必要があります。ネットの評判や口コミを参考に自分にあった参考書を選びましょう。毎日コツコツ読めば1ヶ月前後で読了できる筈です。

おすすめ書籍

ネットの優良記事を参考にする

ネットの情報は書籍よりも最新です。

実際に手を動かす

本を読む、ネットで情報収集する事で知識を蓄えたら実際に手を動かしてみましょう。手を動かす行為がスキルを身につける上で効果的な方法です。ただ、ネットに上がっている情報をコピペする事は禁止です。jQueryに限らずプログラミングを学習する際には,「実際に自分の手を動かす」ことが大切です。最近では,学習書に掲載されたサンプルプログラムのソースコードを、付属CD-ROMやダウンロードサイトから入手できる場合が多いのでこういったサービスを活用するのもいいですね。

終わりに

jQueryの基礎知識いかがでしたか?jQueryを習得すればWebサイト構築をする際の大きな武器になります。転職活動の際にも大きなアピールになる事間違い無しです。コツコツと習得を目指しましょう。

  関連記事

おしゃれなWEBデザインを集めた参考サイトを紹介!WEBデザインは見て勉強。

Webデザインをこれから勉強しようと思っても、実際どこから初めていいかわからない …

2015年初売り福袋合戦!正月特設サイトでWebデザインを学ぼう!

2014年ももうすぐ終わりですが何も思い起こす事はありませんか?大掃除や年末ジャ …

【熊・クマ・くま編】デザインの参考に!キャラクターを集めてみた。

たまに「ロゴにキャラクターを入れたい」「サイト内にキャラクターを登場させたい」「 …

デザイナーの名刺はオシャレが当たり前!?参考にしたいデザイン名刺

勉強会やITイベント、交流会等で名刺を交換する機会があるのですが、デザイナーやク …

Illustratorが無料!?イラストレーターの機能を持ったフリーソフトまとめ

イラスト作成ソフトは、写真やイラストなどを編集しポスターや名刺、フライヤーような …

記事を人気順に並べるプラグイン!『WordPress Popular Posts』

WordPressには便利なプラグインが多数存在します。プラグインの導入によって …

バナーやポスター、フライヤー・チラシなど制作におすすめの参考書はこれ

最近仕事でアフィリエイト用のバナーを制作する事が多いのですが、結構頭を使います。 …

話題のLINEクリエイターズスタンプを作ってみた【その4】

LINEスタンプの記事は以前にも紹介(参考)しておりますが今回も僕が作成したLI …

HTMLの謎①〜DOCTYPE宣言とは?〜

ホームページ制作をするにあたって必ず耳にするのがHTMLやCSSと呼ばれるプログ …

【参考】Webデザイナーのポートフォリオサイト!転職に活かせるポートフォリオを大公開

今回の記事はWebデザイナーを目指している方、Webデザイナー職に転職を考えてい …

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA