Column

こんにちは。 iMedioセミナー講師の森 和恵です。
そろそろ梅雨入りですね。暑い季節に向けて、体調管理をしっかりしたい所です。

さて。今回は、jQueryについてのお話です。

ブラウザーで動くプログラミング言語としてポピュラーなJavaScript。
より手軽にプログラムが書けるように生まれたのが、jQueryです。
jQueryは、JavaScriptライブラリとも呼ばれています。

定義的なことはさておき、ここでは「何ができるのか？」から話を進めようと思います。

とりあえず、どんな役割なのかを知りたい時は、短いプログラムを動かしてみるとよくわかります。
 

【超簡単！jQueryでアニメーション付き開閉式ボックスを作成してみた – すずろぐ】
http://www.suzushin7.jp/entry/2017/05/09/retractable-box-by-jquery

のページでは、クリックするとコンテンツが表示される動きをするプログラムが解説されています。
JavaScriptよりも、ぐっと短いプログラムのコードで動くことがわかります。

また、ウェブページで利用頻度の多い動きをするプログラムがいろいろと発表されています。
（しかもフリープログラムなのが驚きです。）
 

【jQueryでオススメのドロワーメニュープラグイン一覧 – Snaplog】
https://blog.mismithportfolio.com/web/jq-drawer-plugin

【画像を遅延読み込みできるjQuery Lazy Loadの仕組み・動作 – 後悔日誌】
http://www.viaggiolog.com/entry/lazyload-behavior

【jqueryを使った360度パノラマビューの実装】
http://www.systemexpress.co.jp/htmlcss/panorama.html

など、あげていけばきりがありません。
「あのサイトでみた動きを自分も使ってみたい」と思えば、大抵探しあてられます。

JavaScriptだけでは実現しない、プログラム導入の手軽さをサポートしてくれるのがjQueryと言えますね。

…ということで、今回はここまで。おすすめしたい関連講座は↓です。
jQueryを用いたプログラムの導入方法を知りたい方は、ぜひ。

【プログラマーでない人のための jQuery入門《ウェブUIへ手軽にアクションを！》 】
https://www.sansokan.jp/events/eve_detail.san?H_A_NO=23357

ではまた、次回お会いしましょう。
r360studio 森 和恵 (^^)

【Twitterにて情報配信中】　https://twitter.com/r360studio
【 担当講座一覧 】　 http://r360studio.com/seminar/
【 iMedioコラムバックナンバー 】　https://teqs.jp/column_tax/column_mori