11/15/2010

[&] Web Directions East 2010 (Jonathan Stark)

Jonathan Stark (ジョナサン・スターク)
『HTML, CSS, JavaScript を利用したモバイルアプリ開発』

photo-12

なぜ注目されているのか?
2007年の時点、そんなに携帯電話は高機能ではなかった。
ブラウザがあったそしても、そんなに見せることはできなかった。
デバイスの修正もできなかった。

2010年にはいると、
タッチスクリーンも大きくなり。携帯電話の全域が画面になってきた。
センサーも入り、位置の検知もでき、本当にパワフルなプラットフォームになってきた。
ブラウザのエクスペリエンスが変わってきた。
携帯電話で時間を費やすようになってきた。

Phones
Tablets
Kiosks
Cars
Printers

次に何を期待すべきか?

Home Appliances
Power Tools
Retail Signage
Wayfinding
Food Menus
Product Packaging

"There's naver been a better time to be a web nerd"
Jonathan Stark
「Web オタクにとって、今程いい時は無い(笑」

Mobile Apps
スクリーンは小さいけれど....
Native apps - Fragmentation
Web apps - Sandboxing
SMS apps - Discoverability の3種類あり、欠点もある。

Mobile Apps
全てのプラットフォームに対してネイティブアプリを作るのは
現実的ではない。維持できない。
Web Apps
ブラウザ上で動く。自動的にアクセスできる情報に制限がかかる。
SMS Apps
古い電話でも使えるが、知ってもらえる方法が難しい。

Considerations
Native / Web / Depend
------------------------------------------------
Cosmetics X
Functionality X
Development X
Testing X
Distribution X
Payment X
Support X
------------------------------------------------

テストやサポートは Web Apps の方がやりやすい。
2台以上。企業で利用する場合は、Web Apps の方がスキルもあって、
作りやすい。人々も理解しやすい。配信も簡単。

●Mobile Web Libs
iUI http://code.google.com/p/iui/
jQTouch http://www.jqtouch.com/
Sencha Touch http://extjs.co.jp/products/touch/
jQuery Mobile http://jquerymobile.com/

●JQTtouch
jQuery のプラグイン
JQtouch の style を追加。スタイルをリセットする。デフォルトがいやならば変更できる。
3Dエフェクトが Android ではうまく行かないのでフェードを使う。

●Hybrid Apps
WebとNative のハイブリッドアプリがおすすめ。

●PhoneGap
http://phonegap.com/
@natobi が開発。スケルトンコードをネイティブアプリに。
7-8プラットフォームに対応。
ひとつのネイティブコードに対応すれば良い。

ロードマップ
http://wiki.phonegap.com/Roadmap
JavaScript を使ってカメラにアクセスできたりする。
様々なプラットフォームに対応することができる。

Screen shot 2010-11-15 at 14.52.04

ハイブリッドアプリはとても強力。
開発もテストも配布も課金もサポートも容易。
将来の仕様方法を考えて決定すると良い。

PhoneGap のデモ。
iPhone SDK と Android SDK のシミュレータ/エミュレータで動作することを確認。
Objective-C も Java も全く書いていないのにネイティブアプリが開発できた。

同じコードベースで iPhone 版と Android 版が作られる。
魅力的なアプローチ。
ネイティブアプリの用に扱える。
プラットフォームハイブリッドで作れる。

"If you can build your app with HTML, CSS,
and JavaScript, then you probably shoud."
- Sonathan Stark
できるのであれば、ぜひこれらのフレームワークを使ってやってほしい。

Q&A
Q: W3C の API カメラのアクセスなどを策定中であるが、将来的にはできる?
A: API が整えばかなりの対応ができる。最終的な目標は PhoneGap 無しで可能になること。
 SONY 独自の API なども、独自でなくなる日を期待している。
 Web だけを主張するのではなく、Web の成功要因としても、
 全てのコンテンツをネイティブに持っていかなければならないのは難しい。
 web のフレンドリーの場所、オープン何でもできる。
 今後の幸運を祈っている。