Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

3,230 views

Published on

Titanium もくもく会 #18

Published in: Technology

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

  1. 1. re:Titanium今ここでもう一度、はじめての Titanium #2 Titanium もくもく会 #18 in ファンコミュニケーションズ
  2. 2. Ryutaro Miyashita Titanium もくもく会 #18 in ファンコミュニケーションズ a.k.a. ryugoo_ / ChatWork
  3. 3. Titanium もくもく会 #18 in ファンコミュニケーションズ Titanium 3.2 + モジュール
  4. 4. Titanium もくもく会 #18 in ファンコミュニケーションズ Scala エンジニア募集中 Additional
  5. 5. Titanium もくもく会 #18 in ファンコミュニケーションズ Titanium
  6. 6. Titanium もくもく会 #18 in ファンコミュニケーションズ Titanium JavaScript でネイティブアプリを作るもの
  7. 7. Titanium もくもく会 #18 in ファンコミュニケーションズ Objective-C / Java Titanium ≠ コードコンバータ
  8. 8. Titanium もくもく会 #18 in ファンコミュニケーションズ alt-Language RubyMotion Xamarin PhoneGap Sencha Touch HTML5 apps Bridge API Appmethod Titanium
  9. 9. Titanium もくもく会 #18 in ファンコミュニケーションズ Your apps Native API Native UI JavaScript JS Engine Bridge API Native Module
  10. 10. Titanium s JavaScript UI, ロジック 全てを JavaScript で書く Titanium もくもく会 #18 in ファンコミュニケーションズ
  11. 11. Titanium もくもく会 #18 in ファンコミュニケーションズ var btn = Ti.UI.createButton({ title: 'ボタン' }); btn.addEventListener( 'click', function(e) { console.log(e); }
 );
  12. 12. Titanium Classic シンプルだけども大規模開発は不向き……? Titanium もくもく会 #18 in ファンコミュニケーションズ
  13. 13. Titanium Classic 良くも悪くもすべて JavaScript Titanium もくもく会 #18 in ファンコミュニケーションズ ベストプラクティスの不在
  14. 14. Titanium もくもく会 #18 in ファンコミュニケーションズ Alloy
  15. 15. Titanium もくもく会 #18 in ファンコミュニケーションズ Alloy Titanium 用の公式 MVC フレームワーク
  16. 16. Titanium もくもく会 #18 in ファンコミュニケーションズ View XML StyleSheet JavaScript Controller Model (Logic) JavaScript Backbone, Underscore… Titanium API Database
  17. 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. 18. Titanium もくもく会 #18 in ファンコミュニケーションズ Alloy Titanium MVC Framework 判りやすい構造 ベストプラクティスの統一 Titanium Classic の知識は必須
  19. 19. Titanium もくもく会 #18 in ファンコミュニケーションズ 実は Alloy を使っていません
  20. 20. Alloy ベースの独自 FW = Apatite を使っています
  21. 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. 22. Titanium もくもく会 #18 in ファンコミュニケーションズ Write once, adapt anywhere ロジックを共通にして、 UI を OS ごとに書き分けるもの
  23. 23. Titanium もくもく会 #18 in ファンコミュニケーションズ OS ごとの最適化 UI と機能拡張 = モジュール (Objective-C / Java)
  24. 24. Titanium もくもく会 #18 in ファンコミュニケーションズ Titanium を始める
  25. 25. Titanium もくもく会 #18 in ファンコミュニケーションズ 素晴らしい Titanium のインストールガイド http://titanium-install-guide-ja.github.io/
  26. 26. Titanium もくもく会 #18 in ファンコミュニケーションズ Studio or CLI 統合開発環境か、コマンドラインツールか
  27. 27. Titanium もくもく会 #18 in ファンコミュニケーションズ 好きなものを使おう 宗教上の理由もあるでしょ?
  28. 28. Titanium もくもく会 #18 in ファンコミュニケーションズ サーバサイドも JS で Titanium Cloud Service & Node.ACS Additional
  29. 29. Titanium もくもく会 #18 in ファンコミュニケーションズ Titanium Cloud Service Titanium と極めて親和性の高い mBaaS Additional
  30. 30. Titanium もくもく会 #18 in ファンコミュニケーションズ Node.ACS TCS と連動する Node ウェブアプリの PaaS Additional
  31. 31. Titanium もくもく会 #18 in ファンコミュニケーションズ Titanium Alloy Native Mobile Application TCS + Node.ACS mobile Backend as as Service
  32. 32. Titanium もくもく会 #18 in ファンコミュニケーションズ CODESTRONG! 終わり

×