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

  関連記事

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

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

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

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

ホームページ制作の流れって?(前編)

ホームページ作成にあたって、お客様との間で必ず打ち合わせを行います。大体のホーム …

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

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

効果の高いLP(ランディングページ)を作る為の参考サイト一覧!

クライアントは様々な目的を持ってWebサイト制作を依頼してきます。例えば、商品A …

WordPressの無料テンプレート「STINGER」。こんなに自由にカスタマイズ可能!

目次1 はじめに1.1 こんな意見も2 STINGERとは?2.1 STINGE …

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

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

【空編】無料で使えるフリー素材特集(空、夕焼け、夜空、星空)

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

【保存版】バナー制作の参考サイトまとめ!効果が出る・成約につながるバナー制作を

ホームページやランディングページの中身が充実していても、入り口であるバナーが微妙 …

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

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

Message

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

CAPTCHA