Titanium mobileで遊んでみた
- 1. Titanium Mobileで遊んで みた スマートフォン勉強会＠関西＃16 大阪電気通信大学 寝屋川駅前キャンパス 2011/7/2
- 2. はじめまして、こんにちは ? こんにちは、津守です。 ? 大学生のような生き物です。 ? いつもはC++ ? モバイルプラットフォームはWindows系 ? さいきんiPhone ? 今日はTitanium Mobileで遊んでみようと思います。
- 3. Titanium Mobileってなぁに？ ? JavaScriptでモバイルアプリケーションを開発できる便利な の ? iPhone/iPad/Androidのアプリケーションが作れます ? 最近BlackBerryにも対応しました。 ? Phone7にも対応する気はあるみたい ? OSごとにObjective-C/Java/C#を書き分けなくていい ? 軽いアプリケーションならOSごとの開発言語で本気出さなく ていいのでお手軽
- 4. せっかくなので导入编から
- 5. 導入編 ? Titanium Studioをダウンロードする！ ? http://www.appcelerator.com/products/titanium-studio/ ? インストールする！ ? Windows7の非管理者アカウントだと挙動が微妙 ? 起動する！ ? アカウント作る！ ? ログインするとIDEがそこに！
- 6. Titanium Studio ? Titaniumの開発環境。 ? Titanium Mobileもこれ。 ? Aptana StudioというIDEがベース。 ? Aptana StudioはEclipseがベース。 ? ようするにJava ? ビルドとかデバッグとかできます。 ? ちなみにデバッグは有料です。
- 7. Demo 導入編
- 8. アプリを作ってみました ? とりあえず簡単なもの！ ? ということで、携帯百景アプリ作ってみました。 ? 起动→撮影→投稿の简単设计
- 9. 携帯百景 ? 携帯から写真をアップロードして共有するサービス ? わりとゆるふわな感じ ? 投稿はすべてメールで ? SMTP書きたくないのでAPI作りました
- 10. 携帯百景API ? 正式に一般向けに公開されてるのはないみたい ? 不便なので野良APIを作りました。 ? http://www2.refy.net/api/movapic/uploadAndPost ? Twitpicの昔のAPI風味です ? リクエストすると裏でSMTPを喋ってます ? 運営のうさぎさんに無許可でやってるのであれげかも
- 11. Titanium Mobileでカメラアクセス ? Titanium.Media.showCamera() ? これを呼ぶだけ。とても簡単。 ? 成功、エラー、キャンセルにイベントハンドラ渡すと呼んでく れます。 ? あとは細かい設定がいくつか。
- 12. ギャラリーアクセス ? カメラのついでにフォトギャラリー。 ? Titanium.Media.openPhotoGallery() ? 呼ぶだけ簡単。 ? ハンドラその他はカメラとほとんど共通 ? らくちん！
- 13. HTTP通信 ? JavaScriptなのでXHR風味ですよ！ ? var xhr = Ti.Network.createHTTPClient(); ? こんな感じで生成します。 ? あとはonloadとかくっつけてsendするだけ。 ? みなさんの慣れた環境と同じです
- 14. ロケーションアクセス ? Titanium.Geolocation.addEventListener('location‘, cb); ? イベントハンドラをつけます。 ? 定期的にコールバックが呼ばれます ? 位置情報がゲットできます！ ? 簡単です
- 15. UIの設計 ? これが面倒。 ? Titanium.UI.createButton(), etc… で必死生成します。 ? XMLでUI作ったりするソリューションもあるます ? ですが使ったことないので割愛…
- 16. JavaScriptはどうなるか ? iOSの場合 ? コンパイル時にJavaScriptのコードはすべてObjective-Cへ変 換されます ? 変換されたコードはTitanium Mobileのライブラリとまとめてネ イティブコードへ ? Androidの場合 ? JavaScriptのまま実機上で実行されます ? スクリプト実行が制限されていないので、Google V8エンジン で実行されてるらしいです。
- 17. JavaScriptとして ? プロトタイプ使えます ? newその他 もちろんおっけーです。 ? jQueryとかもがんばれば動きます ? documentとかwindowとかを定義してほげるそうです ? 命名とかもだいたいDOMっぽくしてるようで、挙動もあわせ てあります ? JavaScriptやったことある人がみるとそんなに困らないので はないかなという印象
- 18. 気になる実行速度 ? iPhoneのばあい ? Objective-Cになるのでそこそこ早いです。 ? TableViewがもたつきます。 ? それ以外はわりといい感じに動きます。 ? その代わりメモリをがっばああああととるみたい。 ? Androidのばあい ? インタプリタなのでわりと遅めかと思いきやそうでもない ? がんばれてる印象 ? 書き分けめんどくさくてあんまり使ってない…
- 19. 困ったところ ? iOS向けのビルドがMacでしかできない ? デバッグするのにお金払わないといけない ? UIに互換性がわりとなくて結局書き分け ? ところどころ挙動がおかしいことがしばしば
- 20. Demo アプリつくったよ！
- 21. まとめ ? JavaScriptで開発できるのはとても便利です ? 特にObjective-CとJavaやらなくていいのはうれしい ? 実行速度はそれなり。がんばっても勝てない面はある。 ? 開発はTitanium Studioがリリースされてだいぶ楽に。 ? UI設計をぽとぺたでできるようになるともっと便利になりそう。