jQuery Mobile 1.3β公開。レスポンシブなテーブル、グリッド、追加コンポーネントなど大幅強化

2013年1月16日

HTML5のマークアップだけでモバイル対応のWebアプリが構築できるJavaScriptフレームワークのjQuery Mobile。レスポンシブWebデザインにフォーカスし大幅に強化された新バージョンjQuery Mobile 1.3βが公開されました。

Announcing jQuery Mobile 1.3.0 Beta | jQuery Mobile

jQuery Mobile 1.3では、表示幅に対応して自動的にフォーマットが変化する「Responsive tables」や「Responsive grids」、1つのスライダーで値を2つ設定できる「Range Slider」、新しいウィジェットの「Panel」をはじめ、多くの機能追加が行われています。

ブログでは、今回のバージョンでレスポンシブWebデザインにフォーカスする経緯について、以下のように説明しています。

We’ve seen the question “What should I use: RWD or jQuery Mobile?” many times on Twitter and our response is an unqualified “both”.

私たちは“レスポンシブWebデザインとjQuery Mobile、どちらを選ぶべきなのか?”という質問をなんども目にしてきました。私たちの答えは無条件に“どちらも”です。

Think of jQuery Mobile as a set of touch-friendly UI elements that are designed to fit within your responsive design. Even at our launch, our demos & docs used media queries for a responsive experience, but we decided that we could do a better job helping people responsive in their own projects.

jQuery MobileはタッチフレンドリーなUIのセットだと考えることができ、それはレスポンシブなデザインに適合しています。私たちが立ち上げたdemos&docsでは、media queriesをレスポンシブな体験に用いています。しかし、私たちはできるかぎりさらにみなさんのレスポンシブを助けていこうと決めました。

レスポンシブなテーブルやグリッド

今回追加されたおもな要素について紹介しましょう。個人的にモバイル向けのWebページを作る上でいちばん便利ではないかと思うのが、このレスポンシブなテーブルです。

横幅に余裕があるときには、複数の列を横方向に表示しています。

fig

この横幅を狭くすると、それに合わせて列が縦方向に表示されるように設定できます。

fig

また、ユーザーが自分で表示したい列を選択できるテーブルも作れます。

fig

レスポンシブなグリッドでは、横方向に余裕がある場合には設定通りに横方向にグリッドが並びます。

fig

あらかじめ設定した値よりも幅が狭くなると、自動的に縦方向に並ぶようになります。

fig

スライダーを使って範囲を設定できるレンジスライダーも追加。

fig

横方向から表れてくるパネルも新たなウィジェットとして追加されました。右からも、左からも登場させることができ、パネル上にメニューなどを表示できます。

fig

そのほか、ダイアログボックスのクローズボタン、入力フィールドのクリアボタンなど、jQuery Mobile 1.3では細かい追加機能が多数行われ、久しぶりの大きなバージョンアップとなりそうです。

このエントリーをはてなブックマークに追加
follow us in feedly


関連タグ Web技術 / jQuery / jQuery Mobile / モバイル



タグクラウド(β版)

クラウド / AWS / Azure / Google Cloud
コンテナ / Docker / Kubernetes
クラウドネイティブ / サーバレス
クラウド障害 / 運用・監視

プログラミング言語 / 開発ツール
JavaScript / Java / .NET / WebAssembly
HTML/CSS / Web標準
アジャイル開発 / スクラム / DevOps / CI/CD
ソフトウェアテスト・品質
ローコード/ノーコード開発

データベース / RDB / NoSQL / 機械学習・AI
Oracle Database / MySQL / PostgreSQL
Office / 業務アプリケーション

ネットワーク / HTTP / QUIC / セキュリティ
OS / Windows / Linux / VMware
ハードウェア / サーバ / ストレージ

業界動向 / 働き方 / 給与・年収
編集後記 / 殿堂入り / おもしろ

全てのタグを見る

Blogger in Chief

photo of jniino

Junichi Niino(jniino)
IT系の雑誌編集者、オンラインメディア発行人を経て独立。2009年にPublickeyを開始しました。
詳しいプロフィール

Publickeyの新着情報をチェックしませんか?
Twitterで : @Publickey
Facebookで : Publickeyのページ
RSSリーダーで : Feed


最新記事10本