JSer.info #316 - Safari 10.1がプレリリースされました。

Fetch API、IndexedDB 2.0、Custom Elements、Pointer Lock/Gamepad API、ES2016,2017のサポートなど。
また<a>要素のdownload属性、CSS Gridなどのサポートが含まれています。

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

WebGL 2、IndexedDB 2、XHRの仕様追従、FLAC形式のサポートなどが行われています。
また、DOMImplementation.hasFeature()は常にtrueを返すように、非標準なfor each inに警告が出るようになるなど。

詳しくは次のサイトを見てください。

Refactoring 30000 lines of JS with types - Reaktor.comという記事では3万行のJavaScriptをどのようにリファクタリングしていったかについて書かれています。

アプローチとして型をつけていきながらリファクタリングをしていく際にFlowTypeやTypeScriptを使ったときの問題点やそれぞれのツールではどのような方法が用意されているかについて。
Flowではweak modeを使った方法やTypeScriptでは.jsを.tsに変更するところからなど、どのように徐々に型をつける戦略がとれるかといった話。
最終的にTypeScriptを利用し、その際に遭遇したエラーなどについても書かれています。

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

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

JSer.info Sponsors

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

ヘッドライン

Safari 10.1

developer.apple.com/library/prerelease/content/releasenotes/General/WhatsNewInSafari/Articles/Safari_10_1.html

safari ReleaseNote

Safari 10.1 プレリリース。
Fetch API、IndexedDB 2.0、Custom Elements、Pointer Lock/Gamepad API、ES2016,2017のサポートなど。
また<a>要素のdownload属性,
CSS Gridなどのサポート

Firefox — Notes (51.0) — Mozilla

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

firefox ReleaseNote

Firefox 51.0リリース。
WebGL 2、IndexedDB 2、XHRの仕様追従、FLAC形式のサポート、DOMImplementation.hasFeature()は常にtrueを返すように、非標準なAPIを削除など

node-browserify/changelog.markdown at master · substack/node-browserify

github.com/substack/node-browserify/blob/master/changelog.markdown

browserify ReleaseNote

Browserify 14.0.0リリース。
bufferのpolyfillがアップグレードされ、IE10以下のサポートが終了。
bufferパッケージがTypedArrayを利用しているため。

Update 'buffer' to v5.x by feross · Pull Request #1678 · substack/node-browserify

Release Notes for Safari Technology Preview 22 | WebKit

webkit.org/blog/7354/release-notes-for-safari-technology-preview-22/

safari ReleaseNote

Safari Technology Preview Release 22リリース。
scroll-snap-type:proximityのサポート、innerTextの仕様追従、URLSearchParamsがiterableとなるなど

Video.js 6.0.0-RC.0: The first Release Candidate | Video.js Blog

blog.videojs.com/Video-js-6-0-0-RC-0-The-first-RC/

JavaScript video library ReleaseNote

video.js v6.0 RCリリース。
FlashをCoreから取り除き、Reactインスパイアなプラグインアーキテクチャの追加、accessiblityの改善など
- The End of "HTML-First" | Video.js Blog

アーティクル

Refactoring 30000 lines of JS with types - Reaktor.com

www.reaktor.com/blog/refactoring-30000-lines-js-types/

JavaScript リファクタリング

3万行のJavaScriptをリファクタリングしたアプローチについて。
逐次的な型付のアプローチについて。
Flowのweek modeとコメントでの型付けを使った方法と問題点。
TypeScriptを使った名前空間オブジェクトへのアプローチとメリット/デメリット。
最終的にTypeScriptを使ったがそのときに遭遇した問題について

Making touch scrolling fast by default | Web | Google Developers

developers.google.com/web/updates/2017/01/scrolling-intervention

Chrome JavaScript event

Chrome 56からtouch eventをlistenすると
{passive: true}がデフォルトとなる。
デフォルトではtouchstartの中でevent.preventDefault()を呼ぶと無視され警告がコンソールに表示される。
- Event.defaultPrevented - Web APIs | MDN
- Chrome Platform Status