Titanium Mobileを超簡単に紹介するよ      Shingo Mori     ConnectionWorks Inc.
自己紹介
Shingo Mori森 真 吾• ConnectionWorks             Inc. from Nagoya• (株)コネクションワークス• @sngmr• ソフトウェアエンジニア•   兼営業兼企画兼コンサル兼経理• Tita...
Titanium Mobileってなに?
JavaScript
int main (int argc, const char * argv[]) {    NSAutoreleasePool * pool = [[NSAutoreleasePool alloc] init];    // insert co...
ヤダ… (´・ω・`)括弧ばっかりで気持ち悪い…
function main() {  var obj = new MyClass();  var value = obj(1, 2);}
( ・∀・)イイ!!
しかもiOSとAndroidが両方イケる (バイ)
‣ クロスプラットフォーム・モバイルアプリケーション開発環境 ‣ iOS   (iPhone, iPad, iPod touch) ‣ Android ‣ Brackberry   (beta) ‣ Mobile   Web (beta)‣ 開...
どうやって動くの?
Titanium Mobileのアーキテクチャ          アプリケーションコード   APIs         Modules     APIs     Modules  JSインタプリタ                JSインタプリタ...
実際に使われてるの?
1.5 MILLIONDEVELOPERS
Japan?
なにがすごいの?どこまでやれるの?
Native UI が使える•User Experience !!!•慣れ親しんだUIが使える
機能は(だいたい)全部使えます Native User Experience                                        Multimedia Native performance + Native UI   ...
なにが苦手?•リアルタイム性が要求されるものは厳しい•メモリも少し食う•UIデザイナがないよー •CSSを直打ちするイメージでデザイン
TitaniumのAPIに無い機能が使いたい !!•Objective-C(iOS)またはJava(Android)で拡張Moduleが作れる!•Open Mobile Marketplaceで買う事も!
Open Mobile Marketplace
なにがいるの?
iOSアプリを作る場合‣ 開発にはMacが必須です‣ Lionの場合は必須ではありませんが、iOS         Dev Centerに登録しましょう。 ります。Freeです。‣ XcodeをAppStoreからダウンロード‣ Command...
Androidアプリを作る場合‣ WindowsでもいいけどMacのがいい・・・かも‣ Android     SDK をダウンロード‣ Android        SDK ManagerでターゲットバージョンのSDKをダ    ウンロード‣...
どちらの場合でも‣ JDK(Java    Development Kit)のインストール‣ Appceleratorへ開発者登録‣ Titanium   Studioのダウンロード‣ Titanium   Studio内からTitanium ...
お高いんでしょ?
無料です!!(基本)
デバッグめんどそう
‣Titanium Studio上からデバッグ可能  ‣ただしシミュレータのみ  ‣実機デバッグは開発中だそうです‣break point で変数の中身を確認できる‣iPhoneシュミレータは普通に動く‣Androidシュミレータは・・・まぁ動...
どういうふうに書くの?
var win = Ti.UI.createWindow({    layout: vertical,    backgroundColor: #666});               createLabelwin.add(Ti.UI.cre...
Reference
‣Download  ‣http://www.appcelerator.com/‣Documents  ‣http://docs.appcelerator.com/‣Sample  ‣Titanium Studio -> Samples    ...
Question?
ありがとうございました
福井スマートフォンハッカソン Titanium Mobileの紹介
福井スマートフォンハッカソン Titanium Mobileの紹介
福井スマートフォンハッカソン Titanium Mobileの紹介
福井スマートフォンハッカソン Titanium Mobileの紹介
福井スマートフォンハッカソン Titanium Mobileの紹介
福井スマートフォンハッカソン Titanium Mobileの紹介
福井スマートフォンハッカソン Titanium Mobileの紹介
福井スマートフォンハッカソン Titanium Mobileの紹介
福井スマートフォンハッカソン Titanium Mobileの紹介
福井スマートフォンハッカソン Titanium Mobileの紹介
福井スマートフォンハッカソン Titanium Mobileの紹介
福井スマートフォンハッカソン Titanium Mobileの紹介
福井スマートフォンハッカソン Titanium Mobileの紹介
Upcoming SlideShare
Loading in …5
×

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

1,838 views

Published on

0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,838
On SlideShare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
13
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

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

  1. 1. Titanium Mobileを超簡単に紹介するよ Shingo Mori ConnectionWorks Inc.
  2. 2. 自己紹介
  3. 3. Shingo Mori森 真 吾• ConnectionWorks Inc. from Nagoya• (株)コネクションワークス• @sngmr• ソフトウェアエンジニア• 兼営業兼企画兼コンサル兼経理• Titanium Certified Application Developer
  4. 4. Titanium Mobileってなに?
  5. 5. JavaScript
  6. 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. 7. ヤダ… (´・ω・`)括弧ばっかりで気持ち悪い…
  8. 8. function main() { var obj = new MyClass(); var value = obj(1, 2);}
  9. 9. ( ・∀・)イイ!!
  10. 10. しかもiOSとAndroidが両方イケる (バイ)
  11. 11. ‣ クロスプラットフォーム・モバイルアプリケーション開発環境 ‣ iOS (iPhone, iPad, iPod touch) ‣ Android ‣ Brackberry (beta) ‣ Mobile Web (beta)‣ 開発元は ‣ Appcelerator Inc. ‣ アメリカ・マウンテンビュー(シリコンバレー)‣ オープンソース ‣ Titanium Mobile SDKはGithubでOpenに開発
  12. 12. どうやって動くの?
  13. 13. Titanium Mobileのアーキテクチャ アプリケーションコード APIs Modules APIs Modules JSインタプリタ JSインタプリタ iOS Android OS Native iOS app Native Android app
  14. 14. 実際に使われてるの?
  15. 15. 1.5 MILLIONDEVELOPERS
  16. 16. Japan?
  17. 17. なにがすごいの?どこまでやれるの?
  18. 18. Native UI が使える•User Experience !!!•慣れ親しんだUIが使える
  19. 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. 20. なにが苦手?•リアルタイム性が要求されるものは厳しい•メモリも少し食う•UIデザイナがないよー •CSSを直打ちするイメージでデザイン
  21. 21. TitaniumのAPIに無い機能が使いたい !!•Objective-C(iOS)またはJava(Android)で拡張Moduleが作れる!•Open Mobile Marketplaceで買う事も!
  22. 22. Open Mobile Marketplace
  23. 23. なにがいるの?
  24. 24. iOSアプリを作る場合‣ 開発にはMacが必須です‣ Lionの場合は必須ではありませんが、iOS Dev Centerに登録しましょう。 ります。Freeです。‣ XcodeをAppStoreからダウンロード‣ Command Line Tools for XcodeもAppleからダウンロード ‣ Gitがあると便利なので‣ 実機に転送したい場合は、iOS Developer Programへの加入が必要(年8,400円のお布施)
  25. 25. Androidアプリを作る場合‣ WindowsでもいいけどMacのがいい・・・かも‣ Android SDK をダウンロード‣ Android SDK ManagerでターゲットバージョンのSDKをダ ウンロード‣ ごめんなさい。Androidあんまりやってないのでちょっと曖昧です
  26. 26. どちらの場合でも‣ JDK(Java Development Kit)のインストール‣ Appceleratorへ開発者登録‣ Titanium Studioのダウンロード‣ Titanium Studio内からTitanium Mobile SDKのダウン ロード‣ 開発マシンは・・・ ‣ 速いCPUと富豪なメモリがあった方がいいです
  27. 27. お高いんでしょ?
  28. 28. 無料です!!(基本)
  29. 29. デバッグめんどそう
  30. 30. ‣Titanium Studio上からデバッグ可能 ‣ただしシミュレータのみ ‣実機デバッグは開発中だそうです‣break point で変数の中身を確認できる‣iPhoneシュミレータは普通に動く‣Androidシュミレータは・・・まぁ動く(遅い)
  31. 31. どういうふうに書くの?
  32. 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. 33. Reference
  34. 34. ‣Download ‣http://www.appcelerator.com/‣Documents ‣http://docs.appcelerator.com/‣Sample ‣Titanium Studio -> Samples ‣KitchenSink (UI部品の使い方のみ参考に!!) ‣その他(コードの組み方とか全般)
  35. 35. Question?
  36. 36. ありがとうございました

×