Sublime Text and Grunt for Titanium Development

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!

9. None

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

18. None

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