Fork me on GitHub

JavaScriptの最新情報を紹介する週刊ブログ

2015-03-16のJS: React v0.13、Chrome 42β、モダンJavaScriptの歴史

2015年03月16日 Edit on GitHub 編集履歴を見る

JSer.info #219 - React v0.13がリリースされました。

React.ComponentがES6 Classesに対応したことやcomponent.getDOMNode()の代わりにReact.findDOMNode(component)の利用を推奨としたり、setStateが非同期になるなど色々な変更が含まれています。

詳しくは以下を参照して下さい。

Chrome 42 Betaがリリースされました。
Service Workerを使ったPush APIが実装され、Google Cloud Messagingなどからプッシュ通知を送れるようになりました。

また、ES6 Classesの実装やFetchがwindowコンテキストでも動作するようになりました。

window.fetch("https://httpbin.org/get").then(function(response){
    console.log(response)
});

Web Audio関連ではOfflineAudioContext#startRenderingが最新の仕様に追従してPromiseを返すようになっています。

Chrome 41ではAudioContextでsuspendとresumeのサポート、StereoPannerNodeの追加など色々増えているので、併せてChromium 41ベースのOpera 28のリリースノートも見ておくといい気がします。

The Modern JavaScript Developer’s Toolboxという記事では、今のJavaScriptになるまでにライブラリ、開発環境、ビルドツール/自動化の変遷がざっくり書かれています。

この記事はNext Generation HTML5 and JavaScript Content on InfoQシリーズの一つですが、面白い内容が多いのでおすすめです。

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

JSer.info Sponsors

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

ヘッドライン

React v0.13 | React

facebook.github.io/react/blog/2015/03/10/react-v0.13.html

React ReleaseNote

React 0.13リリース。
ES6 Classesの対応、React Toolsで--target es3の追加など

ESLint 0.17.0 released - ESLint

eslint.org/blog/2015/03/eslint-0.17.0-released/

ECMAScript JavaScript Tools ReleaseNote

ESLint 0.17.0リリース。
JSX/Reactのセマンティックに関するルールはESLint本体ではなくpluginで行うように。

Esprima 2.1 Released | Official jQuery Blog

blog.jquery.com/2015/03/10/esprima-2-1-released/

JavaScript AST ReleaseNote

Esprima 2.1リリース。
ES6サポートが中心でclass、rest parameter、computed property nameなどをサポートした。
ESTreeでAST仕様を策定してる件について

superagent/History.md at 1.0.0 · visionmedia/superagent

github.com/visionmedia/superagent/blob/1.0.0/History.md

JavaScript node.js HTTP library

ブラウザ、Node.jsで動くHTTPクライアントライブラリであるsuperagent 1.0.0リリース。

Chromium Blog: Chrome 42 Beta: Push Notifications, Promoting Add to Home Screen and ES6 Classes

blog.chromium.org/2015/03/chrome-42-beta-push-notifications_12.html

Chrome ReleaseNote

Chrome 42βリリース。
Service Workerを使ったプッシュ通知、WebApp Manifestのサポート、ES6 Classes、Fetch APIがwindowコンテキストに公開されるなど

Dev.Opera — Opera 28 released

dev.opera.com/blog/opera-28/

Opera ReleaseNote Chrome

Opera 28 (based on Chromium 41)リリース。
Element#closestの実装、any-pointerとany-hoverのサポート、Web Audio APIのsuspendとresume、StereoPannerNodeの実装、ES6サポートの改善

アーティクル

Push Notifications on the Open Web

updates.html5rocks.com/2015/03/push-notificatons-on-the-open-web

Chrome ServiceWorker WebPlatformAPI

Chrome 42でサポートされたPush APIについての解説。
Google Cloud Messagingからどのようにプッシュ通知を行うかについての解説

Taming the asynchronous beast with ES7

pouchdb.com/2015/03/05/taming-the-async-beast-with-es7.html

