Fork me on GitHub

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

2015-04-20のJS: ECMAScript6最終ドラフト、JavaScriptトレーニング

2015年04月20日 Edit on GitHub 編集履歴を見る

JSer.info #224 - 次期ECMAScriptであるES6 Rev 38 Final Draftがリリースされました。

ECMAへ提出されて2015年の6月のECMAのミーティングにて承認されれば、ECMA標準として公開される予定になっています。

2014-06-09のJSの際にES6のリリース次期が変更されていましたが、この変更した通りに進んでいるようです。
(図は2014-06-09時点のもの)

ES6 Release Schedule

＊画像が横に長いのでクリック

ECMA標準として承認された後、ECMAScriptはISO/IEC 16262としても標準化されているため、こちらにも提出される予定です。

ISO/IECではECMAScript 5をISO/IEC 16262:2011として標準化されているように年号が使われています。
このような対応関係が分かりにくくなる問題のため、ES6の仕様書ではECMAScript 2015という表記へ変更されています。

mixi-inc/JavaScriptTrainingというリポジトリではJavaScriptの入門トレーニング用の資料が公開されています。

screenshot

JS AssessmentやいわゆるKoanのような形式となっていて、テストが通るように問題を解いていく方式になっています。

DOM操作、DOMイベント、非同期処理、PromiseとFetch API、bowerを使ったパッケージ管理などについてを扱っていて、生のDOM APIについて学ぶ機会も少なくなってきてるのでこういうトレーニングをやってみるのも面白いかもしれません。

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

JSer.info Sponsors

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

ヘッドライン

April 14, 2015 Rev 38 Final Draft - Draft Specification for ES.next (Ecma-262 Edition 6)

wiki.ecmascript.org/doku.php?id=harmony:specification_drafts#april_14_2015_rev_38_final_draft

ECMAScript 2015(ES6)の最終ドラフトがリリース。

React v0.13.2 | React

facebook.github.io/react/blog/2015/04/18/react-v0.13.2.html

React ReleaseNote

React v0.13.2リリース。
react toolsに--es6moduleのオプションを追加など

Release electron v0.24.0 · atom/electron

github.com/atom/electron/releases/tag/v0.24.0

atom ReleaseNote

Atom Shell 0.24.0リリース。
Atom ShellはElectronにリネームされた

jsdom/Changelog.md at master · tmpvar/jsdom

github.com/tmpvar/jsdom/blob/master/Changelog.md#500

JavaScript DOM library ReleaseNote

jsdom 5.0.0リリース。
document.cookie周りの修正が中心

Release v0.8.0 · airportyh/testem

github.com/airportyh/testem/releases/tag/v0.8.0

JavaScript testing ReleaseNote

Testem 0.8.0リリース。
Sauce Labsのようにリモートとつないで実行する場合の挙動を改善

Release v0.11.0: ES6 support (2015-04-18) · twada/power-assert

github.com/twada/power-assert/releases/tag/v0.11.0

JavaScript testing library ReleaseNote

power-assert 0.11.0リリース。
ES6の構文をサポート

Chromium Blog: Chrome 43 Beta: Web MIDI and upgrading legacy sites to HTTPS

blog.chromium.org/2015/04/chrome-43-beta-web-midi-and-upgrading.html

Chrome ReleaseNote

Chrome 43 Betaリリース。
Web MIDI APIがデフォルトで有効に、Permissions APIのサポート、DOM属性がprototype chainに移動、Flashなしでもクリップボードへのコピーが出来るように、Fetchでレスポンスをストリーミング出来るようになるなど

アーティクル

Getting started with Node.js and Mocha - Semaphore

semaphoreci.com/community/tutorials/getting-started-with-node-js-and-mocha

node.js testing JavaScript tutorial

Mochaを使ったテストについて。
Mochaの基本的な使い方やexpressを使って実装したウェブサーバのテストについて簡潔にまとめられている

Fullscreen API と 闇 - Browser

browser.hatenablog.com/entry/2015/04/18/121248

JavaScript browser

ブラウザ間のFullscreen APIの挙動の違いについて

Permissions API for the Web

updates.html5rocks.com/2015/04/permissions-api-for-the-web

JavaScript WebPlatformAPI

パーミッションを確認するAPI。
navigator.permissionsについて

JavaScriptでフルスクラッチゲーム開発しよう 第1回 準備編 - Qiita

qiita.com/zukkun/items/4ea9542a6dde45c6a9fd

game JavaScript

一からJavaScriptでゲーム(ゲームエンジン)を作る連載。
フレームごとの更新、Canvasを使った描画、画像の読み込みなどゲームフレームワークは使わずに書いていく話

スライド、動画関係

Controllable React Components // Speaker Deck

speakerdeck.com/lettertwo/controllable-react-components

React スライド

ReactでES6 Classesを使ったComponentを作るスライド。
Component内では常にstateじゃなくpropsを使いたい、FormのControlled Componentでもpropsを使うための高階関数について

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

ES Weekly Newsletter

esweekly.com/

JavaScript ECMAScript mail

ECMAScriptについての週刊のメールマガジン

mixi-inc/JavaScriptTraining

github.com/mixi-inc/JavaScriptTraining

JavaScript tutorial

mixi社のJavaScript研修資料。
テストを通すことで進んでいけるような内容になっている。
DOM操作、DOMイベント、非同期処理、PromiseとFetch API、bowerを使ったパッケージ管理などについて

ARIA in HTML 日本語訳

momdo.github.io/html-aria/

HTML WAI-ARIA spec

HTMLとWAI-ARIAの属性についての要件をまとめた仕様。
ある要素のデフォルトのARIAセマンティクスと使用してもよいARIAロールについて簡潔にまとめられている

Hacklone/private-bower

github.com/Hacklone/private-bower

JavaScript オープンソース

Private bower registry

HAR Resources | A community curated list of resources, tools, projects and applications that support HTTP Archive (HAR)

ahmadnassri.github.io/har-resources

HTTP performance Tools まとめ

HTTP Archive(HAR)を扱うツールやリソースのまとめ

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

acornejo/jjv

github.com/acornejo/jjv

JavaScript node.js JSON library

JSON Schemaの定義とバリデーションを行うライブラリ

caiogondim/logdown

github.com/caiogondim/logdown

JavaScript node.js library

ロガー + Markdownなライブラリ。
ブラウザ、Node.jsどちらでも動作する

T3 JavaScript Framework - T3 JavaScript Framework

t3js.org/

JavaScript library

Box社のJavaScriptフレームワーク。
AngularJS 1.x系みたいなモジュールの仕組みだが、基本はコンパクトでコールスタックもかなり浅くなるように作られている。debugオプションを有効にすることでエラーが取りやすいように設計されている

vdemedes/interaptor

github.com/vdemedes/interaptor

node.js HTTP testing library

mitmを使ったHTTP stubライブラリ。
特定のリクエストに対して任意のレスポンスを定義して返せる

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