jQuery UI／プラグインの活用
jQueryやjQuery UI、HTML5を中心に、実務で使える設計・実装の要点を短く解説します。
-
27
星5つ評価を表示・入力できるスター表示プラグイン RateIt
今回はスマートフォンアプリやショッピングサイトのレビューでよく見られる、スターの数で評価を表示・入力するUI部品を実現するjQueryプラグインを紹介していきます。
-
26
Androidスマホでおなじみ！ パターンロックを表示するPattern Lockプラグイン
今回はスマートフォンのUIをWebに取り入れることを意図して、Androidのロック解除画面で用いられるパターンロックをWebで実現する、Pattern Lockプラグインを紹介します。
-
25
Googleマップを手軽に利用する定番プラグイン「gmap3」
前回は世界地図と日本地図を表示するプラグイン2種を取り上げましたが、今回はもっと狭い範囲で特定の場所（地点）の情報を表示するのに便利な、GoogleマップをWebページに表示するjQueryプラグインを取り上げます。
-
24
世界地図／日本地図を作成する「jQuery Vector Maps／Japan Map」プラグイン
今回と次回の2回にわたり世界地図、日本地図、Googleマップといった地図をWebページに表示するjQueryプラグインを取り上げ、紹介していきます。
-
23
セレクトボックスをスタイリングできるjQueryプラグイン「customSelect.js」
今回は、フォーム部品の中でもスタイリングが難しいセレクトボックスを簡単にデザインできるjQueryプラグイン「customSelect.js」を紹介します。
-
22
HTML5 CanvasをjQueryライクに操作できるプラグイン「jCanvas」
今回取り上げるのは、HTML5の機能であるCanvasをより使いやすくするjQueryプラグイン「jCanvas」です。
-
21
今回は昨今のスマートフォンにおいてなじみ深い通知の表示をWebページ内で行うjQueryプラグインを紹介します
-
20
jQuery Mobile 1.4の変更点と既存ページ対応のポイント（後編）
前回に引き続きjQuery Mobileの最新バージョンとなる1.4について、既存Webページを対応させるための修正ポイントについて説明します。後編となる今回は、画面を構成する各種ウィジェットに関する変更点をとりあげます。
-
19
jQuery Mobile 1.4の変更点と既存ページ対応のポイント（前編）
今回と次回の2回にわたり、2014年1月に正式版がリリースされたjQuery Mobile 1.4について、前バージョンからの変更点や既存のWebページを対応させるための修正ポイントを説明していきます。
-
18
スクロールに応じて画像を遅延読込させるLazy Loadプラグイン
今回はWebページのスクロールに応じて画像を遅延読込させるLazy Loadプラグインを用いて、多数の画像を含むWebページで効率よく画像を読み込む方法を紹介します。
-
17
PhotoSwipeプラグインで画像をクールに表示するスマホサイトを作る
今回はjQuery Mobileを用いて構築したスマートフォンサイトにおいて画像をクールに表示する機能を、プラグインやjQuery Mobileの機能を用いて作成します。
-
16
jQuery Mobileプラグイン「Datebox」を活用したスマートフォンサイト作成
今回は、簡単にスマートフォン向けサイトを作成するために活用できるjQuery Mobile向けのプラグインを紹介します。日付や時間入力に便利なDateboxの使い方とさまざまなUIによる入力を紹介します。
-
15
「jQuery Mobile」を活用したスマートフォンサイト作成（後編）
簡単にスマートフォン向けサイトを作成するために活用できるjQuery Mobileを紹介します。前回に引き続き、今回もjQuery Mobile 1.3.0で登場した新機能を紹介します。
-
14
「jQuery Mobile」を活用したスマートフォンサイト作成（中編）
今回も、簡単にスマートフォン向けサイトを作成するために活用できるjQuery Mobileを紹介します。今回は2月に正式リリースされたバージョン1.3.0の新機能を紹介します。
-
13
「jQuery Mobile」を活用したスマートフォンサイト作成（前編）
今回は、簡単にスマートフォン向けサイトを作成するために活用できるjQuery Mobileを紹介します。
-
12
多彩なグラフを表示できるjQueryプラグイン「jQPlot」を解説します。この「jQPlot」最大の特長はこのプラグイン専用の多種多様な機能拡張スクリプトが揃っていることです。基本的なグラフのみならず、ドーナツグラフ、バブルチャートなど、多彩なグラフを描くことができます。
-
11
今回は、簡単に綺麗なグラフを表示できるjQueryプラグイン「jQuery Visualize」を解説します。HTML5のcanvas要素を使って見栄えの良いグラフを描画するプラグインです。
-
10
今回は、テーブル操作をテーマにしたjQueryプラグイン「jquery.columnfilters」「jquery.csv2table.js」「tableHover」を紹介します。
-
9
今回は、テーブルや、グラフのプロットなど、データ操作をテーマにしたjQueryプラグイン「table fixed header」「Sigma Ajax Grid」「flot」を取り上げます。
-
8
今回は、ハイライト、マウスオーバーでの変化などエフェクトをテーマにしたプラグインghostType、jQuery naviDropDown、jQuery FishEye Plugin、highlight JavaScript text highlighting jQuery pluginを紹介します。
-
7
ユーザーインターフェースをテーマに、readmore、star-rating、UIVirtualKeyboardプラグインを扱います。
-
6
サイトの見せ方をひと工夫するのに役立つと思われるjQuery Pluginとして、jQuery Corners、Tooltip、ezColumnsの3つを取り上げます。
-
5
画像の切り替えや見せ方をテーマに、スライドショー、円形スライド、画像上へのポップアップ表示、パノラマ画像表示を実現する4つのプラグインを解説します。
-
4
今回は、メニューバー、タブ、画像のスライダー、ズーム機能、Twitterのタイムライン表示といったjQuery Pluginを解説します。
-
3
フォーム入力時に役立つInput Hint Overlay、Text input field filter、jQuery Validation、Simplest Twitter-like dynamic character count、jQuery-narrative-selectを紹介します。
-
2
前回に引き続きjQuery UIの中から、Dialog、Datepicker、AutoComplete、ProgressBarの使い方を取り上げます。
-
1
第1回では、jQuery UIのインストールからインタラクションにあたる要素のドラッグ＆ドロップ、リサイズ、並べ替えについて取り上げます。