JSer.info #437 - Node.jsサーバフレームワークのexpress 4.17.0がリリースされました。

Release 4.17.0 · expressjs/express

ビルトインmiddlewareとしてBodyをBufferへパースするexpress.raw、Bodyをテキストにパースするexpress.textの追加されています。

const app = express()
app.use(express.raw(options));

これはもともとbodyParserにあったものがexposeされてた形になっています。

expose text middleware of bodyparser by ilyapx · Pull Request #3455 · expressjs/express
Expose bodyParser.raw on express by amitzur · Pull Request #3708 · expressjs/express

ただし、これらのmiddlewareは現在開発中の5.0では別の場所に移動する可能もありそうです。

Firefox 67.0がリリースされました。

開発者ツールやブラウザのパフォーマンスが改善されています。
開発者ツールについては次のページで詳しく解説されています。

Faster smarter JavaScript debugging in Firefox DevTools - Mozilla Hacks - the Web developer blog

また、あまり利用されていなかったことを理由に開発者ツールからCanvas debugger、Web Audio Editor、Shader editorが削除されています。
代替ツールについても紹介されているので、詳しくは次のページをみてください。

Deprecated tools - Firefox Developer Tools | MDN

その他にもCSSのprefers-color-schemeのサポート、Cross-Origin-Opener-Policy HTTPヘッダのサポート、private modeでlocalStorageへのアクセス時に例外が発生しなくするといった変更が含まれています。

window.localStorage がプライバシー設定によってブロックされた場合に SecurityError を投げなくなりました | Firefox サイト互換性情報

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

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

JSer.info Sponsors

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

ヘッドライン

Node v12.3.0 (Current) | Node.js

nodejs.org/en/blog/release/v12.3.0/

node.js ReleaseNote

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

Ember.js - Ember 3.10 Released

blog.emberjs.com/2019/05/21/ember-3-10-released.html

JavaScript library ReleaseNote

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

Release 4.17.0 · expressjs/express

github.com/expressjs/express/releases/tag/4.17.0

node.js server ReleaseNote

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

www.mozilla.org/en-US/firefox/67.0/releasenotes/

Firefox ReleaseNote

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

アーティクル

Folding the DOM - Josh W. Comeau's Blog

www.joshwcomeau.com/posts/folding-the-dom/

CSS JavaScript React article tutorial

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

Strict null checking the Visual Studio Code codebase

code.visualstudio.com/blogs/2019/05/23/strict-null

VSCode TypeScript article

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

Graphics Team ships WebRender MVP! – Mozilla Gfx Team Blog

mozillagfx.wordpress.com/2019/05/21/graphics-team-ships-webrender-mvp/

firefox article

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

Handling Errors in Vue.js

www.raymondcamden.com/2019/05/01/handling-errors-in-vuejs

Vue article

Vueでのエラーハンドリングについての記事。
Vue.config.errorHandler、Vue.config.warnHandler、renderError、errorCapturedについて

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

developers.google.com/web/updates/2019/05/paint-holding

Chrome article browser dart

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

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

employment.en-japan.com/engineerhub/entry/2019/05/23/103000

JavaScript article

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

WebAssembly at eBay: A Real-World Use Case

www.ebayinc.com/stories/blogs/tech/webassembly-at-ebay-a-real-world-use-case/

WebAssembly JavaScript article

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