「ECMAScript6勉強会」HappyHalloween JS 祭！！ 《仮装マストじゃないよ》

『Good evening, ES6』

次世代のJavaScriptとなるECMAScript6(ES6)。トランスパイラを使うことで日々の開発にも取り入れられるようになり、JavaScriptの記事に載っているサンプルコードがES6であることも珍しくなくなってきました。他のセッションを聞く前に、ES6を知らない方への入門セッションとしてES6の概要や新しい記法についてご紹介します。

当日のスライド資料

『Promise（仮）』

非同期処理というやつはけっこう厄介です。それが何かというのもそうですし、なにより書くのがちょっとつらいです。ES6から、Promiseというものが入って少しだけ楽になった気がします。仕様に入ってから日が浅いにもかかわらずすぐに実装されたり、今後が期待されています。なんでそうなったのか、またどうなってくのかをお話しようかと思いますが約束はしないよ。

『Function and Class』

ES6になって大きく変わった点として、Promiseに次いで有名なのは、functionやclass周りなように思えます。特にES6に追加されたArrow Functionは、単にソースコードが矢印マークで埋まるだけなんだと思っている方も多いようです。CoffeeScriptが由来となっているこれらの便利な仕様について、転職してCoffeeScriptばかり書かざる得なくなった川田から、なぜ必要なのかという点も含めて紹介します。

『ブラウザで今すぐES6を使おう』

ES6はまだブラウザでは全然対応していませんが、BabelとWebPackを用いればブラウザ向けのJavaScriptをES6で書くことができるのです。まだES6で書いていない方のために、ES6で書く環境を説明し、ハンズオンで実際に環境を構築していく手順を解説していきます。

当日のスライド資料

『Years with JavaScript.Next』

今年遂に標準化された ECMAScript 6th Edition ですが、その新機能の中には 2000 年リリースの Firefox 1.0 (JavaScript 1.5) の時点で導入されていたものがあるのはご存じですか？JavaScript 2.0 & ECMAScript 4th の挫折を乗り越え、遂に標準化された ECMAScript について歴史を振り返りつつお話します。

当日のスライド資料