Fork me on GitHub

2016-12-12のJS: Chrome 56β、Babelの過去と現在と未来

Edit on GitHub 編集履歴を見る

JSer.info #309 - Chrome 56βがリリースされました。

CSS position: stickyの有効化、WebGL 2.0のサポート、FlashのClick to Playがデフォルト化、CSS Fontsのsystem-uiをサポート、SHA-1の対応終了などが含まれています。

HTML5 by default(いわゆるFlashのClick to playのデフォルト化)はChrome55で予定されていましたが、56からに変更されました。

同様の変更がFirefoxでも2017年中に行われる予定です。

また、SHA-1証明書についてChromeは56で、Firefox 51(2017年1月リリース)、IE11とMSEdgeは2017年2月のリリースでそれぞれ無効化されます。

SHA-1証明書のサポートが終了するとどうなるのかは、次のサイトがよくまとまっています。


The State of Babel · Babelでは、Babelの歴史や現在、また今後のロードマップについて書かれています。

Babel版Autoprefixerであるbabel-preset-envや、babiliのリリース。
プラグインエコシステムやドキュメントの整備や課題などについて書かれています。

また、今後のロードマップやBabelのコミュニティについて書かれています。


お知らせ

JSer.infoの6周年イベントのイベントページを公開しました。
募集開始は2016/12/15(木) 21:00 〜 からとなっています(抽選)。

また、5-20分の発表枠を設けています。
JavaScriptについて発表したいことがある人は「発表枠」で申し込んでください。
発表枠以外でも自由に発表できる時間はあるので、スライドを隠し持っていると良いです。

書記枠という変な枠もあります。
自分がいつもやっているようなアウトラインメモEtherpadなどを使って書くのを手伝ってくれる人の枠です。
(司会業やってないときは自分もやります)
当日リアルタイムで見れるようにして、文書ベースのデータがあると議論/質疑がしやすくなるかを試したいので作りました。

募集開始は2016/12/15(木)からですが、気になる人は申し込んでみてください。

詳細は2017年1月15日(日)に JSer.info 6周年 && 300回目記念イベント を開催します - JSer.infoを見てください。

ヘッドライン


Chromium Blog: Chrome 56 Beta: “Not Secure” warning, Web Bluetooth, and CSS position: sticky

blog.chromium.org/2016/12/chrome-56-beta-not-secure-warning-web.html

Chrome ReleaseNote

Chrome 56βリリース。
Web Bluetooth APIがデフォルトで有効化、CSS position: stickyの有効化、WebGL 2.0、FlashのClick to Playがデフォルト化、CSS Fontsのsystem-uiをサポート、SHA-1の対応終了など


Microsoft Edge build 14986 changelog - Microsoft Edge Development

developer.microsoft.com/en-us/microsoft-edge/platform/changelog/desktop/14986/

MSEdge ReleaseNote

MSEdge build 14986リリース。
CSS Custom Property、IntersectionObserverのサポート。
Fetchをフラグ付きでサポート、async/awaitをデフォルトで有効に


Release Notes for Safari Technology Preview 19 | WebKit

webkit.org/blog/7093/release-notes-for-safari-technology-preview-19/

webkit ReleaseNote

Safari Technology Preview Release 19リリース。
ES6 modulesのサポート、Touch Barのサポート、Pointer Lock APIの有効化、WebDriver時はnavigator.webdriverが触れるようになるなど


Announcing TypeScript 2.1 | TypeScript

blogs.msdn.microsoft.com/typescript/2016/12/07/announcing-typescript-2-1/

TypeScript ReleaseNote

TypeScript 2.1リリース。
async/await、Object Rest & Spread、keyof type、Mapped Typeのサポートなど


Angular 2.3.0 Now Available

angularjs.blogspot.com/2016/12/angular-230-now-available.html

AngularJS ReleaseNote

Angular 2.3.0リリース。
IDEなどと連携する向けにAngular Language Serviceをリリース、zone.jsのスタックトレースが分かりやすくなるように改善されるなど


TestCafe v0.11.0 Released | TestCafe

devexpress.github.io/testcafe/blog/testcafe-v0-11-0-released.html

JavaScript testing ReleaseNote

TestCafe v0.11.0リリース。
Selectorの仕組みを変更、built-in assertionの追加、ブラウザに起動引数をわたせるように


Release 7.1.0 · developit/preact

github.com/developit/preact/releases/tag/7.1.0

React JavaScript library

小さなReactライクなライブラリであるPreact 7.1.0リリース。
初期レンダリングの高速化など


parse5

inikulin.github.io/parse5/#3-0-0

HTML ReleaseNote

HTMLパーサであるparse5 3.0.0リリース。


Release 2.1.0 · qunitjs/qunit

github.com/qunitjs/qunit/releases/tag/2.1.0

JavaScript testing ReleaseNote

QUnit 2.1.0リリース。


Release KITT · sass/libsass

github.com/sass/libsass/releases/tag/3.4.0

Sass ReleaseNote

LibSass 3.4リリース


アーティクル


The State of Babel · Babel

babeljs.io/blog/2016/12/07/the-state-of-babel

babel

Babelの現状について。
babel-preset-env、babili、コードカバレッジやプラグインエコシステム、ドキュメント、今後のロードマップについて


今年のうちに対応したい、Node.jsのBufferに潜む危険性 - Yahoo! JAPAN Tech Blog

techblog.yahoo.co.jp/advent-calendar-2016/node_new_buffer/

node.js JavaScript security

Node.jsのnew Bufferのセキュリティ的な問題点についての解説。
非推奨となったnew Bufferの代わりとなるBuffer.from/Buffer.alloc/Buffer.allocUnsafeについて


Node.js v7 has updated V8 to 5.4 | Node.js

nodejs.org/en/blog/community/update-v8-5.4/

V8 node.js JavaScript

Node.js v7で使えるようになったECMAScriptの機能や改善点について


Variable Fontについて - console.blog(self);

sadah.hatenablog.com/entry/variablefont

CSS fonts

Variable Fontの確認方法や仕様について。
どのようにフォントの設定をCSSから変更するかについて。


Vue.js Vueコンポーネントのユニットテストを書いてみよう - Qiita

qiita.com/potato4d/items/8215941b84c11b845886

JavaScript

Vueコンポーネントのユニットテストの方法について


How to Snapshot Test Everything in Your Redux App With Jest – Medium

medium.com/@jondot/how-to-snapshot-test-everything-in-your-redux-app-with-jest-fde305ebedea

React redux testing

Jestを使ったReactコンポーネントのsnapshotテスト、enzymeを使ったインタラクションテスト、Reduxのreducerのテスト手法について


Promise の all と race だけで書ける待ち合わせ、書けない待ち合わせ - Qiita

qiita.com/Kuniwak/items/9ea447598b7652db78b9

JavaScript Promises

Promise.allPromise.raceを使った待ち合わせのパターンについて


On Webpack and Source Map integration | Code.Art.Web

lorefnon.me/2016/12/03/on-webpack-and-source-map-integration.html

webpack

webpackのdevtoolで指定できるSource Mapオプションについて


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


prigara/javascript-conferences: List of conferences for frontend and Node.js developers in 2016

github.com/prigara/javascript-conferences

JavaScript イベント

JavaScriptのカンファレンスをまとめているリポジトリ


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


andywer/webpack-blocks: 📦 Configure webpack using functional feature blocks.

github.com/andywer/webpack-blocks

webpack config library

webpackの設定を関数で書くことができるモジュール


この記事へ修正リクエストをする
記事を紹介する