社内LT大会で発表したES2015に関する資料です。 発表日：2015/08/24

1. 乗るしかない この
ECMA Script 2015 に
@do7be

2. 自己紹介
• do7be
• リードエンジニア
• マイブーム：COBRA

3. 突然ですが
みなさん

4. JavaScript
好きですか？

5. おや？

6. ECMA Script 2015
使ってますか？

7. おやおや？

8. ECMA Script 2015
知っていますか？

10. ECMA Script 2015

11. JavaScriptの
新しい標準仕様

12. これまで：ES5
これから：ES6

13. ES6
ECMA Script 6
ECMA Script 2015

14. 長いのでここからは
ES6と呼びます

15. わかりやすく
言うと

16. 今までクソだった
JavaScriptが
進化する

17. これからは
JavaScriptが
クソ言語とか
言えませんよ！？

18. ES5の知識で
ディスるってことは

19. Java5の知識で
Javaをディスる
ようなもの

20. 話を戻して

21. • どうクソだったのか
• どうクソじゃなくなったのか

22. 見ていきましょう

23. ES6の主な特徴

24. • Class
• Module
• Arrow Function
• Block Scope
• Default Parameter
• Rest Parameter
• Spread Parameter
• Destructuring
• Template Strings
• Iterator
• Promise

25. • Class
• Module
• Arrow Function
• Block Scope
• Default Parameter
• Rest Parameter
• Spread Parameter
• Destructuring
• Template Strings
• Iterator
• Promise

26. Class

27. ありがとう…
本当にありがとう…

28. ES5まではClassが
なかった

29. prototype

30. それはかつて
強いられた地獄

31. class Animal {
constructor(sound) {
this.sound = sound;
}
say() {
console.log(this.sound);
}
static using() {
console.log(‘use constructor’);
}
}

32. Arrow Function

33. function () { }
↓
() => { }

34. しかも
thisを引き継げるので

35. var self = this;
をしなくても
よくなった！！

36. Block Scope

37. • let
• const

38. let a = 2;
if (true) {
let a = 10;
}
console.log(a); // 2が表示される

39. 今までクソ言語
たらしめていた仕様が
大幅に修正された

40. あれ

41. そういえばもう
ES6って使えるの？

42. compat-table

43. ブラウザごとに
対応はまちまち

44. でも今すぐに
書きたい！

46. • トランスパイラ
• ES6で書いたjsをES5に変換してくれる
• 現状これを使って書くのがベスト

47. ES6はもうそこまで
来ている

48. 乗り遅れたら・・・

49. JC「えーマジES5！？
ES5が許されるのは
小学生までだよねー」

50. なんてことに
なってるかも

51. 笑ってごまかせるのは
コブラだけ

52. ES6
やろう

53. おしまい