es6Tweetはじめに夏が終わってしまいましたが、毎年恒例の花火を今回はES6で書いてみました。前回と同じ形の花火だと移植するだけになってしまうので、花火の形も変えました。以下の環境で動作確認しています。Fireworks('fireworks');}実際にES6で書いてみて良かった点ClassCoffeeScriptを使ってた理由の一つとしてクラスが使えるというのがあったのですが、ES6でも使えるようになって良かったですね。例として、以下のような形でクラス名やコンストラクタやメソッドを定義して使えます。Function今まで、functionって書いてたのが=>で済むので簡潔に書けるようになった点がいいですね。違う点は単純にfunctionの省略記法ではなくて、thisのスコープが、定義されたスコープになります。}};test.run();selfに代入しないで済むようになります。Functionを使うとその関数のスコープのthisがバインドされます。}};test.run();Let今までローカル変数を定義した場合、ブロック内で定義しても、ブロック外の変数が上書きされるようになってました。20letを使うと、ブロックの中の範囲に有効なスコープの変数が定義できるようになります。console.log(vendors[i]);}こう書けるようになりました。Literal文字列をバッククオートにして${}で囲ったものが展開されます。今回だと、ベンダープレフィックスを付けた、requestAnimationFrameを定義するのに使ってます。window[\`${vendor}RequestAnimationFrame\`];リポジトリhttps://github.com/f96q/es6-hanabi最後に今までのJavaScriptだと言語的な機能で足りない部分があって、CoffeeScriptが使える環境の場合はCoffeeScriptを使ってました。CofeeScriptはブラウザで直接動かすことができないのと、標準的な言語でない点が悩みどころでした。ES6だとJavaScriptに足りなかった機能や、最近の言語に入ってるような機能が入り、より使いやすくなったんじゃないかと思います。後は標準サポートされるブラウザが増えるといいですね。https://docbase.ioDocBaseとはDocBaseとは、小さく始める・みんなで育てる・適切に伝える・安心して伝えるをコンセプトにした情報共有サービスです。メモという形で小さく始められる、エンジニア以外のメンバーでも使いやすい仕組み、情報をまとめて整理できる、柔軟な権限設定で様々なプロジェクトで使えるなど、積極的な情報共有と業務の効率化を実現し、チームの成長を促します。違いって?図を交...次の記事パターン・ランゲージの価値を考える「いいね!」で応援よろしくお願いします!このエントリーに対するコメントコメントはまだありません。date*日本語が含まれない投稿は無視されますのでご注意ください。fax.0422-26-9781お問い合わせはこちらからどうぞ。