iPhone向けの最適化サイトを作る際に活用したいのがスライドするページ遷移やAjaxなどだろう。iPhoneに特化した機能だけに実装が若干面倒ではあるが、jQTouchを使えばごく手軽に実現できる。使い方にコツが必要ではあるが、iPhoneらしい優れたユーザビリティを実現したいならぜひとも導入したいライブラリだ。

格好いいインタフェース

元々シンプルなiPhoneインタフェースだったが、スキンにも対応してカラフルなサイト作りにも対応できるようになった。さらにインフォメーションページに対応し、Mac OSXのウィジェットのようにページ全体が回転して表示されるアクションもある。

機能は多数あるが、例えば画像の先読み機能やコールバックイベント、Ajaxの対応などが挙げられる。デザインもリストと数字を並べて表示したり、矢印をつけるなど細かな制御が可能になっている。都市を自由に追加できるワールドクロックやTodoといったデモアプリケーションが同梱されている。jQTouchの可能性の高さを感じられるはずだ。

jQTouchはリンクを自動でAjax仕様に書き換えてしまうといった難点があるが、iPhoneに最適化されたサイトを作り込める時にはぜひとも使っていきたいライブラリではある。jQueryベースとあって、他のjQueryプラグインと合わせて利用できるメリットも大きいはずだ。

世界時計

Todoアプリ

via iPhoneで使えるjQueryプラグイン「jQTouch」 [ MOONGIFT ]

jQTouch — jQuery plugin for mobile web development
　http://www.jqtouch.com/

Mockapp templateはPowerPoint、Keynote向けにiPhoneアプリやiPhone最適化サイトのモックアップを作るのに適したテンプレートを提供しています。大きさがちょうどiPhoneの大きさになっているので、モックアップのデザインがやりやすいのではないでしょうか。

Keynote向けテンプレート

また、もう一つUIライブラリもダウンロードできます。こちらはソフトウェアキーボードやボタンなどにレイアウトされているので、UIと画面のテンプレートを組み合わせれば、iPhoneのイメージをつかみやすいサイトデザインができそうです。

プレゼンテーションを使ってモックアップを作成すると、iPhoneの画面デザインを左側に、その説明書きを右側にして資料を作成することができます。Mockapp templateはiPhoneアプリや最適化サイトを作る際には重宝しそうなソフトウェアです。

Mockapp templateはWindows（PowerPoint）とMac OSX（Keynote）向けのフリーウェアになります。

UIライブラリも合わせて使うと便利！

via iPhone向けアプリケーション、Webサイトを開発する際に使えるテンプレート「Mockapp template」[ MOONGIFT ]

Mockapp download page « MockApp
　http://mockapp.com/download/