フレームワーク
2009-08-09 (日) 20:19:00 (184d)

lifebuoy.png iPhone/iPod touch向けサイトを作成する時の手助けとなるフレームワークの紹介

iPhone Samples 　

  • http://groupaware.mobi/iphone/#_Samples
  • デザインパターンに留まらず、iPhone用Webサイト/アプリでよく使われるアドレスバーの非表示やOrientation（縦横の切替え）フック、iPhone特有のリンク処理、HTML文書以外の表示、Audio/Video、FixedTop?などの高度な項目も、実装状態をデモで確認できます。

iUi 　

  • http://code.google.com/p/iui/
  • パロアルト研究所のJoeHewitt?氏が開発した「iui.js」を使うことでよりiPhoneらしい概観（リスト選択やラウンドフォーム）を備えることができます。現在は、google codeに移動しています。
  • ライセンスはNew BSD License。
  • ※initial-scale=1.0; maximum-scale=1.0;を指定しないとスクロールの際に画面が崩れる場合があるようです。また、2007年から開発が停止しています。

Universal iPhone UI Kit 　

  • Diego Martín Lafuente氏
  • UIデザインのフレームワーク。CSSとHTMLでiPhoneのUIを構築するためのサンプル集。こちらもリストやコンタクトリスト、ボタンパネル、ヘッダー数種類のサンプル付。特にデザインパターンに関しては豊富な種類をカバーしており、iPhone独特なSMSチャットまでデザインを用意しています。
  • ライセンスはGPL3。
  • http://code.google.com/p/iphone-universal/

jQuery Touch | jQuery Plugins 　

iWebKit 　

  • iWebKit
  • iPhoneで閲覧するサイトを構築するためのHTML解説や、その際にどういう記述をするべきかの説明が詳しくなされています。

iPhone Web Developer Tool 　

iPod/iPhone Touch jQuery Plugin 　

iPod/iPhone Flick jQuery Plugin 　

WebApp?.Net 　

  • http://webapp.net.free.fr/
  • 一般的なフレームワークと同じくリスト表示や画面遷移時のスライドイン処理、バックボタンやホームボタンに加え、下記処理もデモ実装されています。
    1. 非同期リスト追加
    2. ログイン処理
    3. メディアファイルの処理
    4. ECサイトでのカート処理



スポンサード　リンク