今週、スマホ系セミナーに参加してきました。
「第3回 PhoneGap-UserGroup 勉強会」(2012.11.27)
今回は20人くらいの少人数のイベントでした。
- PhoneGap デベロッパーセンター を読め
- Objective-Cを直接触って、高さを変更して広告を入れたりすることもできる
- PhoneGap 2.2.0 がリリースされた
- zip解凍すればOK。各OSに対応したサンプルとかが入っている
- 2.2では、ターミナルから createコマンドを実行すればOK
- あとは、Xcodeで開くだけ
- 「DroidGap」とかの変更は不要(2.2で手間が減った)
$ cd phonegap/lib/ios/bin/ $ ./create {保存する場所} {パッケージ名} {アプリ名}
- Androidのデバッグは、クラスメソッドの爆速エミュレータ がオススメ
- Mac環境では少し不安定。やはり実機でやるのが一番
iOSのデバッグ方法でオススメしたいのは2つ
1. Webインスペクタ
- 実機を繋いで、WebインスペクタをONに(ただし、Xcode4.5以上)
- console.logを使うと、ログが「All Output」に出力される
- デバッガで止めたいときは、Safariから [詳細] -> [メニューバーに開発メニューを表示] で実機で動かしているHTMLページが表示されるようになる
2. Weiner
- Node.jsをダウンロード
- 以下のコマンドを実行し、8080ポートにアクセス
$ npm install weiner $ node_modules/weiner/weiner --boundHost 192.168.2.2
- クライアント側に2つほど設定
- OSにnode.jsを追加(target-script-min.js)
- Externalホスト
- シミュレータで動かす。通信してデバッグ可能
APIの紹介
- GWT Mobile PhoneGap。key/valueのストレージ
- 「github plugin phonegap list」でググると、PhoneGapでどんなところまで実現可能なのかある程度把握できる
- ChildBrowser
- PayPal
- ScreenShot
- jQueryは重いので Zeptoがオススメ。モバイルに特化した軽量フレームワーク
- iPhone5であれば、jQueryでも問題ないかも
- スライド時にちらちらするのは、Page Transitionの設定で何とかなる??
- DOMが読み込まれたかどうかのイベントの中に、app.initializeを入れた方が、画像があったときによいかも(DOMContentLoaded??)
- PhoneGap+jQuery Mobileを使う場合は、page initというTipsがある??
- Androidではクリックイベントに「cclick」を使った方がよい??
次回は年明けだそうです。
すいません、後半集中力が切れてグダグダですね。