SlideShare a Scribd company logo
1 of 49
Download to read offline
Titanium Mobile
を超簡単に紹介するよ


      Shingo Mori
     ConnectionWorks Inc.
自己紹介
Shingo Mori
森 真 吾
• ConnectionWorks
             Inc. from Nagoya
• (株)コネクションワークス


• @sngmr


• ソフトウェアエンジニア
•   兼営業兼企画兼コンサル兼経理


• Titanium   Certified Application Developer
Titanium Mobile
ってなに?
JavaScript
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;
}
ヤダ… (´・ω・`)



括弧ばっかりで

気持ち悪い…
function main() {
  var obj = new MyClass();
  var value = obj(1, 2);
}
( ・∀・)イイ!!
しかも

iOSとAndroidが

両方イケる (バイ)
‣ クロスプラットフォーム・モバイルアプリケーション開発環境

 ‣ iOS   (iPhone, iPad, iPod touch)
 ‣ Android

 ‣ Brackberry   (beta)
 ‣ Mobile   Web (beta)
‣ 開発元は

 ‣ Appcelerator   Inc.
 ‣ アメリカ・マウンテンビュー(シリコンバレー)

‣ オープンソース

 ‣ Titanium   Mobile SDKはGithubでOpenに開発
どうやって動くの?
Titanium Mobileのアーキテクチャ


          アプリケーションコード

   APIs         Modules     APIs     Modules

  JSインタプリタ                JSインタプリタ

          iOS               Android OS
  Native iOS app          Native Android app
実際に使われてるの?
1.5 MILLION
DEVELOPERS
Japan?
なにがすごいの?

どこまでやれるの?
Native UI が使える
•User Experience !!!
•慣れ親しんだUIが使える
機能は(だいたい)全部使えます
 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
なにが苦手?
•リアルタイム性が要求されるものは厳しい
•メモリも少し食う
•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   Line Tools for XcodeもAppleからダウンロード

  ‣ Gitがあると便利なので

‣ 実機に転送したい場合は、iOS        Developer Programへの加入
が必要(年8,400円のお布施)
Androidアプリを作る場合

‣ WindowsでもいいけどMacのがいい・・・かも


‣ Android     SDK をダウンロード

‣ Android
        SDK ManagerでターゲットバージョンのSDKをダ
    ウンロード

‣   ごめんなさい。Androidあんまりやってないのでちょっと曖昧です
どちらの場合でも
‣ JDK(Java    Development Kit)のインストール

‣ Appceleratorへ開発者登録

‣ Titanium   Studioのダウンロード

‣ Titanium   Studio内からTitanium Mobile SDKのダウン
 ロード

‣ 開発マシンは・・・

  ‣ 速いCPUと富豪なメモリがあった方がいいです
お高いんでしょ?
無料です!!
(基本)
デバッグめんどそう
‣Titanium Studio上からデバッグ可能
  ‣ただしシミュレータのみ
  ‣実機デバッグは開発中だそうです

‣break point で変数の中身を確認できる

‣iPhoneシュミレータは普通に動く
‣Androidシュミレータは・・・まぁ動く(遅い)
どういうふうに書くの?
var win = Ti.UI.createWindow({
    layout: 'vertical',
    backgroundColor: '#666'
});
               createLabel
win.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
Reference
‣Download
  ‣http://www.appcelerator.com/

‣Documents
  ‣http://docs.appcelerator.com/

‣Sample
  ‣Titanium Studio -> Samples
    ‣KitchenSink (UI部品の使い方のみ参考に!!)
    ‣その他(コードの組み方とか全般)
Question?
ありがとうございました

More Related Content

What's hot

Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~
Atsushi Harada
 
Xcode 7におけるUIテストとカバレジ計測 #yidev 第20回勉強会
Xcode 7におけるUIテストとカバレジ計測 #yidev 第20回勉強会Xcode 7におけるUIテストとカバレジ計測 #yidev 第20回勉強会
Xcode 7におけるUIテストとカバレジ計測 #yidev 第20回勉強会
Koji Hasegawa
 
第5回業開中心会議
第5回業開中心会議第5回業開中心会議
第5回業開中心会議
Kaoru NAKAMURA
 

What's hot (20)

Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~
 
iOS豆知識ver0.0.5
iOS豆知識ver0.0.5iOS豆知識ver0.0.5
iOS豆知識ver0.0.5
 
Sansan Tech Meetup Androidエンジニアが振り返る Google I/O
 Sansan Tech Meetup Androidエンジニアが振り返る Google I/O   Sansan Tech Meetup Androidエンジニアが振り返る Google I/O
Sansan Tech Meetup Androidエンジニアが振り返る Google I/O
 
iOSアプリ UIテスト自動化入門
iOSアプリ UIテスト自動化入門iOSアプリ UIテスト自動化入門
iOSアプリ UIテスト自動化入門
 
VRの入力デバイス #JAGVR
VRの入力デバイス #JAGVRVRの入力デバイス #JAGVR
VRの入力デバイス #JAGVR
 
Xcode 7におけるUIテストとカバレジ計測 #yidev 第20回勉強会
Xcode 7におけるUIテストとカバレジ計測 #yidev 第20回勉強会Xcode 7におけるUIテストとカバレジ計測 #yidev 第20回勉強会
Xcode 7におけるUIテストとカバレジ計測 #yidev 第20回勉強会
 
Leap motion 実践活用 ダイジェスト版
Leap motion 実践活用 ダイジェスト版Leap motion 実践活用 ダイジェスト版
Leap motion 実践活用 ダイジェスト版
 
Infragistics Web Day 2017 - 継続的な開発を支える テスト自動化技術
Infragistics Web Day 2017 - 継続的な開発を支える テスト自動化技術Infragistics Web Day 2017 - 継続的な開発を支える テスト自動化技術
Infragistics Web Day 2017 - 継続的な開発を支える テスト自動化技術
 
fastlane触ってみた
fastlane触ってみたfastlane触ってみた
fastlane触ってみた
 
VR_Future_Vision_2016
VR_Future_Vision_2016VR_Future_Vision_2016
VR_Future_Vision_2016
 
子どもがOculusダメな理由を調べてみた
子どもがOculusダメな理由を調べてみた子どもがOculusダメな理由を調べてみた
子どもがOculusダメな理由を調べてみた
 
Appium を使って iOS / Android の UI テストを共通化
Appium を使って iOS / Android の UI テストを共通化Appium を使って iOS / Android の UI テストを共通化
Appium を使って iOS / Android の UI テストを共通化
 
Swift playgroundsでアプリを作る
Swift playgroundsでアプリを作るSwift playgroundsでアプリを作る
Swift playgroundsでアプリを作る
 
UE4.14で広がるVRの可能性
UE4.14で広がるVRの可能性UE4.14で広がるVRの可能性
UE4.14で広がるVRの可能性
 
UE4.14.0 Forward Shadingのエンジン改造でセルシェードやってみた
UE4.14.0 Forward Shadingのエンジン改造でセルシェードやってみたUE4.14.0 Forward Shadingのエンジン改造でセルシェードやってみた
UE4.14.0 Forward Shadingのエンジン改造でセルシェードやってみた
 
Tmcn Leap Motion
Tmcn Leap MotionTmcn Leap Motion
Tmcn Leap Motion
 
Xcode 5のAsset Catalogにまつわる今すぐ使えるTips集
Xcode 5のAsset Catalogにまつわる今すぐ使えるTips集Xcode 5のAsset Catalogにまつわる今すぐ使えるTips集
Xcode 5のAsset Catalogにまつわる今すぐ使えるTips集
 
Leap Motion を用いた数学教材開発の例
Leap Motion を用いた数学教材開発の例Leap Motion を用いた数学教材開発の例
Leap Motion を用いた数学教材開発の例
 
Sansan における Android アプリ自動テスト導入事例
Sansan における Android アプリ自動テスト導入事例Sansan における Android アプリ自動テスト導入事例
Sansan における Android アプリ自動テスト導入事例
 
第5回業開中心会議
第5回業開中心会議第5回業開中心会議
第5回業開中心会議
 

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

Windows 8 Developers カンファレンス
Windows 8 Developers カンファレンスWindows 8 Developers カンファレンス
Windows 8 Developers カンファレンス
Kaoru NAKAMURA
 
Tiなごや vol.3 Titaniumのキホン
Tiなごや vol.3 TitaniumのキホンTiなごや vol.3 Titaniumのキホン
Tiなごや vol.3 Titaniumのキホン
Mori Shingo
 
これからのNOTESモバイルアプリはこう作れ
これからのNOTESモバイルアプリはこう作れこれからのNOTESモバイルアプリはこう作れ
これからのNOTESモバイルアプリはこう作れ
Mitsuru Katoh
 
Jenkinsを使おうよ
Jenkinsを使おうよJenkinsを使おうよ
Jenkinsを使おうよ
Yohei Oda
 
Angular でもっとAPIファースト・もっとモダンデザインなWebアプリケーションを作ろう!
Angular でもっとAPIファースト・もっとモダンデザインなWebアプリケーションを作ろう!Angular でもっとAPIファースト・もっとモダンデザインなWebアプリケーションを作ろう!
Angular でもっとAPIファースト・もっとモダンデザインなWebアプリケーションを作ろう!
CData Software Japan
 

Similar to 福井スマートフォンハッカソン Titanium Mobileの紹介 (20)

Xamarin 概要 2014年08月版
Xamarin 概要 2014年08月版Xamarin 概要 2014年08月版
Xamarin 概要 2014年08月版
 
Windows 8 Developers カンファレンス
Windows 8 Developers カンファレンスWindows 8 Developers カンファレンス
Windows 8 Developers カンファレンス
 
Tiなごや vol.3 Titaniumのキホン
Tiなごや vol.3 TitaniumのキホンTiなごや vol.3 Titaniumのキホン
Tiなごや vol.3 Titaniumのキホン
 
ソニーのディープラーニングツールで簡単エッジコンピューティング
ソニーのディープラーニングツールで簡単エッジコンピューティングソニーのディープラーニングツールで簡単エッジコンピューティング
ソニーのディープラーニングツールで簡単エッジコンピューティング
 
Platform io で シュッと arduino 開発を高速化しよう speed up your arduino development with p...
Platform io で シュッと arduino 開発を高速化しよう speed up your arduino development with p...Platform io で シュッと arduino 開発を高速化しよう speed up your arduino development with p...
Platform io で シュッと arduino 開発を高速化しよう speed up your arduino development with p...
 
PhoneGapユーザー会@大阪 講演資料
PhoneGapユーザー会@大阪 講演資料PhoneGapユーザー会@大阪 講演資料
PhoneGapユーザー会@大阪 講演資料
 
[社内向け]Titanium勉強会
[社内向け]Titanium勉強会[社内向け]Titanium勉強会
[社内向け]Titanium勉強会
 
iOSアプリ開発のテスト環境 - テストをはじめる最初の一歩 -
iOSアプリ開発のテスト環境 - テストをはじめる最初の一歩 -iOSアプリ開発のテスト環境 - テストをはじめる最初の一歩 -
iOSアプリ開発のテスト環境 - テストをはじめる最初の一歩 -
 
IoT Edge and Serverless playground with Node.js ~ IoT EdgeとサーバレスをNode.jsで遊ぶ実験ノート
IoT Edge and Serverless playground with Node.js ~ IoT EdgeとサーバレスをNode.jsで遊ぶ実験ノートIoT Edge and Serverless playground with Node.js ~ IoT EdgeとサーバレスをNode.jsで遊ぶ実験ノート
IoT Edge and Serverless playground with Node.js ~ IoT EdgeとサーバレスをNode.jsで遊ぶ実験ノート
 
CEDEC2021 Android iOS 実機上での自動テストをより楽に有意義にする為に ~端末管理・イメージ転送・動画記録等の周辺情報のノウハウ共有~
CEDEC2021 Android iOS 実機上での自動テストをより楽に有意義にする為に ~端末管理・イメージ転送・動画記録等の周辺情報のノウハウ共有~CEDEC2021 Android iOS 実機上での自動テストをより楽に有意義にする為に ~端末管理・イメージ転送・動画記録等の周辺情報のノウハウ共有~
CEDEC2021 Android iOS 実機上での自動テストをより楽に有意義にする為に ~端末管理・イメージ転送・動画記録等の周辺情報のノウハウ共有~
 
Device Farm を使ったスマホアプリの自動テスト
Device Farm を使ったスマホアプリの自動テストDevice Farm を使ったスマホアプリの自動テスト
Device Farm を使ったスマホアプリの自動テスト
 
Androidリリース作業の効率化(2)
Androidリリース作業の効率化(2)Androidリリース作業の効率化(2)
Androidリリース作業の効率化(2)
 
これからのNOTESモバイルアプリはこう作れ
これからのNOTESモバイルアプリはこう作れこれからのNOTESモバイルアプリはこう作れ
これからのNOTESモバイルアプリはこう作れ
 
Jenkinsを使おうよ
Jenkinsを使おうよJenkinsを使おうよ
Jenkinsを使おうよ
 
Angular でもっとAPIファースト・もっとモダンデザインなWebアプリケーションを作ろう!
Angular でもっとAPIファースト・もっとモダンデザインなWebアプリケーションを作ろう!Angular でもっとAPIファースト・もっとモダンデザインなWebアプリケーションを作ろう!
Angular でもっとAPIファースト・もっとモダンデザインなWebアプリケーションを作ろう!
 
C# を使い倒す!クロス プラットフォーム アプリ開発とクラウド連携の新潮流 - Xamarin セッション
C# を使い倒す!クロス プラットフォーム アプリ開発とクラウド連携の新潮流 - Xamarin セッションC# を使い倒す!クロス プラットフォーム アプリ開発とクラウド連携の新潮流 - Xamarin セッション
C# を使い倒す!クロス プラットフォーム アプリ開発とクラウド連携の新潮流 - Xamarin セッション
 
おすすめインフラ! for スタートアップ
おすすめインフラ! for スタートアップおすすめインフラ! for スタートアップ
おすすめインフラ! for スタートアップ
 
Visual Studio Codeを使い倒そう! ~プログラミングから機械学習、クラウド連携、遠隔ペアプロまで~
Visual Studio Codeを使い倒そう! ~プログラミングから機械学習、クラウド連携、遠隔ペアプロまで~Visual Studio Codeを使い倒そう! ~プログラミングから機械学習、クラウド連携、遠隔ペアプロまで~
Visual Studio Codeを使い倒そう! ~プログラミングから機械学習、クラウド連携、遠隔ペアプロまで~
 
iOSアプリ開発のCI環境 - Jenkins編 -
iOSアプリ開発のCI環境 - Jenkins編 -iOSアプリ開発のCI環境 - Jenkins編 -
iOSアプリ開発のCI環境 - Jenkins編 -
 
Win32 APIをてなずけよう
Win32 APIをてなずけようWin32 APIをてなずけよう
Win32 APIをてなずけよう
 

More from Mori Shingo

大なごやJS vol.6 Titanium Mobile と Alloy の解説をするよ!
大なごやJS vol.6 Titanium Mobile と Alloy の解説をするよ!大なごやJS vol.6 Titanium Mobile と Alloy の解説をするよ!
大なごやJS vol.6 Titanium Mobile と Alloy の解説をするよ!
Mori Shingo
 
Tiなごや vol.3 Alloyやろまい
Tiなごや vol.3 AlloyやろまいTiなごや vol.3 Alloyやろまい
Tiなごや vol.3 Alloyやろまい
Mori Shingo
 
Python東海GAEやってみた
Python東海GAEやってみたPython東海GAEやってみた
Python東海GAEやってみた
Mori Shingo
 
2011年12月10日 Ti.Developers.Meeting大阪 LT資料
2011年12月10日 Ti.Developers.Meeting大阪 LT資料2011年12月10日 Ti.Developers.Meeting大阪 LT資料
2011年12月10日 Ti.Developers.Meeting大阪 LT資料
Mori Shingo
 
2011年10月27日 Titanium meetup Tokyo #14 LT資料
2011年10月27日 Titanium meetup Tokyo #14 LT資料2011年10月27日 Titanium meetup Tokyo #14 LT資料
2011年10月27日 Titanium meetup Tokyo #14 LT資料
Mori Shingo
 
2011年10月22日 iPhoneDeveloper勉強会 名古屋 #2 LT資料
2011年10月22日 iPhoneDeveloper勉強会 名古屋 #2 LT資料2011年10月22日 iPhoneDeveloper勉強会 名古屋 #2 LT資料
2011年10月22日 iPhoneDeveloper勉強会 名古屋 #2 LT資料
Mori Shingo
 
2011 12-10 Titanium Developer Meeting 大阪 LT
2011 12-10 Titanium Developer Meeting 大阪 LT2011 12-10 Titanium Developer Meeting 大阪 LT
2011 12-10 Titanium Developer Meeting 大阪 LT
Mori Shingo
 
2010-10-2 FxUG 名古屋勉強会 HTML5で遊んでみよう
2010-10-2 FxUG 名古屋勉強会 HTML5で遊んでみよう2010-10-2 FxUG 名古屋勉強会 HTML5で遊んでみよう
2010-10-2 FxUG 名古屋勉強会 HTML5で遊んでみよう
Mori Shingo
 

More from Mori Shingo (14)

WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 TitaniumのおはなしWCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
 
大なごやJS vol.6 Titanium Mobile と Alloy の解説をするよ!
大なごやJS vol.6 Titanium Mobile と Alloy の解説をするよ!大なごやJS vol.6 Titanium Mobile と Alloy の解説をするよ!
大なごやJS vol.6 Titanium Mobile と Alloy の解説をするよ!
 
Tiなごや vol.3 Alloyやろまい
Tiなごや vol.3 AlloyやろまいTiなごや vol.3 Alloyやろまい
Tiなごや vol.3 Alloyやろまい
 
Python東海GAEやってみた
Python東海GAEやってみたPython東海GAEやってみた
Python東海GAEやってみた
 
Node予備校 vol.1 名古屋
Node予備校 vol.1 名古屋Node予備校 vol.1 名古屋
Node予備校 vol.1 名古屋
 
Titanium Nagoya Chatroom vol.2 はじめの一歩
Titanium Nagoya Chatroom vol.2 はじめの一歩Titanium Nagoya Chatroom vol.2 はじめの一歩
Titanium Nagoya Chatroom vol.2 はじめの一歩
 
2012年1月30日 現代戦闘機入門 at GeekBar
2012年1月30日 現代戦闘機入門 at GeekBar2012年1月30日 現代戦闘機入門 at GeekBar
2012年1月30日 現代戦闘機入門 at GeekBar
 
2011年12月10日 Ti.Developers.Meeting大阪 LT資料
2011年12月10日 Ti.Developers.Meeting大阪 LT資料2011年12月10日 Ti.Developers.Meeting大阪 LT資料
2011年12月10日 Ti.Developers.Meeting大阪 LT資料
 
2011年10月27日 Titanium meetup Tokyo #14 LT資料
2011年10月27日 Titanium meetup Tokyo #14 LT資料2011年10月27日 Titanium meetup Tokyo #14 LT資料
2011年10月27日 Titanium meetup Tokyo #14 LT資料
 
2011年10月22日 iPhoneDeveloper勉強会 名古屋 #2 LT資料
2011年10月22日 iPhoneDeveloper勉強会 名古屋 #2 LT資料2011年10月22日 iPhoneDeveloper勉強会 名古屋 #2 LT資料
2011年10月22日 iPhoneDeveloper勉強会 名古屋 #2 LT資料
 
Ti勉強会名古屋 配布用
Ti勉強会名古屋 配布用Ti勉強会名古屋 配布用
Ti勉強会名古屋 配布用
 
2011 12-10 Titanium Developer Meeting 大阪 LT
2011 12-10 Titanium Developer Meeting 大阪 LT2011 12-10 Titanium Developer Meeting 大阪 LT
2011 12-10 Titanium Developer Meeting 大阪 LT
 
Html5とう勉強会lt アニメーション無し.pptx
Html5とう勉強会lt アニメーション無し.pptxHtml5とう勉強会lt アニメーション無し.pptx
Html5とう勉強会lt アニメーション無し.pptx
 
2010-10-2 FxUG 名古屋勉強会 HTML5で遊んでみよう
2010-10-2 FxUG 名古屋勉強会 HTML5で遊んでみよう2010-10-2 FxUG 名古屋勉強会 HTML5で遊んでみよう
2010-10-2 FxUG 名古屋勉強会 HTML5で遊んでみよう
 

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