2018-09-04のJS

Release Notes for Safari Technology Preview 64 | WebKit

Safari Technology Preview 64リリース。 WebWorkerのnameオプションをサポート、Safari Push Notificationsでパーミッションを要求するのはユーザージェスチャ起因じゃないとできなくなるなど

Chromium Blog: Charting Browser Interoperability

ブラウザのAPIに関するinteroperabilityについての記事 ブラウザ固有のAPIの数、削除されているAPIの数などのデータの見方。 またそれらのAPIをどのように集めているかについてなど

Release v3.5.0 · fuse-box/fuse-box

FuseBox 3.5.0リリース。 targetにnpm-server, npm-browser, npm-universalを追加など

Release v0.80.0 · facebook/flow

Flow 0.80.0リリース。 Flow lintのseverity算出の仕組みの変更、いつくかのlibdefの型を変更など

What's New In DevTools (Chrome 70)  |  Web  |  Google Developers

Chrome 70の開発者ツールの変更点について。 Live Expressions、ネットワークスロットリングをコマンドメニューから選択できるように、AudioContextに関するEvent Listener BreakPointのサポートなど

Best Practices For Mobile Form Design — Smashing Magazine

モバイルでのフォームのデザインについての記事。 ラベルの置き方、フィールドのサイズ、確認項目、パスワードの表示、フィールドの分割、選択肢の置き方、アクセシビリティについてなど

Introducing F2 – Sima – Medium

モバイル向けに作られたインタラクティブグラフライブラリのF2について。

Using the React DevTools Profiler to Diagnose React App Performance Issues | Netlify

Reactの新しい開発者ツールのProfierを使ったパフォーマンスの問題の見つけ方について。 React Renderのcommits回数が多い問題を見つけて、debounceでcommitを減らすようにした話

マイクロサービス/API時代のフロントエンド開発 - @IT

BFF(Backends For Frontends)についての連載記事。 UIのためAPIサーバであるBFFの役割、ユースケース、アンチパターンについてなど

Array.prototype.sort について | メモログ

各ブラウザのJavaScriptエンジンのsotの実装について。 仕様では安定ソートを保証しないが、大体が安定ソートになっていっている。 V8はV8 7.0/Chrome 70でTimSortになる。

TypeScript導入で得られる「変えていく勇気」 / The courage to change by TypeScript - Speaker Deck

TypeScriptを使ったアプリケーション開発についてのスライド。 今のTypeScriptでは型定義ファイルの管理方法、途中から導入するための手段などが整備されている点について。 また型を活用したリファクタリングを行いやすいアーキテクチャについてなど

dy/font-measure: Compute font metrics such as x-height, cap height, ascent, descent and tittle for any web font.

font familyを指定すると、そのfontのメトリクス情報を返してくれるライブラリ。 Canvasを使い計測している

UpperCod/Atomico: 🔥 A small library to work with web components

JSXをサポートしたWebComponentを作成するライブラリ。 Custom ElementにReactライクなライフサイクルイベントを追加している

WebGL Insights 日本語版 - アスキードワンゴ

2018年8月24日発売 WebGL Insightsの翻訳本