JSer.info #227 - Rubyist Magazine - 2015 年の JavaScript と babel の話という記事では、Babelによるtranspileを利用しながらES6で追加された機能や構文について紹介しています。

記事中にも書かれていますがtower-of-babelというインタラクティブに学べるツールも公開されていて、ES6は最終ドラフトがでていて現在進行形でブラウザ等で実装が進んでいるので、この機会に学んでみるのもいいと思います。

また、Hello, ES6 ~これから迎えるJSのミライ~ - @yoshiko_pgというスライドでも書かれていますが、最近はES6で書かれた(公開時にBabel等の変換したコードを使う)ライブラリ等も増えてきていてそのサンプルコード等もES6で書かれているケースが増えて来ていると思います。

構文だけではなくて仕様的な話などもっと深く見て行きたい場合はYou Don't Know JS: ES6 & Beyondや②ality – JavaScript and more等を見ることをオススメします。

npm update -g npm // Speaker Deckというスライドでは、パッケージ管理ツールであるnpmの最近の変更点や追加された機能などについて紹介されています。

npmはnpm install -g npmすることでNode.jsやio.jsのバージョンとは別でアップデート可能ですが、現在のNode.jsにバンドルされているのはnpm v2.5.1なので、そこからどのような変更があったかについて書かれています。

npmの変更点についてはThe npm Blog(翻訳)、GitHubのReleasesページを見ることで細かく見ていくことができると思います。

JSer.infoをサポートするには

😘 知り合いにJSer.infoをおすすめする
❤️ GitHub Sponsorsで@azuのスポンサーになる
🐦 X(Twitter)で@jser_infoをフォローする

JSer.info Sponsors

JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。

ヘッドライン

ESLint 0.21.0 released - ESLint - Pluggable JavaScript linter

eslint.org/blog/2015/05/eslint-0.21.0-released

JavaScript Tools ReleaseNote

ESLint 0.21.0リリース。
eslint --initで設定ファイルの作成をインタラクティブに行えるように、外部の設定ファイルを継承出来るようになり、またShareable Configsというドキュメントが追加された

React v0.13.3 | React

facebook.github.io/react/blog/2015/05/08/react-v0.13.3.html

React ReleaseNote

React v0.13.3リリース。
ES6 Classesを使った時に非推奨メソッドの警告を改善、
dangerouslySetInnerHTMLで値がundefinedの時に例外を投げないようになるなど

アーティクル

Rubyist Magazine - 2015 年の JavaScript と babel の話

magazine.rubyist.net/?0050-ECMAScript2015

JavaScript ECMAScript

ES6の概要を紹介する記事

Hello, ES6 ~これから迎えるJSのミライ~ - @yoshiko_pg

Deku: How we built our functional alternative to React

segment.com/blog/deku-our-functional-alternative-to-react/

JavaScript DOM UI library

Virtual DOMを持ち、Reactのようなライフサイクルを持つコンポーネントライブラリ。
ES6 Classesではなくライフサイクルに対応する関数をexportする形式となっていてthisを気にせず書くことができる。
Babelのオプションを使いJSXで書くこともでき、Node.js上でも動作するためサーバサイドレンダリングが行える。
ファイルサイズが10kb程度。