Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

LT#8 乗るしかないこのECMA Script 2015に

1,968 views

Published on

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

Published in: Engineering
  • Be the first to comment

  • Be the first to like this

LT#8 乗るしかないこのECMA Script 2015に

  1. 1. 乗るしかない この ECMA Script 2015 に @do7be
  2. 2. 自己紹介 • do7be • リードエンジニア • マイブーム:COBRA
  3. 3. 突然ですが
 みなさん
  4. 4. JavaScript 好きですか?
  5. 5. おや?
  6. 6. ECMA Script 2015 使ってますか?
  7. 7. おやおや?
  8. 8. ECMA Script 2015 知っていますか?
  9. 9. ECMA Script 2015
  10. 10. JavaScriptの 新しい標準仕様
  11. 11. これまで:ES5 これから:ES6
  12. 12. ES6 ECMA Script 6 ECMA Script 2015
  13. 13. 長いのでここからは ES6と呼びます
  14. 14. わかりやすく 言うと
  15. 15. 今までクソだった JavaScriptが 進化する
  16. 16. これからは JavaScriptが クソ言語とか 言えませんよ!?
  17. 17. ES5の知識で ディスるってことは
  18. 18. Java5の知識で Javaをディスる ようなもの
  19. 19. 話を戻して
  20. 20. • どうクソだったのか • どうクソじゃなくなったのか
  21. 21. 見ていきましょう
  22. 22. ES6の主な特徴
  23. 23. • Class • Module • Arrow Function • Block Scope • Default Parameter • Rest Parameter • Spread Parameter • Destructuring • Template Strings • Iterator • Promise
  24. 24. • Class • Module • Arrow Function • Block Scope • Default Parameter • Rest Parameter • Spread Parameter • Destructuring • Template Strings • Iterator • Promise
  25. 25. Class
  26. 26. ありがとう… 本当にありがとう…
  27. 27. ES5まではClassが なかった
  28. 28. prototype
  29. 29. それはかつて 強いられた地獄
  30. 30. class Animal { constructor(sound) { this.sound = sound; } say() { console.log(this.sound); } static using() { console.log(‘use constructor’); } }
  31. 31. Arrow Function
  32. 32. function () { } ↓ () => { }
  33. 33. しかも thisを引き継げるので
  34. 34. var self = this; をしなくても よくなった!!
  35. 35. Block Scope
  36. 36. • let • const
  37. 37. let a = 2; if (true) { let a = 10; } console.log(a); // 2が表示される
  38. 38. 今までクソ言語 たらしめていた仕様が 大幅に修正された
  39. 39. あれ
  40. 40. そういえばもう ES6って使えるの?
  41. 41. compat-table
  42. 42. ブラウザごとに 対応はまちまち
  43. 43. でも今すぐに 書きたい!
  44. 44. • トランスパイラ • ES6で書いたjsをES5に変換してくれる • 現状これを使って書くのがベスト
  45. 45. ES6はもうそこまで 来ている
  46. 46. 乗り遅れたら・・・
  47. 47. JC「えーマジES5!? ES5が許されるのは 小学生までだよねー」
  48. 48. なんてことに なってるかも
  49. 49. 笑ってごまかせるのは コブラだけ
  50. 50. ES6 やろう
  51. 51. おしまい

×