JavaScript ECMAScript

ES7で入る予定のasync/awaitについて。
どのような動作になってるのかを解説

A Comparison of JavaScript Linting Tools

www.sitepoint.com/comparison-javascript-linting-tools/

JavaScript Tools

JSLint、JSHint、JSCS、ESLintのそれぞれいいところ、よくないところの比較

How to implement a programming language (tutorial for beginners)

lisperator.net/pltut/

JavaScript tutorial

JavaScriptでλanguageという言語を実装するチュートリアル。
token stream、パーサ、AST、ジェネレータ、最適化、CPSなど色々書かれてる。
UglifyJS作者によるもの

The Modern JavaScript Developer’s Toolbox

www.infoq.com/articles/modern-javascript-toolbox

JavaScript 歴史

InfoQが未来のJavaScript等についての連載の一環として、今までのJavaScriptを振り返りする記事。
ライブラリ、開発環境、ビルドツール/自動化などを簡単に振り返りしてる

JavaScript - React.js 実戦投入への道 - Qiita

qiita.com/icoxfog417/items/5d79b3336226aa51e30d

Flux JavaScript

"Thinking in React"の考え方。
テンプレートエンジンとReactの共存の話、階層構造の複雑性を解決するためのMediator/ObserverとFluxライブラリについて

JavaScript - IndexedDbをActiveRecord+Promiseっぽく扱えてJSONSchemaでバリデーションできてnodeでもオンメモリで動いてくORMみたいな何か作ってみた - Qiita

qiita.com/mizchi/items/bd8befaffa8fe9f32522

JavaScript データベース library

IndexedDBを扱うライブラリ。
JSONスキーマによるバリデーションやActiveRecord風のAPIを持っている。
マイグレーション用のUtilも設けている

スライド、動画関係

ECMAScript没proposal追悼式

www.slideshare.net/KMC_JP/ecmascriptproposal

ECMAScript spec スライド

ES6の仕様で提案されたが、ES6 RC2時点で入らなかった仕様について。

Babel: Beyond the Basics // Speaker Deck

speakerdeck.com/sebmck/babel-beyond-the-basics

JavaScript ECMAScript スライド Tools

Babel作者によるBabelの紹介スライド。

EmberConf 2015 - YouTube

www.youtube.com/playlist?list=PLE7tQUdRKcyacwiUPs0CjPYt6tJub4xXU#emberconf

JavaScript イベント 動画

EmberConf 2015の動画一覧

サイト、サービス

Experiments with Strengthening JavaScript - Chrome V8 — Google Developers

developers.google.com/v8/experiments

google JavaScript

Chromeに実験的に実装してるStrong Mode(SaneScript)とSoundScript(型システム)についてのドキュメント。

Home – Component Kitchen

component.kitchen/

WebComponents まとめ 検索

Web Componentsのカタログサイト。

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

ecomfe/fontmin

github.com/ecomfe/fontmin

node.js fonts Tools library

ウェブフォントのMinifyを行うNode.jsモジュール。
ttfやotfからeot、woff、svgへの変換を行う。また使用する文字だけのサブセットも作成出来る

zewish/rmodal.js

github.com/zewish/rmodal.js

JavaScript UI library

依存がないシンプルなモーダルダイアログUIライブラリ

rackt/react-a11y · GitHub

github.com/rackt/react-a11y

React library アクセシビリティ

React Elementにアクセシビリティ的な問題がないかを警告してくれるライブラリ。
またどうすればいいかも表示してくれる

Kikobeats/acho

github.com/Kikobeats/acho#acho

JavaScript library node.js

Node.jsとブラウザで動くログレベル等を持つシンプルなロガーライブラリ

bvaughn/jasmine-es6-promise-matchers

github.com/bvaughn/jasmine-es6-promise-matchers

JavaScript Promises testing

JasmineのPromise向けmatcherライブラリ

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