Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

モバイルアプリ開発最前線(PhoneGap)

5,154 views

Published on

PhoneGap

Published in: Technology
  • Be the first to comment

モバイルアプリ開発最前線(PhoneGap)

  1. 1. モバイルアプリ開発最前線 @mat_aki / SonicGarden
  2. 2. Titanium● Webの技術でモバイルアプリ開発を● 内蔵の javascript インタプリタで実行。 javascriptでロジックからViewまで● 各ディバイスでそれぞれUI/UXが違うので描き 分けようという発想● http://www.appcelerator.com/
  3. 3. PhoneGap● Webの技術でモバイルアプリを開発● 内蔵のブラウザでHTML / Javascript を使って 開発● 表現の部分も慣れているHTML, CSSでできる● http://phonegap.com/
  4. 4. Titanium と PhoneGap● Titaniumでアプリ開発をしたが、jsで表現の部 分を実装するとしんどい● PhoneGapの方がHTML/CSSでかけるから楽 そう● その前に、PhoneGapの仕組み
  5. 5. PhoneGapの仕組み モバイル javascript API Web API (json)ネイティブ機能 HTML / CSS / Javascript
  6. 6. 問題: HTMLをどうやって作るか● json を html に変換するって大変● PC版でhamlでやっていることと同じことアイデアPC版をFull Ajax にして、そのrjsの部分を活用してみよう
  7. 7. keepintouch で検証 デモ
  8. 8. 検証まとめ● 悪くはなさそう● ログイン部分を含め ajax● デバックがめんどい ブラウザでテストしたいが cross domainの問題● HTML生成部分の共通化はできそう。ナビゲー ションの部分の分離が課題● スクロールができないのはなぜ?● セッション管理
  9. 9. PhoneGapについて● Titaniumよりも良さそう● https://build.phonegap.com/ http://monaca. mobi/● スピード感がでそう● ネイティブのUIというよりも端末を超えた共通化 Facebookとか

×