Pro Yearly is on sale from $80 to $50! »

Sublime Text and Grunt for Titanium Development

4cf842e43a782a585d8707f2ba7f9a5c?s=47 Koji Ishimoto
January 25, 2013

Sublime Text and Grunt for Titanium Development

grunt-scandium, sublime text2, build tool

4cf842e43a782a585d8707f2ba7f9a5c?s=128

Koji Ishimoto

January 25, 2013
Tweet

Transcript

  1. HSVOUTDBOEJVN 4VCMJNF5FYUBOE(SVOU GPS5JUBOJVN%FWFMPQNFOU "NFCB)FBERVBSUFST$PNNVOJUZ%JWJTJPO 8FC%FWFMPQFS,PKJ*TIJNPUP !5JUBOJVN.PCJMF6TFS(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. 8PSLPO5JUBOJVN FBSOFTUMZ XIFOSFMFBTFEW 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. /PUIJOH4IVUVQUIFG LVQ BOETPNFXSJUFDPEF 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