2018-03-13のJS

DoneJS 2.0 Released

DoneJS 2.0リリース。 CanJS 4.0に対応、CIやデプロイの設定をdonejs addで行えるように、donejs upgradeでマイグレーションができるようになっている。 HTTP/2 pushを使ったインクリメンタルレンダリングの対応改善など

We have released version 3.0 of OpenPGPjs, an open source OpenPGP library - ProtonMail Blog

OpenPGPの実装であるOpenPGP.js 3.0リリース

New in Chrome 65  |  Web  |  Google Developers

Chrome 65の変更点について。 CSS Paint API、Server Tming API、display: contentsの対応、Feature Policyの対応など。 またdocument.allが上書きできなくなるようになるなど

MobX 4: Better, simpler, faster, smaller – Michel Weststrate – Medium

MobX 4リリース。 Decorator proposal(@decorator)を使わずに同じことをするdecorate関数の追加、コレクション向けのUtility APIを追加、whenの追加など。 またshareGlobalStateの削除、APIのリネーム、default exportをしないようにするなどの破壊的変更が行われている。

Release Futura · sass/libsass

libsass 3.5リリース。 引数のtrailing commasサポート、content-exists関数のサポート、CSSのCustom Property、var()のサポートなど

An imperative guide to forms in React – LogRocket

Reactを使ったフォームの扱いについての記事。 Formikを使ったフォームの作成などについて

Emscripting a C library to Wasm  |  Web  |  Google Developers

Emscriptenを使いCのコードをWebAssemblyにして実行するチュートリアル。 libwebpをwasmにコンパイルする話

Feature Policy による Permission Delegation | blog.jxck.io

iframe sandbox、CSP、Feature Policyの役割について。 sandboxはホワイリトストでの機能制限、CSPはブラックリストでの機能制限、Feature Policyは権限の設定をオリジンに対して行う。 またsandboxとFeature Policyの機能重複はしないことについて

Web Workers to the rescue – Rastislav Svarba – Medium

Web Workerを使った処理の移譲のコストと効果についての記事。 データの取得と処理をWorkerに移動した場合の処理時間とWorkerへのデータ受け渡しのコストについて

The npm Blog — Introducing \`npm ci\` for faster, more reliable...

pacakge-lock.jsonから常にクリーンインストールするnpm ciについて。 現在の存在するnode_modulesディレクトリを削除し、pacakge-lock.jsonを元にインストールする。 キャッシュを使わないCI環境向けのインストールコマンド。

Lighter than Lightweight: How We Built the Same App Twice with Preact and Glimmer.js | LinkedIn Engineering

同じアプリをPreactとGlimmer.jsで実装し、ページロードに関するパフォーマンスの比較実験をした結果について。 ファイルサイズは重要であるが、ファイルサイズがすべてを決めるわけではないという点について

andrew--r/frontend-case-studies: 💼 A curated list of technical talks and articles about real-world enterprise frontend development

フロントエンドのケーススタディのまとめ。 色々な企業の事例が書かれている。

30 Seconds of CSS

CSSのスニペットとその解説をまとめたもの。

Boxy SVG Editor

SVGエディタアプリ

pshihn/workly: A really simple way to move a stand-alone function/class to a web worker. 🏋️‍♀️→ 😄

ProxyとWebWorkerを使い既存の関数やクラスをWorkerで処理するライブラリ

midwayjs/pandora: A Manageable, Measurable and Traceable Node.js Application Manager represented by Alibaba powered by TypeScript

Alibaba製のNode.jsアプリケーションの管理ツール。 アプリケーションプロセスの管理、計測、監視、トラブルシューティングのためのデバッグの仕組みなどが持っている。

Run

Node.js製のデプロイツール。 "Resource"という単位で設定を行い、S3へデプロイといったことを行える。 Resourceは自分で作成することができ、どのようなオプションを受け取るかやオプションを受け取って処理を記述できる。

zipson | JSON parse and stringify with compression

JSON.stringify/JSON.parseの代替ライブラリ。 データの圧縮やStreamingのサポートを目的にしている

Rough.js

手書き風の線を描くCanvasライブラリ