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 証明書は受け入れられなくなります (影響あり) | Firefox サイト互換性情報
- FAQ: SHA-1 廃止/SHA-2 移行に関するマイクロソフトのポリシー – 日本のセキュリティチーム
- Windows Enforcement of SHA1 Certificates - TechNet Articles - United States (English) - TechNet Wiki
- Google Developers Japan: Chrome の SHA-1 証明書
- MacOS & Safari SHA-1 deprecation policy ? | Apple Developer Forums
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 56βリリース。
Web Bluetooth APIがデフォルトで有効化、CSS position: stickyの有効化、WebGL 2.0、FlashのClick to Playがデフォルト化、CSS Fontsのsystem-uiをサポート、SHA-1の対応終了など
- Chromium Blog: Roll-out plan for HTML5 by Default
- Flash Roadmap - The Chromium Projects
- Intent to Implement and Ship: The “system-ui” generic font family - Google グループ
- SSLサーバー証明書 : SHA-1 証明書の受付終了と SHA-2 証明書への移行について｜Cybertrust.ne.jp
Microsoft Edge build 14986 changelog - Microsoft Edge Development
developer.microsoft.com/en-us/microsoft-edge/platform/changelog/desktop/14986/
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/
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 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
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
TestCafe v0.11.0リリース。
Selectorの仕組みを変更、built-in assertionの追加、ブラウザに起動引数をわたせるように
Release 7.1.0 · developit/preact
github.com/developit/preact/releases/tag/7.1.0
小さなReactライクなライブラリであるPreact 7.1.0リリース。
初期レンダリングの高速化など
parse5
inikulin.github.io/parse5/#3-0-0
HTMLパーサであるparse5 3.0.0リリース。
Release 2.1.0 · qunitjs/qunit
github.com/qunitjs/qunit/releases/tag/2.1.0
QUnit 2.1.0リリース。
Release KITT · sass/libsass
github.com/sass/libsass/releases/tag/3.4.0
LibSass 3.4リリース
アーティクル
The State of Babel · Babel
babeljs.io/blog/2016/12/07/the-state-of-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の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/
Node.js v7で使えるようになったECMAScriptの機能や改善点について
Variable Fontについて - console.blog(self);
sadah.hatenablog.com/entry/variablefont
Variable Fontの確認方法や仕様について。
どのようにフォントの設定をCSSから変更するかについて。
Vue.js Vueコンポーネントのユニットテストを書いてみよう - Qiita
qiita.com/potato4d/items/8215941b84c11b845886
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
Jestを使ったReactコンポーネントのsnapshotテスト、enzymeを使ったインタラクションテスト、Reduxのreducerのテスト手法について
Promise の all と race だけで書ける待ち合わせ、書けない待ち合わせ - Qiita
qiita.com/Kuniwak/items/9ea447598b7652db78b9
Promise.allとPromise.raceを使った待ち合わせのパターンについて
On Webpack and Source Map integration | Code.Art.Web
lorefnon.me/2016/12/03/on-webpack-and-source-map-integration.html
webpackのdevtoolで指定できるSource Mapオプションについて
サイト、サービス、ドキュメント
prigara/javascript-conferences: List of conferences for frontend and Node.js developers in 2016
github.com/prigara/javascript-conferences
JavaScriptのカンファレンスをまとめているリポジトリ
ソフトウェア、ツール、ライブラリ関係
andywer/webpack-blocks: 📦 Configure webpack using functional feature blocks.
github.com/andywer/webpack-blocks
webpackの設定を関数で書くことができるモジュール
