2018-09-11のJS

New in Chrome 69  |  Web  |  Google Developers

Chrome 69リリース。 CSS Scroll Snap、CSS envとDisplay cutouts、Web Locks API、OffscreenCanvasのサポートなど

Node v10.10.0 (Current) | Node.js

Node.js 10.10.0リリース fsモジュールがTypedArrayDataViewをサポート、http2モジュールがexperimentalではなくなった。 またvm.compileFunctionの追加など

Release fetch 3.0.0 · github/fetch

Fetch polyfill 3.0.0リリース。 credentialsのデフォルト値をsame-originに変更、Requestをキャンセルするためのsignalをサポート、仕様の追従など

Release v16.5.0 · facebook/react

React 16.5.0リリース。 React DevTools Profilerのサポート、onAuxClickのサポートなど

Firefox 62.0, See All New Features, Updates and Fixes

Firefox 62.0リリース。 開発者ツールでShape Path Editorの追加、CORSエラー表示の改善。 Array#flatArray#flatMapをデフォルト有効化、import.metaのサポート、WebDriver APIの更新など

Web performance review: TradeMe | Wildly Inaccurate

SpeedCurveで計測しながら、ページの表示のパフォーマンスを改善する話。 何がボトルネックであるかを調べて、Hero Elementであるトップ画像の表示を早く表示するかについて。 また改善後もperformance budgetsをもとに修正し続けることについて

The Reporting API  |  Web  |  Google Developers

Reporting APIについて。 指定したURLに対してCSP違反、Feature Policy違反、deprecationmネットワークエラーなどのレポートを送信できる。 またレポートが送信されたかをデバッグする方法について

Developer Tools support for Web Components in Firefox 63 – Firefox Nightly News

Firefox 63でWeb Componentsがデフォルトで有効化され開発者ツールも<template>要素やShadow DOMなどに対応する

Removing jQuery from GitHub.com frontend | GitHub Engineering

GitHubがjQueryの依存を外すまでの話。 jQueryの機能はウェブ標準で代替できるものが増え、また一部のjQueryのメソッドチェーンには意図通りではない挙動があった。 コードで使われてるjQueryのメトリクスをとり可視化、ESLintを使ってjQueryの利用をCIでチェック、Polyfillを使うなどしてウェブ標準の実装に置き換えていった話。

Asynchronous Access to HTTP Cookies  |  Web  |  Google Developers

Chrome 69でOrigin Trialを開始した Cookie Store APIについて。 document.cookie APIとは異なり非同期処理として扱え、値の変更も監視できる。 またServie Workerからも利用できるようになっている

Inside look at modern web browser (part 1)  |  Web  |  Google Developers

Chromeのプロセスについての連載。 どのようにプロセス分離されているか、ページナビゲーションからの各処理の流れなどについて

A tour of JavaScript timers on the web | Read the Tea Leaves

JavaScriptのタイマー処理についての解説。 microtask、setTimeout/setIntervalsetImmediaterequestAnimationFramerequestIdleCallbackについて

TypeScript with Babel: A Beautiful Marriage – DailyJS – Medium

Babel 7の@babel/preset-typescriptでサポートされたTypeScriptのコードコンパイルについて。 ユースケースや.tsをBabelでコンパイルしてtscで型チェックをする例などについて。

lusakasa/sqorn: A Javascript library for building SQL queries

Tagged Template Literalを使ったSQLクエリビルダー

Nuxt.jsビギナーズガイド―Vue.js ベースのフレームワークによるシングルページアプリケーション開発 | 花谷 拓磨 |本 | 通販 | Amazon

2018年10月19日発売 Nuxt.jsについての書籍

Practical React Native: Build Two Full Projects and One Full Game using React Native: Frank Zammetti: 9781484239384: Amazon.com: Books

2019年3月10日発売 React Nativeについての書籍

Browsers, Devices, and Fonts: A Designer's Guide to Fonts and How They Function on the Web: Gary Rozanc: 9781138612310: Amazon.com: Books

2018年12月8日発売 ウェブタイポグラフィについての書籍。 Web Fontsとデザインについて

Jump Start Vue.js: Nilson Jacques: 9781925836097: Amazon.com: Books

2019年2月25日発売 Vue、Vuex、Nuxt.jsについて簡潔に紹介する書籍