2017-09-19のJS

Node v8.5.0 (Current) | Node.js

Node.js v8.5.0リリース。 V8 Snapshotを再有効化、console.groupの実装、fs.copyFileの追加、--experimental-modulesフラグでES modulesをサポート、Performance Timing APIのサポートなど

V8 JavaScript Engine: V8 Release 6.2

V8 v6.2リリース。 Object#toString()、ES Proxyのパフォーマンス改善、RegExpのdotAllモードのサポート、FullCodeGen関連のコードを削除など

What's Coming in EdgeHTML 16 - Microsoft Edge Development | Microsoft Docs

MSEdge(EdgeHTML) 16の変更点について。 CSS Gridのサポート、Payment Request APIのサポート、WebVRのサポート、Service Workerの対応など

Release 1.7.0: JSX tweaks, Pragma, TypeScript and CSS fixes · prettier/prettier

Prettier 1.7.0リリース。 JSXのフォーマット変更、CSSの大文字小文字の統一、@prettierのpragmaをサポートなど

Announcing CoffeeScript 2

CoffeeScript 2リリース。 ES2015+に準拠した変更が含まれる。class=>がES2015と同等に、 一行コメントが出力されるようになり、Async function、JSX、ES module、for...ofの対応など

Zero-config code transformation with babel-macros · Babel

babel-macrosを使ったコンパイル時のマクロ処理について。 コンパイル時にfsで取得したSVGをインライン化などに利用できる。

Tumblr Engineering — Flow and TypeScript

TypeScriptとFlowの型エラーメッセージにについての比較

Deploying ES2015+ Code in Production Today — Philip Walton

moduleをサポートしてるブラウザ向けとそれ以外でビルドしたファイルを分けて配信する方法について。 webpack/babelの設定、ファイルサイズやパース時間の違いなど

A React And Preact Progressive Web App Performance Case Study: Treebo

Reactなアプリの起動速度を改善したケーススタディ。 サーバーサイドレンダリング、ルーティングとコード分割、HTMLのストリーミング配信、CSSのクリティカルパス、SWの利用、Preactへの移行、プレースホルダ表示などについて

Planning for 7.0 · Babel

現在βがでているBabel 7.0の予定について。主な変更点やプロジェクトのゴールについて。

Autoplay Policy Changes  |  Web  |  Google Developers

Chromeデスクトップの自動再生ポリシーの変更について。 Safari 11と同様に音がある動画はユーザーインタラクションや幾つかの条件を満たした場合のみ自動再生が可能になる。 Media Engagement Indexやiframeのgesture="media"属性についてなど

Building the DOM faster: speculative parsing, async, defer and preload ★ Mozilla Hacks – the Web developer blog

JavaScriptやCSSなどのリソースのロードについて。 async属性、defer属性、rel=preloadでのロードの違いについての解説。 リソースのロードとレンダリングのブロッキングについてを図解している。

Finally the Promise.prototype.finally() is available

現在Stage 3のPromise#finallyについての解説。 Promise#finallyのユースケースについてデモを交えての解説している。またasync/awaitとtry/catch/finallyの組み合わせとの類似点について。

Service Worker Lifecycle by Suguru Inatomi

Service Workerのライフサイクルについてのスライド。 Service Workerの登録から削除までのライフサイクルやWorkerの状態について。 デモアプリで実際に実行して確認することができる。

Getting up and running with GraphQL - Pusher Blog

GraphQLのチュートリアル。 GraphQLの基本的な機能について

ai/size-limit: Prevent JS libraries bloat. If you accidentally add a massive dependency, Size Limit will throw an error.

パッケージのサイズが一定以上になると例外を投げるCLIツール

egoist/package-size: Get the bundle size of an npm package.

npmパッケージのbundleサイズを取得できるツール。 bundleしたファイルサイズ、minified(webpack)、gzipのサイズを一覧できる

hiproxy/hiproxy: 🛠 hiproxy is a lightweight proxy tool for Front-End developers based on Node.js that supports an NGINX-like configuration. 🔥

フロントエンドの開発向けProxyツール。 Nginxライクな設定ファイル、HTTPSの対応など

Quasar Framework

Vueを使ったUIフレームワーク

Learning React Native: Building Native Mobile Apps with JavaScript: Bonnie Eisenman: 9781491989142: Amazon.com: Books

2017年11月25日発売 React Native本の第二版

Pro TypeScript: Application-Scale JavaScript Development: Steve Fenton: 9781484232484: Amazon.com: Books

2018年5月26日発売 TypeScriptでの開発についての本

作りながら学ぶ React入門 | 吉田裕美 |本 | 通販 | Amazon

Reactについての入門書。 電子版も発売予定 via https://github.com/jser/ping/issues/74