「jQuery Mobile」を活用したスマートフォンサイト作成（後編）
はじめに 簡単にスマートフォン向けサイトを作成するために活用できるjQuery Mobileを紹介します。前回に引き続き、今回もjQuery Mobile 1.3.0で登場した新機能を紹介します。 対象読者 jQuery mobile、スマートフォンに興味があり、使ってみたい方 必要な環境と準備 執筆時点のjQueryの最新版は、2.0.0ですが、現時点でのjQuery MobileはjQuery 1.7～1.9対応を前提としているため、今回のサンプルでは1.9.1を用いています。第1回を参考に、ダウンロードしてください。また、jQueryプラグインの基本的な使い方は、第3回を参照してください。 また、執筆時点でのjQuery Mobileの最新版は、1.3.1です。1.3.0での不具合修正が主で新機能の追加はほぼありません。こちらからzipファイルでダウンロードできます。サンプルでは、h
「jQuery Mobile」を活用したスマートフォンサイト作成（中編）
はじめに 今回も、簡単にスマートフォン向けサイトを作成するために活用できるjQuery Mobileを紹介します。今回は2月に正式リリースされたばかりの最新バージョン1.3.0の新機能を紹介します。 対象読者 jQuery mobile、スマートフォンに興味があり、使ってみたい方 必要な環境と準備 執筆時点のjQueryの最新版は、1.9.1です。第1回を参考に、ダウンロードしてください。また、jQueryプラグインの基本的な使い方は、第3回を参照してください。 また、執筆時点でのjQuery Mobileの最新版は、1.3.0です。こちらからzipファイルでダウンロードできます。サンプルでは、htmlファイルと同じ階層にmobileというフォルダを作成しています。zipファイル中のimagesフォルダ（cssファイルが呼び出す画像ファイルが格納されたフォルダ）と、jquery.mobil
「jQuery Mobile」を活用したスマートフォンサイト作成（前編）
はじめに 今回は、簡単にスマートフォン向けサイトを作成するために活用できるjQuery Mobileを紹介します。jQuery MobileはjQueryと同時に読み込んで使用するもので、スマートフォン向けサイトでよく使われるスライダースイッチなどのフォームを簡単に呼び出すなど、スマートフォン向けUIサイトが簡単に作成できます。今回はjQuery Mobileとは何かを解説し、ごく簡単なスマートフォン向けサイトを作成してみます。 対象読者 jQuery mobile、スマートフォンに興味があり、使ってみたい方 必要な環境と準備 今回使用したjQuery Mobile1.2.0がサポートしているjQueryのバージョンは1.7.x、1.8.xで、1.6.x以前のバージョンと1.9.xはサポート外となっています。このため、今回のサンプルスクリプトで使用しているjQueryのバージョンは1.8.
スマホ向けサイト制作の実装＆使えるTips10選
スマホ向けサイト制作の実装＆使えるTips10選：jQuery Mobileでスマホ向け企業サイト構築（3）（1/4 ページ） まだjQuery Mobileを触ったことのないWeb制作者向けに、基本的な利用方法を学びながら、jQuery Mobileを使った簡単な企業サイトの構築の仕方を解説していきます。今回は、画面遷移の制御、アイコン表示、ナビゲーションバー、検索フィルタ、基本的なHTMLスタイル、固定ポジションモードなどを紹介します jQuery Mobileでスマホ向けサイト制作は、こんなに簡単にできる 前回の第2回「触りながら覚えるスマホ向け企業サイト設計の基礎知識」では、サイトの基本構造についての説明と、トップページのコーディングに合わせてヘッダ、フッタなどのツールバー、リストビューコンポーネントを紹介しました。 新年1発目となる本連載の第3回はお知らせページの作成を進めつつ、
jQuery Mobileの必要なモジュールだけを選んでカスタマイズできる「Download Builder」、α版が公開
jQuery Mobileの必要なモジュールだけを選んでカスタマイズできる「Download Builder」、α版が公開 HTML5を記述することでモバイル対応のWebアプリケーションが開発できるJavaScriptライブラリの「jQuery Mobile」。現在開発中のjQuery Mobile 1.1.1からは必要な機能だけを選択して組み合わせることができるようになります。 それに合わせて、メニューから必要な機能を選択することでカスタマイズされたjQuery Mobileがダウンロードできる「Download Builder」のα版が公開されました。 どんなものか、画面を見るのがいちばん分かりやすいと思います。 Core、Forms、Navigation、Transitions 、Utilities、Widgetsのそれぞれの機能が選択でき、チェックした機能のモジュールとCSSのみが
jQuery MobileのテーマにMetroスタイルが登場。Microsoft Open Technologiesが発表
jQuery MobileのテーマにMetroスタイルが登場。Microsoft Open Technologiesが発表 HTML5のタグを記述することで容易にモバイル対応のアプリケーションが開発できるフレームワーク「jQuery Mobile」に、マイクロソフトのタッチインターフェイスである「Metroスタイル」に対応したテーマが追加されたことがブログ「More news from MS Open Tech: announcing the open source Metro style theme for jQuery Mobile」で明らかにされました。 このブログを投稿したAbu Obeida Bakhach氏は、先月マイクロソフトがオープンソースや標準規格などに対応するために設立した企業Microsoft Open Technologies,Incの一員です。 Metroスタイル
jQuery/jQuery Mobileなどの支援を目的に「jQuery Foundation」が設立
JavaScriptライブラリとして広く普及しているjQueryの開発チームは、jQueryやその関連ソフトウェアの推進を目的とした非営利団体「jQuery Foudation」の設立をブログで発表しました。 The jQuery Foundation is a non-profit trade association and the home of jQuery, the Internet’s number one JavaScript library. Founded by a group of leading JavaScript developers and architects, the jQuery Foundation is dedicated to three goals: supporting development of the jQuery Core, UI, and
ブラウザベースのjQuery Mobileアプリ開発環境「codiqa」と「Application Craft」
jQuery MobileなどのすぐれたJavaScriptフレームワークの登場で、HTML5とJavaScriptを組み合わせたWeb標準によるモバイルアプリケーション開発が普及し始めています。 この記事では、Web標準によるアプリケーション開発をさらに簡単にしてくれる、WebブラウザベースのjQuery Mobile対応モバイルアプリケーション開発環境「codiqa」と「Application Craft」の2つを紹介しましょう。 Codiqa～jQuery Mobileアプリのモックアップがすぐ作れる モバイルデバイス対応のアプリケーションを開発するときに手間がかかるのが、小さい画面でも使いやすいユーザーインターフェイスの構築です。モックアップを作り、使い勝手を試す必要があります。 先月公開が始まった「codiqa」は、そのモックアップを手軽に、Webブラウザ上でドラッグ＆ドロップす
jQuery Mobile、バージョン1.1と1.2が相次いで登場予定。ロードマップが明らかに
昨年、2011年11月に正式版「jQuery Mobile 1.0」が登場したばかりのjQuery Mobileのブログで、今後のロードマップが明らかにされました。 これから春が終わるまでに、バージョン1.0.1、1.1、1.2と続けざまに新しいリリースが登場する予定です。 1.1は1.0の最適化を進めたものに まず2週間以内にメンテナンスリリースのjQuery Mobile 1.0.1が登場予定。 続いて次期版となるjQuery Mobile 1.1では、以下の3つが主な改良点となります。 AMD Support: Dependency management, flexible builds and improved code structure. True fixed toolbars: Lightweight, CSS-based & broadly compatible. Impr
書評：「jQuery Mobile」オライリーから発刊。正式版1.0対応
HMTL5のタグを記述することでiOSやAndroidなどクロスプラットフォーム対応のWebアプリケーションを開発できるJavaScriptフレームワーク「jQuery Mobile」。先月、正式版となる「jQuery Mobile 1.0」が公開されたこともあり、モバイルアプリケーションの新たな開発環境として非常に注目されています。 PublickeyでもjQuery Mobileを利用してモバイル対応版Publickeyの開発を行った経験がありますが、これまでjQuery Mobileを作る際に頼りになる情報と言えば、オフィシャルサイトのドキュメントがほとんどすべてでした。 オライリージャパンから明後日、12月22日に発売予定の書籍「jQuery Mobile」は、こうした中で発売されるjQuery Mobileに関する待望の日本語書籍。監訳者の白石俊平氏よりご献本いただきました。 原
HTML5とjQuery Mobileを使い、わずか1週間でできたモバイル版Publickey
昨日、Publickeyのモバイル対応版「Publickey Smart Edition」を発表しました。Publickeyのモバイル対応はずっと課題だったのですが、jQuery Mobileが登場したとき「これで簡単にモバイル対応ができる」と思い、jQuery Mobileが安定するタイミングを待っていました。 8月に「そろそろ大丈夫だろう」と思って開発を始めたところわずか1週間程度でモバイル対応ができあがってしまい、今週jQuery Mobileのβ3が出てフィーチャーフリーズになったのに合わせて試験運用を開始しました。 Publikceyのモバイル版の開発は、おおむね3つのステップ「モバイル用HTMLの生成」「jQuery Mobileによるタッチインターフェイスの構築」「小さな画面に合わせた画像縮小」から構成されています。ここではその裏側を少し紹介しましょう。 CMSでモバイル用H
jQuery Mobileのβ2が登場、来月β3の予定、正式版は9月かそれ以降？
HTML5をベースにしたモバイルアプリケーション開発のためのJavaScriptライブラリとして注目されている「jQuery Mobile」の、β2が公開されました。 β版公開時には正式版が8月後半にも登場予定とされていましたが、β3が来月公開するという方針も同時に伝えられたため、正式版の登場は9月かそれ以降になるようです。 JQuery Mobileはオープンソースとして開発されており、無料で利用や配布が可能です。 β2での変更点 今回のβ2では、新たに対応機種／OSを拡大し、Android 3.0（Honeycomb）、Palm WebOS 3.0、Nokia Series 60をサポート。 すでにサポートしているiOS、Firefox Mobile、Kindle 3なども合わせて、「At this stage, jQuery Mobile works on the vast majo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
企業サイトをスマホ向けに作り込むのに役立つテク11選