re:Titanium 今ここでもう一度、はじめての Titanium #2

re:Titanium今ここでもう一度、はじめての Titanium #2

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

Ryutaro Miyashita


a.k.a. ryugoo_ / ChatWork


Titanium 3.2 + モジュール


Scala エンジニア募集中

Additional


Titanium


TitaniumJavaScript でネイティブアプリを作るもの


Objective-C / JavaTitanium ≠ コードコンバータ


alt-Language

RubyMotionXamarin

PhoneGapSencha Touch

HTML5 apps

Bridge API

AppmethodTitanium


Your apps

Native APINative UI

JavaScriptJS Engine

Bridge APINative Module

Titanium’s JavaScriptUI, ロジック全てを JavaScript で書く



var btn = Ti.UI.createButton({ title: 'ボタン' });

btn.addEventListener( 'click', function(e) { console.log(e); });

Titanium Classicシンプルだけども大規模開発は不向き……？


Titanium Classic良くも悪くもすべて JavaScript


ベストプラクティスの不在


Alloy


AlloyTitanium 用の公式 MVC フレームワーク


View

XMLStyleSheet

JavaScript

Controller

Model (Logic)

JavaScriptBackbone, Underscore…

Titanium API

Database


<Button id='button_01' class='button' title='ボタン' onClick='click' />

function click(e) { var model = Alloy.createModel('hoge'); model.set('key', 'value'); model.save(); }

foo.xmlfoo.js


Alloy Titanium MVC Framework判りやすい構造

ベストプラクティスの統一

Titanium Classic の知識は必須


実は Alloy を使っていません

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


JavaScript JavaScript

Apatite’s View-Controller

Apatite’s Model (Logic)

JavaScriptBackbone, Lo-Dash…

Titanium API

Database

+ JS based StyleSheet


Write once, adapt anywhereロジックを共通にして、 UI を OS ごとに書き分けるもの


OS ごとの最適化UI と機能拡張 = モジュール (Objective-C / Java)


Titanium を始める


素晴らしい Titanium のインストールガイド

http://titanium-install-guide-ja.github.io/


Studio or CLI統合開発環境か、コマンドラインツールか


好きなものを使おう宗教上の理由もあるでしょ？


サーバサイドも JS でTitanium Cloud Service & Node.ACS

Additional


Titanium Cloud ServiceTitanium と極めて親和性の高い mBaaS

Additional


Node.ACSTCS と連動する Node ウェブアプリの PaaS

Additional


Titanium

AlloyNative Mobile Application

TCS + Node.ACSmobile Backend as as Service


CODESTRONG!終わり

Technology

re:Titanium 今ここでもう一度、はじめての Titanium #2