JSer.info #445 - TypeScript 3.6 Betaがリリースされました。

Generator/Iteratorの型改善、次のようなArray Spreadの変換においてエッジケースで仕様との挙動の違いがあった問題が修正されています。

[...Array(5)]

また、Promiseのawait忘れなどから起きる型の不一致に関するエラー表示改善なども含まれています。

Is postMessage slow? — DasSur.maという記事ではpostMessageで送信するペイロードのパフォーマンスについて書かれています。

postMessageの仕様ではオブジェクトを送る際にStructured Clone algorithmでのシリアライズの仕組みが含まれています。
Structured Clone algorithmとJSON.stringify/JSON.parseとのパフォーマンスの比較やImmerJSを使って送るオブジェクト自体を小さくする方法に紹介されています。

また、ArrayBufferなどはTransferable型であるため、シリアライズのコストがなく送ることができるためサイズが大きな場合は優位な点や
WebAssembly、SharedArrayBufferについても触れています。

postMessageで送るペイロードとしてオブジェクトとバイナリをどちらを使うかの基準や計測したデータについても書かれています。

JSer.infoをサポートするには

😘 知り合いにJSer.infoをおすすめする
❤️ GitHub Sponsorsで@azuのスポンサーになる
🐦 X(Twitter)で@jser_infoをフォローする

JSer.info Sponsors

JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。

ヘッドライン

Ember.js - Ember 3.11 Released

blog.emberjs.com/2019/07/15/ember-3-11-released.html

JavaScript ReleaseNote

Ember 3.11リリース。
...attributes構文のサポート、helper、 modifierの追加。
Function.prototype.observesの非推奨化など

Recommended security update | Yarn Blog

yarnpkg.com/blog/2019/07/12/recommended-security-update/

yarn ReleaseNote security

Yarn 1.17.3リリース。
*.yarnpkg.com、*.npmjs.org, *.npmjs.comのレジストリに対する通信は自動的にhttpsで通信するようにする修正

Announcing TypeScript 3.6 Beta | TypeScript

devblogs.microsoft.com/typescript/announcing-typescript-3-6-beta/

TypeScript ReleaseNote

TypeScript 3.6 ベータリリース。
Generator/Iteratorの型改善、 Array Spreadの変換の改善、Promiseのawait忘れなどのエラー表示改善など

laverdet/isolated-vm: Secure & isolated JS environments for nodejs

github.com/laverdet/isolated-vm

node.js library V8 JavaScript

V8 Isolateを使ってNode.jsからJavaScriptを隔離した環境で実行するライブラリ

アーティクル

Use React.memo() wisely

dmitripavlutin.com/use-react-memo-wisely/

React performance article

React.memo()の役割と使い方について

Google deprecates XSS Auditor for Chrome | The Daily Swig

portswigger.net/daily-swig/google-deprecates-xss-auditor-for-chrome

Chrome XSS article

MSEdgeに続いてChromeのXSS Auditorも非推奨となることについて。

ES proposal: private class fields

2ality.com/2019/07/private-class-fields.html

ECMAScript proposal article

ECMAScript Proposalのprivate class fieldsについて

Is postMessage slow? — DasSur.ma

dassur.ma/things/is-postmessage-slow/

JavaScript browser performance article

postMessageのパフォーマンスについての記事。Structured Clone algorithmとJSONシリアライズでのパフォーマンス比較。
ImmerJSを使った送信するオブジェクトの最小化、ArrayBufferのtransferableなバイナリフォーマットのパフォーマンス。
100kbまではオブジェクト、それ以上のサイズならバイナリを検討することについて。

Datadog と Lighthouse を利用した WebPerf の継続的計測 | mediba Creator × Engineer Blog

ceblog.mediba.jp/post/186341145447/webperf-measuring-with-lighthouse-and-datadog

browser performance article

Lighthouseで計測した値をDatadogに保存してメトリクスの可視化を行う方法について

Weak references and finalizers · V8

v8.dev/features/weak-references

JavaScript ECMAScript proposal article

WeakMap、WeakSetのweakの動作について。
またECMAScript ProposalであるWeakRefとFinalizationGroupについて。

tc39/proposal-weakrefs: WeakRefs

Node.js 12: The future of server-side JavaScript - LogRocket Blog

blog.logrocket.com/node-js-12/

node.js article

Node.js 12の主な変更点について。
V8の更新によるパフォーマンス改善、TLS 1.3の対応、ヒープサイズがメモリサイズによって決まるように、HTTPパーサの改善、Diagnostic reportsやheap dumpの同梱など。
またworker_threadのexperimentalフラグが外れ、試験的な機能としてES modulesの対応など