Sublime Text and Grunt for Titanium Development

Slide 1

Slide 1 text

HSVOUTDBOEJVN 4VCMJNF5FYUBOE(SVOU GPS5JUBOJVN%FWFMPQNFOU "NFCB)FBERVBSUFST$PNNVOJUZ%JWJTJPO 8FC%FWFMPQFS,PKJ*TIJNPUP !5JUBOJVN.PCJMF6TFS(SPVQ+BQBO

Slide 2

Slide 2 text

agenda - Introduction - Sublime Text 2 - Grunt Plugin - Conclusion

Slide 3

Slide 3 text

@t32k

Slide 4

Slide 4 text

Free $3.99 tissa Nyars powered by Titanium Mobile

Slide 5

Slide 5 text

v1.6 2 years ago...

Slide 6

Slide 6 text

Passed a long time...

Slide 7

Slide 7 text

2012.06.01 Joined!

Slide 8

Slide 8 text

I want to be a Web developer!

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

8PSLPO5JUBOJVN FBSOFTUMZ XIFOSFMFBTFEW Koji Ishimoto @t32k 5, Dec, 2012

Slide 11

Slide 11 text

2012.12.14 Released!

Slide 12

Slide 12 text

0I Koji Ishimoto @t32k 16, Dec, 2012

Slide 13

Slide 13 text

Application Development Environment

Slide 14

Slide 14 text

sass compass less stylus markdown haml jade co eescript Ant make rake cake bash Image compression tools Miniﬁcation & 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

Slide 15

Slide 15 text

Text Editor Build Tool

Slide 16

Slide 16 text

www.sublimetext.com

Slide 17

Slide 17 text

gruntjs.com

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

Build Tool - Live Reload - Local Server - Sass + Compass - Minify CSS - Minify JavaScript - Concat - Lint - Watch - Styleguide

Slide 20

Slide 20 text

Sublime Text 2 Grunt

Slide 21

Slide 21 text

No More TiStudio

Slide 22

Slide 22 text

Sublime Text 2

Slide 23

Slide 23 text

Code Completion

Slide 24

Slide 24 text

unbounded.io/post/titanium-mobile-develpoment-with-sublime-text-2-and

Slide 25

Slide 25 text

github.com/Kronuz/SublimeCodeIntel

Slide 26

Slide 26 text

github.com/navinpeiris/jsca2js

Slide 27

Slide 27 text

g // your home directory // ~/.codeintel/config { "JavaScript": { "javascriptExtraPaths":["add_your_path_here"] } }

Slide 28

Slide 28 text

Demo

Slide 29

Slide 29 text

Grunt Plugin

Slide 30

Slide 30 text

Build Command

Slide 31

Slide 31 text

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-speciﬁc builder.py scripts. Titanium Command-Line Interface Reference - Titanium 3.0

Slide 32

Slide 32 text

grunt-scandium is is a "half-baked" grunt plugin for titanium command line.

Slide 33

Slide 33 text

Say What?

Slide 34

Slide 34 text

Sc Atomic No.21

Slide 35

Slide 35 text

Ti Atomic No.22

Slide 36

Slide 36 text

This is half-baked plugin.

Slide 37

Slide 37 text

npmjs.org/package/grunt-scandium

Slide 38

Slide 38 text

$ brew install node $ npm install -g titanium $ npm install -g grunt-cli $ cd /your_porject_path $ npm install grunt@0.4.0rc7

Slide 39

Slide 39 text

$ npm install grunt-scandium

Slide 40

Slide 40 text

docs.appcelerator.com/guide/Titanium_Command-Line_Interface_Reference

Slide 41

Slide 41 text

Many Build Options

Slide 42

Slide 42 text

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' } } }

Slide 43

Slide 43 text

Demo

Slide 44

Slide 44 text

Conclusion

Slide 45

Slide 45 text

/PUIJOH4IVUVQUIFGLVQ BOETPNFXSJUFDPEF Koji Ishimoto @t32k 25, Jan, 2013

Slide 46

Slide 46 text

Thank you! t32k @kojiISHIMOTO

Slide 47

Slide 47 text

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