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

  関連記事

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

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

dontdisturb
ホームページ制作を業者に依頼する時の注意するべきポイント

Web制作を、業者に頼む人には注意するべきポイントがあります。業者に頼めばホーム …

free9
おすすめのフリー素材サイト(写真、画像、背景、アイコン等)を集めてみた

ホームページやフライヤー、ポスターを作成する際に必ず必要となる素材ですが、皆さん …

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

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

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

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

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

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

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

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

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

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

55117
激安・格安ホームページ制作の落とし穴|メリットとデメリット

「制作費●●円でホームページが手に入る」というキャッチコピーで集客をしている制作 …

tree1
【緑色編】ロゴ集めました!企業やサービス、商品のロゴ制作の参考に!

皆さんはロゴを制作する際に何を参考にしていますか?センスやアイディアだけで制作が …

Message

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

CAPTCHA