JSer.info #379 - New WebKit Features in Safari 11.1 | WebKitという記事では、Safari 11.1で追加された新しい機能の概要がまとめられています。

Service Worker API
Payment Request API for Apple Pay
Directory Upload & Clipboard API Updates
Beacon API
Video as Image Assets
CSS font-display
HTML Image Decoding(decoding属性)
Passive Event Listeners
Storage Access API
Subresource Integrity
WebDriver

など大きな機能追加があるので興味がある人は見てみると良さそうです。

また、Safari 11のTechnology PreviewではUA文字列を固定される変更が行われていました。
しかし正式リリースする際にはUA文字列固定は取りやめたことについてが次の記事で紹介されています。

SafariのUA文字列が固定されて固定されなくなったおはなし - fragmentary

What's New In DevTools (Chrome 67) | Web | Google Developersという記事ではChrome 67(2018年6月リリース予定)の開発者ツールの変更点がまとめられています。

Meltdown/Spectreでのサイドチャネル攻撃の対策として導入されたSite Isolationに対応した変更が含まれています。
異なるプロセスのサンドボックスでJavaScriptなどが実行されるため、パフォーマンスパネルなども分離されたサンドボックス毎の記録を取れるようになっています。

加えてネットワークパネルの検索改善、リクエストをfetch APIのコードとしてコピーできるように、Auditパネルの改善、無限ループを停止できるなどの変更が含まれています。

また、Improving DevTools’ performance, one iteration at a time – Firefox Nightly Newsという記事ではFirefox 60(2018年5月8日リリース予定)の開発者ツールのパフォーマンス改善について書かれています。
InspectorでのCSSルール変更時の描画速度改善、大量のconsole.logを表示時のパフォーマンスを改善など開発者ツール自体のパフォーマンス改善が行われています。

加えて、現在Firefox Nightlyで開発者ツールにAccessibility Inspectorが実装されていることがIntroducing the Accessibility Inspector in the Firefox Developer Tools – Marco's Accessibility Blogという記事で紹介されています。

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

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

JSer.info Sponsors

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

ヘッドライン

Prettier 1.12: Fixes, Features, and Formatting, Oh My! · Prettier

prettier.io/blog/2018/04/11/1.12.0.html

JavaScript Tools ReleaseNote

Prettier 1.12リリース。
JavaScript、Markdown、GraphQLのサポート改善など

New WebKit Features in Safari 11.1 | WebKit

webkit.org/blog/8216/new-webkit-features-in-safari-11-1/

safari ReleaseNote

Safari 11.1の変更点や追加された機能についての開設。
Service Worker、Payment Request API、Clipboard API、Passive Event Listeners、~~Offscreen Canvas~~など

Ember.js - Ember 3.1 and 3.2 Beta Released

emberjs.com/blog/2018/04/13/ember-3-1-released.html

JavaScript ReleaseNote

Ember 3.1リリース。
Computed PropertiesがES5 getterで定義されるようになり、Ember.get()やthis.get()使わなくても値が取得できるようになった。
@ember/optional-featuresがリリースされ、ember-cli経由でEmber自体のBreaking Changeをフラグ管理ができるようになるなど

Release v0.70.0 · facebook/flow

github.com/facebook/flow/releases/tag/v0.70.0

flowtype ReleaseNote

Flow 0.70.0リリース。
React 16.3(createContext、createRef)の対応、--json-version 2の出力結果に破壊的な変更など

Release 8.3 “Benigno Numine” · postcss/autoprefixer

github.com/postcss/autoprefixer/releases/tag/8.3.0

CSS Tools ReleaseNote

Autoprefixer 8.3.0リリース。
grid-templateと@mediaの組み合わせをサポート

zzarcon/default-passive-events: Makes {passive: true} by default when EventListenerOptions are supported

github.com/zzarcon/default-passive-events

DOM JavaScript library

Passive Event Listenersをデフォルトで有効化するようにEventTarget.prototype.addEventListenerの処理を上書きするライブラリ

アーティクル

Improving DevTools’ performance, one iteration at a time – Firefox Nightly News

blog.nightly.mozilla.org/2018/04/10/improving-devtools-performance-one-iteration-at-a-time/

firefox debug performance article

Firefox 60での開発者ツールのパフォーマンス改善について。

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

developers.google.com/web/updates/2018/04/devtools

Chrome debug article

Chrome 67の開発者ツールの変更点について。
ネットワークパネルの検索改善、リクエストをfetch APIのコードとしてコピーできるように、Auditパネルの改善、無限ループを停止できるように。
また、メモリパネル、パフォーマンスパネルでSite Isolationを適応時のプロセス分離に対応など