Fork me on GitHub

2015-09-16のJS: React 0.14 RC、ESLint 1.4.0、改めてECMAScript 5

Edit on GitHub 編集履歴を見る

JSer.info #245 - React 0.14 RCがリリースされました。

React 0.14ではパッケージの分割やステートレスコンポーネントが入ったりして色々な変更があります。
そのため、react-codemodというマイグレーションツールもリリースされているので正式リリースの前に確認してみるといいかもしれません。


JavaScriptのLintツールであるESLint 1.4.0がリリースされました。

機能追加として今まではLintのみでしたが、--fixオプションでコードを修正できる機能が追加されました(一部ルールのみ)

また、--cacheオプションで実行結果をファイルとしてキャッシュすることが可能になっています。


ES2015(ES6)な時代だからこそ、ES5を改めて調べたJavaScript初級者のメモ - Qiitaという記事ではES5で追加された機能などについて書かれています。

ES5ではProperty DescriptorやArrayに便利なメソッドなど地味に機能が増えています。またBabelなどがTranspileする際に、多くのケースでES5の機能を限界まで使ってES6の機能を擬似的に実装しています。

どうやってECMAScript 6を学び始めるかでも書いていますが、Babelのような変換ツールを使う前にES5の機能について改めて知っておくことは重要だと思います。

以下の記事も合わせて読むと細かな動作が分かっていいかもしれません。


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

JSer.info Sponsors

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


ヘッドライン


Modernizr News

modernizr.com/news/modernizr-3-new-release-site

JavaScript CSS browser library

Feature Detectを行うライブラリであるModernizr 3リリース。


React v0.14 Release Candidate | React

facebook.github.io/react/blog/2015/09/10/react-v0.14-rc1.html

React ReleaseNote

React v0.14 RCリリース。
モジュールの分割、refsの参照がDOM Node自体となるように、ステートレスコンポーネント、react-toolsの廃止、Babelへの移行など


Flow | Version 0.15.0

flowtype.org/blog/2015/09/10/Version-0.15.0.html

flowtype ReleaseNote

Flow 0.15.0リリース。
Generatorのサポート、ワーカープロセス数の設定ができるよう、ES6 Classesでsuper()を呼ぶ前にthisに触るのをチェックできるようになるなど


ESLint v1.4.0 released - ESLint - Pluggable JavaScript linter

eslint.org/blog/2015/09/eslint-v1.4.0-released

JavaScript Tools ReleaseNote

ESLint v1.4.0リリース。
ルールに合った形にコードを修正する--fixオプションの追加、実行結果をキャッシュ出来る--cacheオプションの追加など


jsdom/Changelog.md at 6.4.0 · tmpvar/jsdom

github.com/tmpvar/jsdom/blob/6.4.0/Changelog.md

JavaScript library ReleaseNote

jsdom 6.4.0リリース。
jsdom.nodeLocationの追加、
getElementsByClassNameでスペースが区切られた文字列に対応など


アーティクル


The names of functions in ES6

www.2ality.com/2015/09/function-names-es6.html

JavaScript ECMAScript

関数やSymbol、モジュールなどのnameプロパティについてのまとめ


JavaScript - Babel プラグインを作ってみよう - Qiita

qiita.com/shuhei/items/96a852f7e0995fd42981

JavaScript babel plugin tutorial

Babelプラグインの作成方法と仕組みについてのチュートリアル的な記事


ES2015(ES6)な時代だからこそ、ES5を改めて調べたJavaScript初級者のメモ - Qiita

qiita.com/zaru/items/d833dca52962c3f7770f

ECMAScript

ES5で追加されたProperty Descriptorや追加されたメソッドについて


Lessons Backbone Developers Can Learn From React

benmccormick.org/2015/09/09/what-can-backbone-developers-learn-from-react/

backbone.js React JavaScript

Backbone.jsから見るReactから学べることについて


JavaScript iterables and iterators - JS Rocks

jsrocks.org/2015/09/javascript-iterables-and-iterators/

JavaScript ECMAScript

iterable、iteratorについて細かな疑問がQ&A形式でまとまっている記事。
iterableとiteratorそれぞれがどういう定義であるかや関係について。
また、iterator.next()の返り値がオブジェクトを返すようになった理由などについて


Full-Stack Redux Tutorial

teropa.info/blog/2015/09/10/full-stack-redux-tutorial.html

JavaScript Flux tutorial

Reduxを使ってウェブアプリを作るチュートリアル


Polymer 1.0をさわってみて - console.lealog();

lealog.hateblo.jp/entry/2015/09/04/003050

JavaScript WebComponents

Polymerを使ったウェブサイトを作る方法や関連ツールなどの紹介。
Polymerのテンプレートやハマりどころについて


スライド、動画関係


The Polymer Summit 2015 - YouTube

www.youtube.com/playlist?list=PLNYkxOF6rcICdISJclfQhj2S8QZGjXV8J

JavaScript WebComponents library イベント 動画

Polymer Summit 2015の動画一覧
https://www.polymer-project.org/summit


ソフトウェア、ツール、ライブラリ関係


fb55/htmlparser2

github.com/fb55/htmlparser2

JavaScript HTML library

HTML/XML/RSSパーサライブラリ


danielstjules/mocha.parallel

github.com/danielstjules/mocha.parallel

JavaScript testing

mochaで書かれたテストコードをdescribe単位で並列に処理できるライブラリ


jide/moveit

github.com/jide/moveit

JavaScript CSS animation library

DOM Nodeを定義にしたがってアニメーションさせることが出来るライブラリ。
アニメーションの定義をオブジェクトとして定義出来る


Mostafa-Samir/zip-local

github.com/Mostafa-Samir/zip-local

node.js

zip/unzipを行うNode.jsモジュール


書籍関係


Amazon: HTML5/CSS3モダンコーディング フロントエンドエンジニアが教える3つの本格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方: 吉田 真麻

www.amazon.co.jp/dp/4798141577

HTML5 CSS book

2015年11月3日発売
レイアウトについての書籍


この記事へ修正リクエストをする
JSer.info Slackに参加する