43
Titanium もくもく会 Tokyo #7

今ここでもう一度初めての Titanium

Embed Size (px)

DESCRIPTION

Titanium もくもく会 Tokyo #7

Citation preview

  • 1.Titanium Tokyo #7

2. LT Long Talk LT means Long Talk 3. @ryugoo_Web * DeveloperTitanium Certified App DeveloperTitanium Certified Mobile DeveloperTitanium http://imthinker.net/http://cocohere.com/ 4. Titanium 5. Titanium 6. HTML / CSS / JS Titanium is not PhoneGap, Sencha Touch ! 7. Objective-C / Java Titanium is not Meta programming language ! 8. Titanium 1.x Titanium Developer, Studio, Performance, Android, JavaScript 9. Ti.include / CommonJS Modules / Alloy Enough Already ! 10. !PhoneGap, Sencha Touch, RubyMotion, MobiRuby, Xamarin 11. Oh 12. Titanium Adjust Titanium again 13. Titanium MobileCloud Services Market placeAlloy MVC Framework Node.ACSModule, Design 14. Titanium MobileBuilt native apps from JavaScript 15. JavaScriptSingle Code Base 16. Titanium AppsNative Apps Titanium APIJavaScript + JS Engine Bridge API 17. Titanium AppsNative Apps Titanium APIJavaScript + JS Engine Bridge API 18. JavaScript with Titanium API= Titanium ClassicRaw Titanium API + CommonJS Modules + Native Modules 19. // UIvar win = Ti.UI.createWindow({backgroundColor: "#FFFFFF"});var label = Ti.UI.createLabel({text: "Hello, Titanium!"});// Logiclabel.addEventListener("click", function () {alert("You clicked label!");});// Presentationwin.add(label);win.open(); 20. Titanium Classic1. API 2. JavaScript JS 3. Titanium Classic 21. AlloyTitanium MVC Framework 22. Titanium AppsNative Apps Titanium APIJavaScript + JS Engine Bridge API 23. Titanium AppsNative Apps Titanium API XMLStyleSheet + JS EngineJavaScript Bridge API 24. ModelJavaScriptControllerViewXML + StyleSheet= Alloy MVC FrameworkBackbone.js based Model, Controller and XML based UI with StyleSheet system 25. // View (index.xml)Hello, Titanium!// StyleSheet (index.tss)"Window": {backgroundColor: "#FFFFFF"}// Controller (index.js)$.lbl.addEventListener("click", function () {alert("You clicked label!");});$.index.open(); 26. // Create Model (Rails like)$ alloy generate model todo sql task:string done:boolean// Use Model (in Controller)var todo = Alloy.createModel("todo", {task: "Something" + Date.now(),done: false});todo.save(); // Save SQLite :-)// Data binding (in View) 27. Alloy MVC Framework1. 2. Convention over Configuration 3. Titanium Classic Titanium API 28. Titanium MobileAlloy MVC FrameworkCloud ServicesNode.ACS Market placeModule, Design 29. Titanium Cloud ServicesMBaaS - Mobile Backend as a Service 30. Titanium Cloud Services1. API , Titanium / iOS / Android / JS / REST2. 500 API , 500 Push , 20GB 3. Ti Mobile Titanium Mobile 31. Backend as a ServiceIaaS / VPSBaaS1. 1. 2. 2. 3. 3. API 4. 4. 5. 6. 7. 8. 32. Titanium Cloud Services1. AWS AWS 2. Node.ACSACS Node.js (PaaS)3. JavaScript 33. Titanium MobileAlloy MVC FrameworkCloud ServicesNode.ACS Market placeModule, Design 34. Open Mobile MarketplaceFind Modules and Design parts on official store 35. Open Mobile Marketplace1. Instagram KeyChain 2. 3. 36. Titanium Titanium Studio Ecplise based IDE for TitaniumMobile Titanium CLICloud Services Market place Command line tools made by Node.jsAlloy MVC Framework Node.ACSModule, Design 37. Titanium Studio1. Titanium Mobile 2. Alloy GUI GUI 3. Titanium API Alloy 38. Titanium CLI1. OK2. Grunt Jasmine 3. 39. MobileCloud Services Market placeAlloy MVC Framework Node.ACS Module, DesignTitanium Studio / CLI 40. Titanium Platform1. Titanium Mobile Titanium Cloud Services 2. Eclipse Studio Node.js 3. 41. CODESTRONG!