MF Geeks Night でLTでの発表資料

1. es6とかな話
khirayama

2. MFでフロントエンドやってます！
平山 光太郎

3. JSの次期標準仕様。
みんなが欲しがってた機能がいっぱい詰まってる。
es6（ECMAScript6）とは

4. JSの次期標準仕様。
みんなが欲しがってた機能がいっぱい詰まってる。
es6（ECMAScript6）とは
今月になって最終ドラフトが上がった....！
早ければ6月に標準化

5. Array.find
Array.map
Object.keys
Object.assign
JSの次期標準仕様。
みんなが欲しがってた機能がいっぱい詰まってる。
es6（ECMAScript6）とは
Class
Module
Function Arguments
Arrow Function
let / const
Template Literals
Promise

6. Object.assign
Objectのcloneやmergeしたりが簡単に

7. Class
嬉しい。
もちろんextendsも

8. Module
export / importにも対応して、依存
管理ができるように

9. Arrow Function
thisを束縛して、今までやってたこと↓のが（だいたい）不要に。
var _this = this;
hogehoge.bind(this)

10. Template Literals
複数行の記述、変数の仕様、関数の実行を文字列に埋
め込めるように

11. でも、どうせ使えないんでしょ？

12. Babel（旧6to5）
es6のコードをes5にトランスパイル。
altJSみたいなもの。

13. Babel（旧6to5）

14. Babel（旧6to5）
React 入ってる

15. 実際に使ってみた感想

16. Object.assign
Objectのcloneやmergeしたりが簡単に

17. Object.assign
Objectのcloneやmergeしたりが簡単に
マジ便利！

18. Class
嬉しい。
もちろんextendsも

19. Class
嬉しい。
もちろんextendsも
マジ便利！

20. Module
export / importにも対応して、依存
管理ができるように

21. Module
export / importにも対応して、依存
管理ができるように
ぱねぇ！

22. Arrow Function
thisを束縛して、今までやってたこと↓のが（だいたい）不要に。
var _this = this;
hogehoge.bind(this)

23. Arrow Function
thisを束縛して、今までやってたこと↓のが（だいたい）不要に。
var _this = this;
hogehoge.bind(this)
いい！

24. Template Literals
複数行の記述、変数の仕様、関数の実行を文字列に埋
め込めるように

25. Template Literals
複数行の記述、変数の仕様、関数の実行を文字列に埋
め込めるように
マジぱねぇす

26. Template Literals
複数行の記述、変数の仕様、関数の実行を文字列に埋
め込めるように
※ただし評価された時にキャッシュされるぽいので
関数化とかしないと使い回しづらい

27. Railsでもだいたい使えるよ！