Introducing 

Prezi AI.

Your new presentation assistant.

Refine, enhance, and tailor your content, source relevant images, and edit visuals quicker than ever before.

Loading…
Transcript

と、ということは?

モバイル用UIについて

・ThemeRollerツールを使ってテーマをカスタマイズする。

Thank you!

jQuery Mobile 調査報告(仮)

サンプル

2010/09/15

Toru Yoshikawa

特徴

自己紹介

吉川 徹

Toru Yoshikawa

HTML5とか勉強会スタッフ

Twitter:

yoshikawa_t

Blog:

http://d.hatena.ne.jp/pikotea/

・軽量なコードを維持するために可能な限りHTML5やCSS3を利用する。

本日のお話

Demo

・はじめに

http://jqueryui.com/themeroller/

・jQuery Mobile とは?

・ブラウザ別サポート状況

・モバイル用 UI について

Congraturation!!

はじめに

jQuery Mobile は、まだリリースされて

いません。タイトルに「調査報告(仮)」と

ある通り、ここに書いてある内容は、

実際のリリース時には変更されている

可能性があります。

ご了承ください。

・メジャーな JavaScript ライブラリである JQuery を

モバイル向けに対応させるプロジェクト

HTML

・モバイル対応コードは、jQuery core、jQuery UI に

それぞれ含まれることになります。

jQuery Mobile とは?

・主要なモバイルプラットフォームで、統一されたJavaScriptコードとUIを提供する

jQuery の使い慣れたコードがそのままクロスプラットフォームな

コードになります。

jQuery の新しいバージョンがそのままモバイル対応となります。

Q.ファイルサイズは大きくなったり、パーフォマンスが落ちたりしないか?

A.ファイルサイズの増加は200~300バイト以下で、パフォーマンスの違いはほとんどありません。(当社比)

ブラウザ別サポート状況

各プラットフォームの搭載ブラウザ

ざっくり分けると…

Grade A : Mobile Safari、Firefox for Mobile、

     Mobile Opera などのモダンなブラウザで

     比較的新しいものなど

※ Grade分けにはシェアも加味されています。

Grade B : IE Mobile や[Grade A]の比較的

     バージョンが古いものなど

Grade C : NetFront、Opera Mini など低機能か

     特殊なブラウザなど

・過去3年間に発売された主要なスマートフォンに対応

・Cは限定的なサポート

・A+Bをフルサポート

お楽しみに!!

最初のリリースは2010年10月を予定!

※ Chrome Lite は公式な呼称ではありません。

toka teck talk's

・2.1(Eclair):

・1.6(Donut):

Chrome Lite (Safari 4.0相当)

Chrome Lite (Safari 3.0相当)

ブラウザではなく、開発ツール。

HTML/JS/CSSからネイティブアプリを生成。

レンダリングエンジンは、WebKitベース

・3.0、4.0:

特殊なブラウザ。HTMLのレンダリングエンジンを搭載せずにサーバー側で独自形式に圧縮して表示している。

WebKitベース

Safari 4.0

WebKitベース

その他

・6.0:

WebKitベースが多い。

思ったより対応は楽?

IE7

・7.0:

Opera Mobile 8.6、8.65

IE6 Zombie

10th anniversary

・UIQ:

・6.5:

Safari 3.1

・S60 v5.0:

Safari 2.0

・S60 v3.0:

Learn more about creating dynamic, engaging presentations with Prezi