2019-05-28のJS

Node v12.3.0 (Current) | Node.js

Node.js v12.3.0リリース。 wasmファイルをimportできる--experimental-wasm-modulesオプションの追加、Readable.fromの追加など

Ember.js - Ember 3.10 Released

Ember 3.10リリース。 ネストしたコンポーネントやビルトインコンポーネントを<Input />のようにAngle bracketで記述できるように、Decoratorのサポートなど

Release 4.17.0 · expressjs/express

express 4.17.0リリース。 middlewareとしてBodyをBufferへパースするexpress.raw、Bodyをテキストにパースするexpress.textの追加。 X-Forwarded-Hostでカンマ区切りの複数Hostに対応など

Firefox 67.0, See All New Features, Updates and Fixes

Firefox 67.0リリース。 パフォーマンスや開発者ツールの改善、Cross-Origin-Opener-Policyの実装。 開発者ツールからCanvas debugger、Web Audio Editor、Shader editorを削除など

Folding the DOM - Josh W. Comeau's Blog

CSSを使って画像の折りたたみ表現を実装していくチュートリアル。 Position、Transform、Perspectiveを組み合わせて折りたたみのアニメーションを実装していく話

Strict null checking the Visual Studio Code codebase

VSCodeのコードベースでTypeScriptのstrict null checkを有効化した話。 strictNullCheckfalseのときによく起きていた問題と1800ファイルあるコードをどのように修正していったかについて。 strictNullCheckを有効化したtsconfig.jsonを作り、filesに追加しながら修正していった

Graphics Team ships WebRender MVP! – Mozilla Gfx Team Blog

Firefox 67でNVIDIAのグラフィックカードを利用してるユーザー(4%)向けて、GPUベースのレンダラであるWebRenderをロールアウトしていくリリーススケジュールについて

Handling Errors in Vue.js

Vueでのエラーハンドリングについての記事。 Vue.config.errorHandlerVue.config.warnHandlerrenderErrorerrorCapturedについて

Paint Holding - reducing the flash of white on same-origin navigations  |  Web  |  Google Developers

Chrome 76でページ遷移時にページを真っ白にするのではなく、最後の描画を維持した状態で切り替わるようにするPaint Holdingという仕組みが入るという話

SPAにおける状態管理: 関数型のアプローチも取り入れるフロントエンド系アーキテクチャの変遷 - エンジニアHub|若手Webエンジニアのキャリアを考える!

SPAにおける状態管理の変化について。 Backbone.jsでのModel/View/Controller、Two Way Data-Binding、Fluxなどの状態管理の問題と解決したことについて

WebAssembly at eBay: A Real-World Use Case

WebAssemblyのユースケースとしてバーコードリーダを実装した話。 C++からemscriptenでコンパイルしたwasmを使うことで、JavaScriptの実装よりもFPSが上がった。 しかし、カメラの特性により認識率がいまいち上がらず、C++の実装2つとJavaScriptの実装を組み合わせて利用した話

wagerfield/parallax: Parallax Engine that reacts to the orientation of a smart device

ブラウザのViewportのサイズやスクロール、マウスの動きなどの変化を監視できるライブラリ。

projectfluent/fluent.js: JavaScript implementation of Project Fluent

ローカライズフレームワーク。 FTLという構文で記述し、Intlオブジェクトをベースにしたローカライズを行う。

yankouskia/hurried: ⚡️ JavaScript library for parallel code execution

worker_threadモジュールを使ったNode.js向けのThreadライブラリ

azu/exponential-backoff-generator: Exponential backoff generator. Provide robust retry function.

Generatorを使ったExponential backoffライブラリ。 async/awaitと組み合わせて非同期処理のリトライをfor...ofで記述できる。

sghall/react-vertex: React Vertex | Hooks-based WebGL library for React

HooksベースなWebGLを扱うReactコンポーネント

Rocketseat/unform: ReactJS form library to create uncontrolled form structures with nested fields, validations and much more!

Uncontrolledなフォームを扱うReactコンポーネント。 バリデーション、構造的なデータ、リセットなどの機能を提供している

vitalets/await-timeout: A Promise-based API for setTimeout / clearTimeout

PromiseベースのsetTimeoutclearTimeoutのラッパーライブラリ。 既存のPromiseオブジェクトてもタイムアウトを設定できる