福井スマートフォンハッカソン Titanium Mobileの紹介
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

福井スマートフォンハッカソン Titanium Mobileの紹介

  • 1,917 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,917
On Slideshare
1,910
From Embeds
7
Number of Embeds
2

Actions

Shares
Downloads
11
Comments
0
Likes
4

Embeds 7

http://us-w1.rockmelt.com 4
http://s.deeeki.com 3

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Titanium Mobileを超簡単に紹介するよ Shingo Mori ConnectionWorks Inc.
  • 2. 自己紹介
  • 3. Shingo Mori森 真 吾• ConnectionWorks Inc. from Nagoya• (株)コネクションワークス• @sngmr• ソフトウェアエンジニア• 兼営業兼企画兼コンサル兼経理• Titanium Certified Application Developer
  • 4. Titanium Mobileってなに?
  • 5. JavaScript
  • 6. int main (int argc, const char * argv[]) { NSAutoreleasePool * pool = [[NSAutoreleasePool alloc] init]; // insert code here... MyClass *obj = [[MyClass alloc] init]; int value = [obj add:1 val2:2]; [obj release]; [pool drain]; return 0;}
  • 7. ヤダ… (´・ω・`)括弧ばっかりで気持ち悪い…
  • 8. function main() { var obj = new MyClass(); var value = obj(1, 2);}
  • 9. ( ・∀・)イイ!!
  • 10. しかもiOSとAndroidが両方イケる (バイ)
  • 11. ‣ クロスプラットフォーム・モバイルアプリケーション開発環境 ‣ iOS (iPhone, iPad, iPod touch) ‣ Android ‣ Brackberry (beta) ‣ Mobile Web (beta)‣ 開発元は ‣ Appcelerator Inc. ‣ アメリカ・マウンテンビュー(シリコンバレー)‣ オープンソース ‣ Titanium Mobile SDKはGithubでOpenに開発
  • 12. どうやって動くの?
  • 13. Titanium Mobileのアーキテクチャ アプリケーションコード APIs Modules APIs Modules JSインタプリタ JSインタプリタ iOS Android OS Native iOS app Native Android app
  • 14. 実際に使われてるの?
  • 15. 1.5 MILLIONDEVELOPERS
  • 16. Japan?
  • 17. なにがすごいの?どこまでやれるの?
  • 18. Native UI が使える•User Experience !!!•慣れ親しんだUIが使える
  • 19. 機能は(だいたい)全部使えます Native User Experience Multimedia Native performance + Native UI Camera, video camera, streaming / (tables, animations, gestures, etc). device audio/video Location-based Services Analytics Integrated user, session, and custom Augmented reality, geo-location, analytics. Interactive web-based compass, native maps analysis tools. Geo-analytics. Social Sharing Authenticated access to Facebook, Titanium Plus Twitter, Yahoo YQL. Native email/ Add any native Obj. C (iPhone) or Java address book. (Android) module into Titanium Data Access online / device data, Development Tools embedded SQL database, filesystem, Create, test, and publish your app web services
  • 20. なにが苦手?•リアルタイム性が要求されるものは厳しい•メモリも少し食う•UIデザイナがないよー •CSSを直打ちするイメージでデザイン
  • 21. TitaniumのAPIに無い機能が使いたい !!•Objective-C(iOS)またはJava(Android)で拡張Moduleが作れる!•Open Mobile Marketplaceで買う事も!
  • 22. Open Mobile Marketplace
  • 23. なにがいるの?
  • 24. iOSアプリを作る場合‣ 開発にはMacが必須です‣ Lionの場合は必須ではありませんが、iOS Dev Centerに登録しましょう。 ります。Freeです。‣ XcodeをAppStoreからダウンロード‣ Command Line Tools for XcodeもAppleからダウンロード ‣ Gitがあると便利なので‣ 実機に転送したい場合は、iOS Developer Programへの加入が必要(年8,400円のお布施)
  • 25. Androidアプリを作る場合‣ WindowsでもいいけどMacのがいい・・・かも‣ Android SDK をダウンロード‣ Android SDK ManagerでターゲットバージョンのSDKをダ ウンロード‣ ごめんなさい。Androidあんまりやってないのでちょっと曖昧です
  • 26. どちらの場合でも‣ JDK(Java Development Kit)のインストール‣ Appceleratorへ開発者登録‣ Titanium Studioのダウンロード‣ Titanium Studio内からTitanium Mobile SDKのダウン ロード‣ 開発マシンは・・・ ‣ 速いCPUと富豪なメモリがあった方がいいです
  • 27. お高いんでしょ?
  • 28. 無料です!!(基本)
  • 29. デバッグめんどそう
  • 30. ‣Titanium Studio上からデバッグ可能 ‣ただしシミュレータのみ ‣実機デバッグは開発中だそうです‣break point で変数の中身を確認できる‣iPhoneシュミレータは普通に動く‣Androidシュミレータは・・・まぁ動く(遅い)
  • 31. どういうふうに書くの?
  • 32. var win = Ti.UI.createWindow({ layout: vertical, backgroundColor: #666}); createLabelwin.add(Ti.UI.createLabel({ text: about @sngmr, color: #FFF}));win.add(Ti.UI.createTableView({ createTableView data: [ { title: 名前, hasDetail: true }, { title: 生年月日, hasDetail: true }, { title: 性別, hasDetail: true }, { title: 身長, hasDetail: true }, { title: 体重, hasDetail: true }, { title: 年収(別料金が必要), hasDetail: true } ], style: Ti.UI.iPhone.TableViewStyle.GROUPED}));win.open(); open
  • 33. Reference
  • 34. ‣Download ‣http://www.appcelerator.com/‣Documents ‣http://docs.appcelerator.com/‣Sample ‣Titanium Studio -> Samples ‣KitchenSink (UI部品の使い方のみ参考に!!) ‣その他(コードの組み方とか全般)
  • 35. Question?
  • 36. ありがとうございました