PHPerから見た昨今のJSについて

Transcript

1. PHPer͔ΒݟͨࡢࠓͷJSʹͭ ͍ͯ ੩ԬJavaScriptษڧձ #3 @polidog
2. ࣗݾ঺հ • ϙϦυοάͰ͢ɻ๬݄ྋଠͬͯݴ͍·͢ɻ • ਗ਼ਫࢢੜ·Εɻਗ਼ਫ۠ҭͪɻ • PHPerͰ͢ɻJS࣌ʑॻ͖·͢ɻ • SymfonyϢʔβʔձͷਓʹͳΓ·ͨ͠ɻ • λϰΟίϜגࣜձࣾͰΤϯδχΞ΍ͬͯ·͢ɻ
3. ࠓ೔࿩͍ͨ͜͠ͱ
4. ͦͷલʹએ఻
5. λϰΟίϜͰ͸ɺgotripͱ͍ ͏ϝσΟΞ΍ͬͯ·͢ɻ http://gotrip.jp/
6. Symfony Meetup։࠵͠· ͢ʂ https://symfony.doorkeeper.jp/events/ 21692
7. ࠓ೔࿩͍ͨ͜͠ͱ
8. ECMA Script6!!
9. – @nakajmg “ࠓ͔Β֮͑ΔͳΒCoffeeScriptΑΓES6 ͩΑɻ”
10. ͱ͜ΖͰESͬͯʁ
11. –ɹWikipediaΑΓ “Ecma InternationalʹΑͬͯඪ४Խ͞Ε ͨεΫϦϓτݴޠͰ͋Δɻ࣮૷͝ͱͷޓ ׵ੑ͕௿͍ JavaScript ྨʢಛʹ JScriptʣ ͷඪ४ΛఆΊͨ΋ͷͰ͋Δɻ”
12. ES6Ͱ௥Ճ͞ΕΔ΋
13. Features https://github.com/lukehoban/es6features
14. ࠓ೔࿩͢ػೳ 1. ؔ਺(Arrow functions,Function Argumentss) 2. ม਺(let + const) 3. Ϋϥε(classes) 4. δΣωϨʔλͱfor of 5. άϩʔόϧΦϒδΣΫτ(Map,Set, WeakMap, WeakSet) 6. Promises
15. 1. ؔ਺ var test = a => { console.log(“execute!! : ”+a); } function a(x, y=12) { } function b(x, ...y) { } function c(x,y,z) {} args = [1,2,3] c(…args);
16. 1. ؔ਺(ArrowFunctions) =>Λ࢖ͬͯؔ਺ఆٛͰ͖Δ Ҿ਺ෳ਺͸ (a,b) => ͱͳΔ ෳ਺ߦͷ৔߹͸{}Λ࢖͏
17. 1. ؔ਺(FunctionArguments) ؔ਺ύϥϝʔλʹʹσϑΥϧτ஋͕ઃఆͰ͖ Δɻ ՄมҾ਺Λ…argsͰࢦఆͰ͖Δɻ ഑ྻΛؔ਺Ҿ਺ʹల։Ͱ͖Δɻ
18. 2. ม਺ let hoge = 1; const fuga = 2;
19. 2. ม਺ letΛ࢖͏ͱϒϩοΫείʔϓ͕࣮ݱͰ͖Δɻ constΛ࢖͏ͱ্ॻ͖Ͱ͖ͳ͍ɻ
20. 3. Ϋϥε class Hoge { } var hoge = new Hoge();
21. 3. Ϋϥε ΫϥεએݴͰॻ͚Δɻ extendsͰܧঝͰ͖Δɻ superͰܧঝݩͷϝιουݺͼग़ͤΔɻ
22. 4. δΣωϨʔλͱfor of let gen = function*() { for(let i = 0; i < 10; i++) { yield i+10; } } for (let i of gen()) { console.log(i) }
23. 4. δΣωϨʔλͱfor of function* ͱ yieldΛ࢖͏ for of ͰϧʔϓͰ͖Δ ArrowFunctionͱ͸૊Έ߹ΘͤΒΕͳ͍
24. 5. άϩʔόϧΦϒδΣΫτ var set = new Set(); set.add(“hoge”).add(“fuga”) var map = new Map(); map.set(“hoge”,10); map.set(“fuga”,20);
25. 5. άϩʔόϧΦϒδΣΫτ Set Map WeakSet WeakMap ͕࢖͑Δɻ
26. 6. Promises function timeout(duration = 0) { return new Promise((resolve, reject) => { setTimeout(resolve, duration); }) } var p = timeout(1000).then(() => { return timeout(2000); }).then(() => { throw new Error("hmm"); }).catch(err => { return Promise.all([timeout(100), timeout(200)]); })
27. 6. Promises http://azu.github.io/promises-book/
28. Ͳ͏΍ͬͯಈ͔͢ͷʁ
29. ECMAScript 6 compatibility table http://kangax.github.io/compat-table/es6/
30. େ͖͘෼͚ͯ̎ͭ • αʔόαΠυͰ࣮ߦ͢Δ • τϥϯείϯύΠϥΛར༻͢Δ
31. αʔόαΠυͰಈ͔ͯ͠ΈΑ ͏ɻ
32. IUUQTJPKTPSHKBJOEFYIUNM
33. ͜Μͳײ͡Ͱ࣮ߦ͢Δ $ iojs --harmony_classes ./classes.es6.js $ iojs --harmony_arrow_functions ./arrows.js $ iojs --es_staging ./hoge.js
34. iojs࢖͏ͱ͖ʹ஫ҙ఺
35. Φϓγϣϯ(flag)͕ඞཁ • shipping features → ϑϥάඞཁͳ͍ • staged features → --es_staging͕ඞཁ • in progress features → ݸผʹϑϥάࢦఆ͕ඞ ཁ
36. ϑϥάΛௐ΂Δ $ iojs --v8-options | grep harmony
37. ΊΜͲ͍͔͘͞Βશ෦ͷϑϥ άΛࢦఆͯ͠ΈΔɻ $ iojs $(iojs --v8-options | grep harmony | sed -e 's/(.*)\(.* \)/ /g' | tr '\n' ' ‘) ./hoge.js
38. ৄ͍͠ࣄ͸iojsͷαΠτͷ͜ ͜Λ֬ೝ͠·͠ΐ͏ɻ https://iojs.org/ja/es6.html
39. τϥϯείϯύΠϥ
40. IUUQTCBCFMKTJP
41. gulpͱ૊Έ߹ΘͤͯΈ·͠ΐ ͏ɻ
42. “Ұ൪ॏཁͳͷ͸ָ͘͠ॻ͚Δ͔Ͳ͏͔ͬ ͯ͜ͱɻ”