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サイト構築をする際の大きな武器になります。転職活動の際にも大きなアピールになる事間違い無しです。コツコツと習得を目指しましょう。

  関連記事

ロゴ制作に役立つ情報。企業ロゴに隠された意味・秘密・狙い【PCメーカー編】

企業ロゴを見渡すととてもユニークな物が多いです。デザイナーはセンスだけでデザイン …

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

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

当サイト経由でホームページ、フライヤー制作の受注が入った。

「メディアサイトを立ち上げて良かったこと、悪かったこと」でも触れましたがサイト運 …

デザインに参考になる面白い広告30選!広告はアイディアが重要!

広告はアイディアが重要です。限られた時間、スペースの中でユーザーの心に残るもので …

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

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

WEBデザインに必要不可欠なAdobe Creative Cloud!まずはIllustratorやPhotoshopをマスターしよう!

WEBデザイナーを目指す方は必ず買っておくべきデザインソフトがあります。その名も …

デザイナーは参考にしよう!オシャレな年賀状まとめ【企業編】

さて、今年も残すところ1ヶ月を切りました。皆さんの2014年はどんな年でしたか? …

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

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

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

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

Webデザイナーにおすすめのブログ集!Webデザインの参考にどうぞ

Webデザインをする際に何かに躓くことってありますよね?「ここのデザインはどうし …

Message

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

CAPTCHA