Sublime Text and Grunt for Titanium Development

grunt-scandium, sublime text2, build tool

Transcript

1. 
   HSVOUTDBOEJVN
    4VCMJNF
   5FYU
   BOE
   (SVOU GPS
   5JUBOJVN
   %FWFMPQNFOU "NFCB
   )FBERVBSUFST
   $PNNVOJUZ
   %JWJTJPO 8FC
   %FWFMPQFS
   
   ,PKJ
   *TIJNPUP 
   !5JUBOJVN
   .PCJMF
   6TFS
   (SPVQ
   +BQBO
2. agenda - Introduction - Sublime Text 2 - Grunt Plugin - Conclusion
3. @t32k
4. Free $3.99 tissa Nyars powered by Titanium Mobile
5. v1.6 2 years ago...
6. Passed a long time...
7. 2012.06.01 Joined!
8. I want to be a Web developer!
10. 8PSL
    PO
    5JUBOJVN
    FBSOFTUMZ
    XIFO
    SFMFBTFE
    W Koji Ishimoto @t32k 5, Dec, 2012
11. 2012.12.14 Released!
12. 0I Koji Ishimoto @t32k 16, Dec, 2012
13. Application Development Environment
14. sass compass less stylus markdown haml jade co eescript Ant make rake cake bash Image compression tools Minification & concat tooling JSHint JSLint codekit livereload web-build handlebars mustache zen coding selenium browserstack mogotest require sprockets jQuery Mobile Sencha jQuery UI Sproutcore Selenium Jenkins QUnit Jasmine jstestdriver from: Talk: Tooling & The Webapp Development Stack « Paul Irish
15. Text Editor Build Tool
16. www.sublimetext.com
17. gruntjs.com
19. Build Tool - Live Reload - Local Server - Sass + Compass - Minify CSS - Minify JavaScript - Concat - Lint - Watch - Styleguide
20. Sublime Text 2 Grunt
21. No More TiStudio
22. Sublime Text 2
23. Code Completion
24. unbounded.io/post/titanium-mobile-develpoment-with-sublime-text-2-and
25. github.com/Kronuz/SublimeCodeIntel
26. github.com/navinpeiris/jsca2js
27. g // your home directory // ~/.codeintel/config { "JavaScript": { "javascriptExtraPaths":["add_your_path_here"] } }
28. Demo
29. Grunt Plugin
30. Build Command
31. Ti Command-Line Interface The Titanium Command-Line Interface (CLI) is a Node.js-based command-line tool for managing, building, and deploying Titanium projects. It is designed to replace the legacy Python CLI scripts used in previous releases, including titanium.py and the platform-specific builder.py scripts. Titanium Command-Line Interface Reference - Titanium 3.0
32. grunt-scandium is is a "half-baked" grunt plugin for titanium command line.
33. Say What?
34. Sc Atomic No.21
35. Ti Atomic No.22
36. This is half-baked plugin.
37. npmjs.org/package/grunt-scandium
38. $ brew install node $ npm install -g titanium $ npm install -g grunt-cli $ cd /your_porject_path $ npm install grunt@0.4.0rc7
39. $ npm install grunt-scandium
40. docs.appcelerator.com/guide/Titanium_Command-Line_Interface_Reference
41. Many Build Options
42. scandium: { iphone: { platform : 'ios', project_dir : '/path/to/your_project', force: true, build_only: false, options: { device_family: 'iphone', sim_version: '6.0' } }, ipad: { platform : 'ios', project_dir : '/path/to/your_project', force: false, build_only: false, options: { device_family: 'ipad', sim_version: '5.1' } }, android: { platform : 'android', project_dir : '/path/to/your_project', options: { android_sdk: '/path/to/android-sdk', target: 'emulator', avd_skin: 'HVGA' } } }
43. Demo
44. Conclusion
45. /PUIJOH
    4IVU
    VQ
    UIF
    G L
    VQ
    BOE
    TPNF
    XSJUF
    DPEF Koji Ishimoto @t32k 25, Jan, 2013
46. Thank you! t32k @kojiISHIMOTO
47. photo credit - http://www.flickr.com/photos/expose_switch/4566783151/ - http://www.flickr.com/photos/andrec/4045953008/ - http://www.flickr.com/photos/masuidrive/5993855065/ - http://www.flickr.com/photos/spiderdog/4639124989/ - http://www.flickr.com/photos/incanusjapan/4356332478/ - http://en.wikipedia.org/wiki/Scandium - http://en.wikipedia.org/wiki/Titanium