20130817 titanium勉強会(午前)
TRANSCRIPT
![Page 1: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/1.jpg)
TitaniumTitanium ユーザー会
![Page 2: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/2.jpg)
AgendaTitaniumとは?
何ができる?
これからどうなる?
動かしてみよう
![Page 3: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/3.jpg)
Titaniumとは? JavaScriptでアプリを作ることができる
![Page 4: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/4.jpg)
Titaniumとは?アプリ開発の大きな問題点
1. むずかしい2. かなりむずかしい3. すごくむずかしい
![Page 5: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/5.jpg)
Titaniumとは?2つの道
![Page 6: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/6.jpg)
アプリ開発・2つの選択肢HTML5、ハイブリッド
簡単にクロスプラットフォーム対応既存の知識を活かせる
ネイティブ( Objective-C, Java)プラットフォームの性能を全て引き出せる最適なユーザー体験
![Page 7: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/7.jpg)
アプリ開発・2つの選択肢HTML5、ハイブリッド
ニセモノっぽい外観端末の性能を引き出せない
ネイティブ( Objective-C, Java)クロスプラットフォーム対応は無理むずかしい
![Page 8: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/8.jpg)
![Page 9: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/9.jpg)
![Page 10: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/10.jpg)
Titaniumとは? JavaScriptでアプリを作ることができる
![Page 11: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/11.jpg)
Titaniumとは?185カ国 491,753人の開発者が利用
155,275,247台の端末で Ti製アプリが動作中
58,720個のアプリで開発に利用されている
2013/08/15 00:39
![Page 12: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/12.jpg)
Titaniumとは?Appcelerator
開発元シリコンバレーの IT企業
主な出来事2006 創業2007 Series A $6.2M
2009 Titanium
2010 Series B $9M
2011 Series C $15M、 Titanium SDK
2012 Series C-1 $16M Titanium 2.0、 3.0、 ACS
![Page 13: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/13.jpg)
Titaniumとは?Titanium Studio
Titanium CLI
Cloud Services
Analytics
Open Marketplace
などなど
![Page 14: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/14.jpg)
Titaniumとは?HTML5なの?
![Page 15: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/15.jpg)
Titaniumとは?よくある他のツールと一緒?
![Page 16: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/16.jpg)
Titaniumとは?
![Page 17: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/17.jpg)
Titaniumとは?よくある誤解
JavaScriptを Java/Objective-Cに変換するツール HTML5と JavaScriptでアプリの画面を作るもの HTMLでしかアプリを作れないポンコツ
![Page 18: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/18.jpg)
Titaniumとは? JavaScriptでネイティブアプリ
![Page 19: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/19.jpg)
Titaniumとは?ブラウザで実行される JavaScript
JS
Run!
![Page 20: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/20.jpg)
Titaniumとは?アプリの中で実行される JavaScript
JS
Run!
![Page 21: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/21.jpg)
Titaniumとは?アプリの中で実行される JavaScript
• JavaScript• HTMLユーザー
• Runtime• Titanium APIs• Modules
Titanium
• Cocoa Touch/Services• Android APIs
プラットフォーム
![Page 22: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/22.jpg)
実際の例
var win = Ti.UI.createWindow({ backgroundColor: ‘#fff’, title: ‘ホーム’});
var label = Ti.UI.createLabel({ text: ‘こんにちは、こんにちは!’ , color: ‘#000’});win.add(label);win.open();
![Page 23: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/23.jpg)
実際の例
var win = Ti.UI.createWindow({ backgroundColor: ‘#fff’, title: ‘ホーム’});
var label = Ti.UI.createLabel({ text: ‘こんにちは、こんにちは!’ , color: ‘#000’});win.add(label);win.open();
![Page 24: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/24.jpg)
実際の例
var win = Ti.UI.createWindow({ backgroundColor: ‘#fff’, title: ‘ホーム’});
var label = Ti.UI.createLabel({ text: ‘こんにちは、こんにちは!’ , color: ‘#000’});win.add(label);win.open();
![Page 25: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/25.jpg)
Titaniumとは?ほとんどがフリーソフトウェア
Apacheライセンス開発したアプリがライセンスに縛られることはない
![Page 26: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/26.jpg)
Titaniumとは?Githubで公開中
https://github.com/appcelerator
![Page 27: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/27.jpg)
Titaniumで何ができる?サポートサイトに事例集があります
http://support.titanium-mobile.jp/questions/3
![Page 28: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/28.jpg)
NBC
![Page 29: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/29.jpg)
Mooklet
![Page 30: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/30.jpg)
Zaim
![Page 31: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/31.jpg)
サイボウズ Live
![Page 32: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/32.jpg)
前田敦子ギャザリングアート
![Page 33: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/33.jpg)
ニュース ; 26
ライフスタイル ; 21
ソーシャルネットワーク ; 13
ゲーム ; 10
写真、ビデオ ; 10
ユーティリティ ; 8
教育 ; 8
カタログ ; 4
スポーツ ; 4
ファイナンス ; 2
仕事効率化 ; 2その他 ; 10
ジャンル別 * 国内事例
![Page 34: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/34.jpg)
比較
簡単さ
高機能
![Page 35: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/35.jpg)
比較
簡単さ
高機能
モジュール
Alloy
![Page 36: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/36.jpg)
Marketplace
![Page 37: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/37.jpg)
Alloy – MVCフレームワーク
Model - Backbone.js
View - XML
Controller
![Page 38: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/38.jpg)
まとめ何が出来る?
ほとんどなんでも用意されていない機能はモジュールで拡張できる
![Page 39: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/39.jpg)
まとめ何が出来ない?
複雑で素早いアニメーションは苦手モジュールで解決
厳密なリソース管理 Javaでもできない
![Page 40: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/40.jpg)
現在とこれから現在
年間 500万ドル以上を Titaniumの開発に費やしている
Appcelerator Platform
SDK 3.1.2 Alloy 1.1.3 Android 4.3 iOS 7 (beta) Android GCM
![Page 41: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/41.jpg)
現在とこれからこれから
Ti.Next Runtimeの再構築プラットフォーム間の違いを最小限に
モジュールも JavaScriptで記述可能に 2014年春に何らかの発表がある、かも
![Page 42: 20130817 Titanium勉強会(午前)](https://reader035.vdocuments.net/reader035/viewer/2022081422/5583ad48d8b42af5058b4cbd/html5/thumbnails/42.jpg)
便利なリンクマニュアル
http://docs.appcelerator.com/titanium/latest/
サポート http://support.titanium-mobile.jp/
お知らせ http://titanium-mobile.jp/
@TitaniumMobileJ https://twitter.com/TitaniumMobileJ