Fork me on GitHub

2016-04-11のJS: Grunt 1.0.0、React 15.0、ツールで学ぶJavaScript

Edit on GitHub 編集履歴を見る

JSer.info #274 - Grunt 1.0.0が正式リリースされました。

1.0.0 RC1からは依存パッケージのアップデートがされていますが、grunt.util._で参照できるlodashが4.3.0に更新されています。
grunt.util._自体が非推奨であるため、以下のように自分でlodashをインストールして使うことが推奨されています。

var _ = require('lodash');

React v15.0がリリースされました。

幾つか問題があったため、既にReact v15.0.1がリリースされていますが、基本的には0.14.xからは非推奨の警告メッセージがなければそのままアップグレードできるようです。

0.14.xからの変更点は以下にまとめられています。

また、Reactのコアチームのミーティングノートが公開されるようになっているので、今後どのような方針でやっていくのかなどが書かれているので気になる人は見るといいかもしれません。


Tools to Learn JavaScript By Doing -Telerik Developer Networkという記事ではツールで学ぶJavaScriptについて書かれています。

NodeSchooljs-assessmentAdvent of Codeなどの問題を解きながら学べるサイトやツールについて書かれています。

ものすごく前にテストで学ぶJavaScriptについてというのを書いてましたが、実際に解きながら学ぶと結構色々発見があり面白いと思います。

この中だとNodeSchoolworkshopperは、ただのJavaScript文法だけではなく色々なライブラリやツールごとにあるので、見てみるとおもしろいかもしれません。


ヘッドライン


Grunt 1.0.0 released - Grunt: The JavaScript Task Runner

gruntjs.com/blog/2016-04-04-grunt-1.0.0-released

Grunt ReleaseNote

Grunt 1.0.0リリース。
GruntプラグインのpeerDependenciesには"grunt": ">=0.4.0"を入れることを推奨してる。


Release v1.0.0 - Rosebud · SBoudrias/Inquirer.js

github.com/SBoudrias/Inquirer.js/releases/tag/v1.0.0

node.js console library

ターミナルで選択肢などインタラクティブな動作を行うInquirer.js 1.0.0リリース。
PromiseベースのAPIへ変更


normalize.css/CHANGELOG.md at 4.0.0 · necolas/normalize.css

github.com/necolas/normalize.css/blob/4.0.0/CHANGELOG.md

CSS ReleaseNote library

normalize.css 4.0.0リリース。


AWS Lambda Supports Node.js 4.3

aws.amazon.com/about-aws/whats-new/2016/04/aws-lambda-supports-node-js-4-3/

aws node.js ReleaseNote

AWS LambdaでNode.js 4.3をサポート


jsdom/Changelog.md at 8.3.0 · tmpvar/jsdom

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

DOM JavaScript ReleaseNote

jsdom 8.3.0リリース。
Node Canvasを使った外部リソースを使ったimgの処理を追加(optional)。
img.naturalWidthなどの実データに基づく値を取れるようになっています。

また、Page Visibility APIの基本的な実装を追加するなど


React v15.0 | React

facebook.github.io/react/blog/2016/04/07/react-v15.html

React ReleaseNote

React v15.0リリース。
IE8のサポート終了、semverに準拠してアップデートするように変更。
0.14で非推奨なメッセージがでてなければ、そのままアップデートして動作する。


アーティクル


Tools to Learn JavaScript By Doing -Telerik Developer Network

developer.telerik.com/featured/tools-learn-javascript/

JavaScript Tools tutorial

js-assessment、NodeSchool、Advent of CodeなどJavaScriptを学べるインタラクティブ性のあるツールについて


Introducing the Microsoft Edge Platform Issue Tracker | Microsoft Edge Dev Blog

blogs.windows.com/msedgedev/2016/04/06/edgehtml-issue-tracker/

MS issue

MS EdgeのIssue Trackerがアップデートされた。


WebdriverIOで始めるE2EテストとPageObject - Qiita

qiita.com/derui@github/items/9ee72c7533c9a57aa8d2

JavaScript testing E2E

WebdriverIOを使ったE2EテストをPageObjectパターンで実装する話


Reactコンポーネントをnpmパッケージとして開発する - Hatena Developer Blog

developer.hatenastaff.com/entry/2016/04/09/180000

React npm library JavaScript

Reactコンポーネントをnpmでライブラリとして公開する方法とメリット/デメリットについて。


Streaming template literals - JakeArchibald.com

jakearchibald.com/2016/streaming-template-literals/

ECMAScript JavaScript

Template LiteralとWHATWG Streamをあわせる方法について


Angular 2 — Unit Testing recipes — Google Developer Experts — Medium

medium.com/google-developer-experts/angular-2-unit-testing-with-jasmine-defe20421584

AngularJS testing

AnguarJS2でのテストパターン


スライド、動画関係


Introduction to flux-util // Speaker Deck

speakerdeck.com/joere/introduction-to-flux-util

Flux library

Facebookのflux utilについてのスライド。
flux utilの機能や担当する役割について


サイト、サービス、ドキュメント


React.run - Beta

www.react.run/

React webservice

React Componentのコードを実行/共有できるJSFiddle的なサービス


Microsoft Edge Developer Resources

dev.windows.com/en-us/microsoft-edge/platform/data/

MSEdge webservice 統計

MSEdgeのウェブサイトでのCSSプロパティの使用率やブラウザのAPIサポート率などのデータ。


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


jdonaghue/es-search: Search ECMAScript structurally

github.com/jdonaghue/es-search

AST 検索 JavaScript

ASTベースでJavaScriptのコードから構造に一致する部分を検索するツール


redfin/react-server: React server monorepo

github.com/redfin/react-server

React サーバー

Reactを使ったexpress middlewareなどのサーバ関連の実装


mohayonao/web-audio-engine: Pure JS implementation of the Web Audio API

github.com/mohayonao/web-audio-engine

web audio library

Web Audio APIのPure JavaScript実装。
PCM audioをNode Streamに吐くことができる


kenwheeler/cash: An absurdly small jQuery alternative for modern browsers

github.com/kenwheeler/cash

jQuery library

jQuery Alternativeなライブラリ。
jQueryのDOM周りのメソッドを集めた感じ


brigand/babel-plugin-flow-react-proptypes: A babel plugin to generate React PropTypes definitions from Flow type declarations.

github.com/brigand/babel-plugin-flow-react-proptypes

flowtype babel plugin React

FlowTypeでReactのpropTypesを書くと、JavaScriptのpropTypesに変換してくれるBabelプラグイン


c58/marsdb: MarsDB is a Promise based lightweight database with MongoDB query syntax, written on ES6

github.com/c58/marsdb

JavaScript Promises library

minimongoのようなクライアントサイド向けのデータベースライブラリ。
Adpterでバックエンドとなる保存方法を変更できるため、BrowserやElectron、Node.jsなどで動作する


PlasmaPower/assert-request: Assert responses to HTTP requests in Node.JS

github.com/PlasmaPower/assert-request

node.js testing

Node.jsでrequestに対してresponseのassertを行うライブラリ


書籍関係


Amazon.com: Isomorphic Application Development with JavaScrip eBook: Konstantin Tarkus: Kindle Store

www.amazon.com/Isomorphic-Application-Development-JavaScrip-Konstantin-ebook/dp/B01DWFRFVG

JavaScript book

2017年2月4日発売
Isomorphic JavaScriptについての書籍


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