書籍「jQueryプラグイン徹底活用 – プロのデザインアイデアとテクニック」に執筆させていただきました

Posted under - Misc

18

この度、書籍「jQueryプラグイン徹底活用 – プロのデザインアイデアとテクニック」に執筆をさせていただいたので、ブログでお知らせです ;D MdN デザインインタラクティブさんから、7月3日に発売されました!

jQueryプラグイン徹底活用 - プロのデザインアイデアとテクニック

この度、MdNさんから出版されている書籍「jQueryプラグイン徹底活用 – プロのデザインアイデアとテクニック」で、執筆させていただきました!この本は、jQuery のプラグインの基本的な使い方はもちろん、それらを使ったアレンジなどを特集した内容になっています。

この本では、たくさんのプロの Webデザイナーさんたちが、サンプルの制作、執筆をしています。私は 4つ程サンプルと文を担当させていただいたのですが … 他の Webデザイナーさんの作品に比べると見劣りしてしまうかも …。7月3日に発売されていますので、ぜひ読んでいただけるとうれしいです!


まずはこの本の目次を、簡単にご紹介します(全部じゃなくて、一部です)!

INTRODUCTION – jQuery の基本解説

まずは jQuery についての基本解説です。jQuery のコードの基本的な記述方法や、セレクタについて、メソッドやイベントについてなどがまとめられています。その他、変数や配列、基本構文(if文とか for文とか)といった、Javascript のコーディングに最低限必要な基本的なことも解説されています。Ajax についても少し載ってました。

CHAPTER 1. レイアウト

この CHAPTER からは、実際にいろいろな jQuery のプラグインを、サンプルを交えて学ぶ形式になっています。まずはレイアウト関連のパートになります。HTML と CSS だけでは、なかなか実現できないレイアウトを jQuery のプラグインで実装してみよう!という CHAPTER です。

どんなレイアウトが紹介されているかを少しだけ紹介すると(使用している jQuery のプラグインについては、ここでの紹介は控えておきます。) …

  • リキッドレイアウト + Masonry + 無限スクロール(Pinterest みたいな感じ)
  • jQuery Mobile で作るスマートフォン向け UI
  • 本文にある注釈(リンク)をクリックすると、画面左側から解説がスライドしてくるとか
  • フォームの UI エレメントをグラフィカルに装飾する – 高橋のり

もちろん他にもレイアウト関連の記事があります!私もここで、ひとつ書かせていただきました。

CHAPTER2. ナビゲーション

たくさんの Webサイトに設置されている、ナビゲーションに関する jQuery プラグインの紹介 CHAPTER です。ひと言でナビゲーションといっても、いろいろなタイプがありますものねー。ここでもいくつかご紹介すると …

  • 膨大なメニューをスッキリまとめるメガメニュー
  • マウスオーバーでバブルアップ(拡大表示)する円形メニュー – 高橋のり
  • ユーザビリティに優れたパンくずリストとツールチップ

この他にももちろん記事があります。この CHAPTER でも、ひとつ書かせていただきました。

CHAPTER 3. エフェクト

この CHAPTER は、主に UI などを素敵にする、エフェクト関連です。

  • パララックス効果を取り入れたイメージスライダー
  • ズームインエフェクトを使って商品写真を魅力的に見せる
  • アニメーションを効果的に使うナビゲーションやリンク – 高橋のり
  • Flash なしで実現する画像 360 度か移転表示

jQuery エフェクトといっても、単なるエフェクトじゃなくて、機能的に使う … っていう感じの CHAPTER ですねー。私もひとつ書かせていただきましたが、他の方のサンプルすごいです …。

CHAPTER 4. グラフィック

最後の CHAPTER はグラフィック関連です。

  • 複数の画像を一度に見せるカルーセルスライダー – 高橋のり
  • YouTube の動画を背景全体に表示して再生する
  • Facebook のウォールをスライドインさせる … Facebook やってる人にはいいかもしれませんね!
  • Google マップでマラソンランナーを追跡する … これはすごい!

グラフィックっていうより、ちょっと特殊な UI 関連が多いかもです。私のは特殊でもなんでもないですけど …。でも、単なるカルーセルとしてだけでなく、クリックすると拡大表示される UI と組み合わせたりしてみました。


もっと詳しい目次は、出版元の MdN さんのサイトで掲載されていますので、ぜひご覧になってくださいね!

各 CHAPTER の最後にあるコーナーもおすすめ!

jQueryプラグイン徹底活用 - プロのデザインアイデアとテクニック

書籍中、各プラグインを利用したアレンジなどもとっても参考になります。でもこの本の魅力はそれだけではありません。各 CHAPTER の最後には、「仕事で役立つ便利な jQuery プラグイン」というコーナーがあって、たくさんのプラグインが紹介されています。

ちょっといいなーと思ったのは、各プラグインに「定番」「ユニーク」といったタグがくっついてるところ。みなさんが使ってると思われる、定番のプラグインを知ることができてとてもよかったです。私はフリーランスで一人で仕事してるせいか、定番とかに疎いので …。


名前も載ってる XD

そんな「jQueryプラグイン徹底活用 – プロのデザインアイデアとテクニック」、MdN さんから発売中です!

それから、編集の C.K さん、本当にお疲れまさでした!お世話になりました ;D

jQueryプラグイン徹底活用 - プロのデザインアイデアとテクニック

jQueryプラグイン徹底活用 プロのデザインアイデアとテクニック

普段 Web制作をしている人も、これから jQuery のプラグインを利用してみたい!という人にもおすすめです!7月3日に発売されています!

Comments

Thank you for the comment.