Titanium もくもく会 #18

1. re:Titanium今ここでもう一度、はじめての Titanium #2
Titanium もくもく会 #18
in ファンコミュニケーションズ

2. Ryutaro Miyashita
Titanium もくもく会 #18
in ファンコミュニケーションズ
a.k.a. ryugoo_ / ChatWork

3. Titanium もくもく会 #18
in ファンコミュニケーションズ
Titanium 3.2 + モジュール

4. Titanium もくもく会 #18
in ファンコミュニケーションズ
Scala エンジニア募集中
Additional

5. Titanium もくもく会 #18
in ファンコミュニケーションズ
Titanium

6. Titanium もくもく会 #18
in ファンコミュニケーションズ
Titanium
JavaScript でネイティブアプリを作るもの

7. Titanium もくもく会 #18
in ファンコミュニケーションズ
Objective-C / Java
Titanium ≠ コードコンバータ

8. Titanium もくもく会 #18
in ファンコミュニケーションズ
alt-Language
RubyMotion
Xamarin
PhoneGap
Sencha Touch
HTML5 apps
Bridge API
Appmethod
Titanium

9. Titanium もくもく会 #18
in ファンコミュニケーションズ
Your apps
Native API
Native UI
JavaScript
JS Engine
Bridge API
Native Module

10. Titanium s JavaScript
UI, ロジック 全てを JavaScript で書く
Titanium もくもく会 #18
in ファンコミュニケーションズ

11. Titanium もくもく会 #18
in ファンコミュニケーションズ
var btn = Ti.UI.createButton({
title: 'ボタン'
});
btn.addEventListener(
'click',
function(e) { console.log(e); }
);

12. Titanium Classic
シンプルだけども大規模開発は不向き……？
Titanium もくもく会 #18
in ファンコミュニケーションズ

13. Titanium Classic
良くも悪くもすべて JavaScript
Titanium もくもく会 #18
in ファンコミュニケーションズ
ベストプラクティスの不在

14. Titanium もくもく会 #18
in ファンコミュニケーションズ
Alloy

15. Titanium もくもく会 #18
in ファンコミュニケーションズ
Alloy
Titanium 用の公式 MVC フレームワーク

16. Titanium もくもく会 #18
in ファンコミュニケーションズ
View
XML
StyleSheet
JavaScript
Controller
Model (Logic)
JavaScript
Backbone, Underscore…
Titanium API
Database

17. Titanium もくもく会 #18
in ファンコミュニケーションズ
<Button id='button_01' class='button'
title='ボタン'
onClick='click' />
function click(e) {
var model = Alloy.createModel('hoge');
model.set('key', 'value');
model.save();
}
foo.xml
foo.js

18. Titanium もくもく会 #18
in ファンコミュニケーションズ
Alloy Titanium MVC Framework
判りやすい構造
ベストプラクティスの統一
Titanium Classic の知識は必須

19. Titanium もくもく会 #18
in ファンコミュニケーションズ
実は Alloy を使っていません

20. Alloy ベースの独自 FW = Apatite を使っています

21. Titanium もくもく会 #18
in ファンコミュニケーションズ
JavaScript JavaScript
Apatite’s View-Controller
Apatite’s Model (Logic)
JavaScript
Backbone, Lo-Dash…
Titanium API
Database
+ JS based StyleSheet

22. Titanium もくもく会 #18
in ファンコミュニケーションズ
Write once, adapt anywhere
ロジックを共通にして、 UI を OS ごとに書き分けるもの

23. Titanium もくもく会 #18
in ファンコミュニケーションズ
OS ごとの最適化
UI と機能拡張 = モジュール (Objective-C / Java)

24. Titanium もくもく会 #18
in ファンコミュニケーションズ
Titanium を始める

25. Titanium もくもく会 #18
in ファンコミュニケーションズ
素晴らしい Titanium のインストールガイド
http://titanium-install-guide-ja.github.io/

26. Titanium もくもく会 #18
in ファンコミュニケーションズ
Studio or CLI
統合開発環境か、コマンドラインツールか

27. Titanium もくもく会 #18
in ファンコミュニケーションズ
好きなものを使おう
宗教上の理由もあるでしょ？

28. Titanium もくもく会 #18
in ファンコミュニケーションズ
サーバサイドも JS で
Titanium Cloud Service & Node.ACS
Additional

29. Titanium もくもく会 #18
in ファンコミュニケーションズ
Titanium Cloud Service
Titanium と極めて親和性の高い mBaaS
Additional

30. Titanium もくもく会 #18
in ファンコミュニケーションズ
Node.ACS
TCS と連動する Node ウェブアプリの PaaS
Additional

31. Titanium もくもく会 #18
in ファンコミュニケーションズ
Titanium
Alloy
Native Mobile Application
TCS + Node.ACS
mobile Backend as as Service

32. Titanium もくもく会 #18
in ファンコミュニケーションズ
CODESTRONG!
終わり