Forward Fast Javascript Sho Kusano / rosylilly

Profile Sho Kusano rosylilly Facebook: sho.kusano Twitter: rosylilly Mail: rosylilly@aduca.org

Profile Works Dwango/Qteras Model (স) 10/28(Fri) Numero Tokyo

―― Too Many Works ࢓ࣄ͸ࣺͯΔ΄Ͳ͋Δ

Q. Javascript͕؆୯ͩͱࢥ͏ํ ஏ͔͕ͣ͠ΒͣڍखΛ͓ئ͍͠·͢

A. ๻ʹͱͬͯ͸೉͍͠ Ͱ͖ΔݶΓॻ͖ͨ͘ͳ͍

ָ͕ग़དྷΕ͹ͦΕ͕Ұ൪

ָͯ͠ ͓͕ۚ ཉ͍͠

CoffeeScript is a little language that compiles into JavaScript. http://coffeescript.org/

Fast Forward Javascript ߴ଎ʹ લ΁ਐΉͨΊͷ CoffeeScript

Javascript ʹ͸᠘͕ଟ͍ this scope, Prototypical Object, Object forEach

ʰલਐ͢Δ͜ͱʱʹूதग़དྷͳ͍

Let’s try CoffeeScript!

Example Cases

Example Case: This binding var object = { name: 'obj', func: function(){ console.log(this.name); } } object.func(); // → obj var f = object.func; f(); // → undefined var other = {name: 'other', func: f}; other.func(); // → other

Example Case: This Binding class Example name: 'obj' func: ()=> console.log @name object = new Example object.func() # → obj f = object.func f() # → obj other = { name: 'other' func: f } other.func() # → obj

Example Case: Prototypical Object var Abstruct = function() { this.prop = 'property'; } Abstruct.prototype.func = function(){}; var Class = function() { } Class.prototype = {}; for(var method in Abstruct.prototype) { Class.prototype[method] = Abstruct.prototype[method]; }

Example Case: Prototypical Object class Abstruct prop: 'property' func: ()-> class Class extends Abstruct

Example Case: Object forEach var object = { a: 1, b: 2, c: 3 } for(var key in object) { if(object.hasOwnProperty(key)) console.log(object[key]); }

Example Case: Object forEach object = { a: 1 b: 2, c: 3 } for key, val of object console.log val

Many Features! Destructuring Assignment, Function binding, Embedded JavaScript, Switch/When/Else, Try/Catch/Finally, Chained Comparisons, String Interpolation, Block Strings, and Block Comments, Block Regular Expressions, Cake, and Cakefiles, "text/coffeescript" Script Tags

Don’t worry!!

֮͑Δͷ͕େมͦ͏... Javascript Ͱۤ͠Ή࣌ؒͱ CoffeeScript Λ֮͑Δ࣌ؒ ͲͪΒ͕௕͍͔ ↓

΋͏Ұݸݴޠ֮͑Δͷ͸ͪΐͬͱ…… ͋͘·Ͱ JS ͷγϯλοΫεγϡΨʔͱ ଊ͑ͯΑ͍ (JSX, HeXe ͳͲͱൺ΂ͯ) ↓

ಋೖ͕େมͦ͏…… Rails3 ͕ WebFront ͳΒࠓ͔Β࢖͑·͢ɻ ͦͷଞɺ Coffee ͔Β JS ʹม׵Ͱ͖Δ͠ ϒϥ΢β্Ͱ Coffee ಈ͔͢࢓૊Έ΋͋Δ ↓

ϝϯόʔͷઆಘ͕…… ࣗ෼͕ࣾ಺ͰΤϰΝϯδΣϦετʹͳΔνϟϯεʂ ↓

Thank you for listening. rosylilly Fin Fast Forward Javascript