More Related Content
Similar to Html5 js waffle
Similar to Html5 js waffle (20)
More from kujirahand kujira
More from kujirahand kujira (6)
Html5 js waffle
- 1. 2010/11/29
第 12 –回 HTML5
とか勉強会
クジラ飛行机
HTML5 で作る
スマートフォンの
ネイティブアプリ開発
~ JSWAFFLE の紹介
http://d.aoikujira.com/jsWaffle
- 2. iPhone のブラウザ → Mobile Safari
Android のブラウザ → 標準ブラウザ
いずれも、 WebKit ベースで HTML5 に対応している
( 前提 )IPHONE/ANDROID …のブラウザは .
- 10. (1) Objective-C や Java を知らなくても作れる!
(2)とにかく開発効率が良い!
とりあえず、いつものように、 Web ブラウザと好きなエディタで作ってお
いて、最後に、ネイティブアプリ変換すれば良い
スマートフォン固有 API が手軽に使える(面倒な手続きも簡略化)
記述するコードも少なくて済む
(3) HTML5 が思う存分使える!
ネイティブアプリにしてしまうなら、ブラウザ互換性など、もろもろ面倒
な事を考えなくて済む
HTML5/JS でアプリ開発するメリット
- 13. Desktop(Windows など )/iPhone/Android で動作
カメラ /GPS/ 傾き検知などスマートフォンの機能を使う API あり
Titanium Developer という専用アプリでプロジェクトを管理
有料サポートがある本格的なフレームワーク
ライセンスは Apache)
TITANIUM MOBILE
Titanium
http://www.appcelerator.com/
- 16. PhoneGap が有名なので、 Android で使ってみようと思った
しかし、インストールが大変!
Android SDK は仕方ないとしても、 Ruby/Apache ANT …
環境変数の書き換え、 Ruby …のバージョンに指定有り
苦労してインストールを終えプロジェクト作成
サンプルをコンパイル!
実行 .. 残念!動かない機能があった
動くには動くが・・・使えない機能があるのは嫌 !!
まともに API が動かない PhoneGap の Android 版に不満
PhoneGap のコンセプトを見習って自分で作ってしまおう!!
JSWAFFLE を作るまで