JSer.info #368 - Firefox 58.0がリリースされました。
- Firefox — Notes (58.0) — Mozilla
- Firefox 58 for developers - Mozilla | MDN
- Firefox 58 サイト互換性情報 | Firefox サイト互換性情報
バッググラウンドタブにおけるスロットリングの強化、WebAssembly Streaming Compilerの導入。
CSS Font Displayのサポート、Promise#finally
の追加、PerformanceNavigationTiming
APIの実装など
詳しくは次の記事で解説されています。
- Firefox 58: The Quantum Era Continues – Mozilla Hacks – the Web developer blog
- Making WebAssembly even faster: Firefox’s new streaming and tiering compiler – Mozilla Hacks – the Web developer blog
Safari 11.1(β)が開発者向けに公開されています。
Safari 11.1ではService Worker、Payment Request API、HTMLImageElement.decode()
、Beacon APIのサポート。
Subresource Integrity、Storage Access API、Intelligent Tracking Preventionの挙動の変更などが行われています。
BundlerであるParcel 1.5.0がリリースされました。
Source Mapsの対応や、WebAssemblyなどAssertsの対応が追加されています。
また、webpack 4(β)もリリースされています。
--mode
オプションが必須となり、典型的な設定はmode: development
またはmode: production
で行うようになっています。デフォルトではsrc
をソースディレクトリにし、dist
ディレクトリに出力するといった設定ファイルなしでの利用改善が図られています。
またCommonsChunkPlugin
などの一部プラグインが削除され、代わりにoptimization
のオプションで設定できるようになるといった変更なども含まれています。
62nd meeting of Ecma TC39が行われ、ECMAScript 2018に最終的に入るProposalが決定しました。
ECMAScriptは毎年6月ごろにリリースされるため、これから新しい機能(Proposal)を入れると間に合わなくなります。
そのため、1月ごろに機能(Proposal)の追加はフリーズされ、この時期からStage 4となったProposalはECMAScript仕様本体へマージされます。
- is:pr label:"pending stage 4"で実際にマージの様子が確認できます。
Finished Proposalsにまとめられていますが、ES2018には次の8つのProposalがマージされます。
- tc39/proposal-template-literal-revision
- テンプレートリテラルの改善
- tc39/proposal-regexp-dotall-flag: Proposal to add the
s
(dotAll
) flag to regular expressions in ECMAScript././s
が改行や絵文字などにもマッチできるようにするs
フラグの追加
- tc39/proposal-regexp-named-groups: Named capture groups for JavaScript RegExps
- 正規表現の名前付きキャプチャ
- tc39/proposal-regexp-lookbehind: RegExp lookbehind assertions
- 正規表現の肯定後読みのサポート
- tc39/proposal-regexp-unicode-property-escapes: Proposal to add Unicode property escapes
\p{…}
and\P{…}
to regular expressions in ECMAScript./^\p{White_Space}+$/u
Unicode character propertiesのサポート
- tc39/proposal-object-rest-spread: Rest/Spread Properties for ECMAScript
{ ...obj }
オブジェクト版のRest/Spreadプロパティ(配列はES2015から利用できる)
- tc39/proposal-promise-finally: ECMAScript Proposal, specs, and reference implementation for Promise.prototype.finally
- resolve、rejectどちらの場合でも実行されるコールバックを指定できる
Promise.prototype.finally
のサポート
- resolve、rejectどちらの場合でも実行されるコールバックを指定できる
- tc39/proposal-async-iteration: Asynchronous iteration for JavaScript
- IteratorのAsync版
Proposalの解説は次の記事にまとめられています。
今回のTC39ミーティングで変化があったProposalは次のページにまとめてあります。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
jsdom/Changelog.md at 11.6.0 · tmpvar/jsdom
github.com/tmpvar/jsdom/blob/11.6.0/Changelog.md
jsdom 11.6.0リリース。
WebSocket
の実装、performance
の実装、window.devicePixelRatio
の追加など
Firefox — Notes (58.0) — Mozilla
www.mozilla.org/en-US/firefox/58.0/releasenotes/
Firefox 58リリース。
バッググラウンドタブにおけるスロットリングの強化、WebAssembly Streaming Compilerの導入。
CSS Font Displayのサポート、Promise#finally
の追加、PerformanceNavigationTiming
APIの実装など
- Firefox 58: The Quantum Era Continues – Mozilla Hacks – the Web developer blog
- Firefox 58 for developers - Mozilla | MDN
- Firefox 58 サイト互換性情報 | Firefox サイト互換性情報
📦 Parcel v1.5.0 released: Source Maps, WebAssembly, Rust, and more! 🚀
medium.com/@devongovett/parcel-v1-5-0-released-source-maps-webassembly-rust-and-more-3a6385e43b95
Parcel v1.5.0リリース。
Source Mapのサポート、WebAssemblyのサポート、.env
ファイルに対応。
また、コンフィグファイルが追加されたときにキャッシュを削除するようになるなど
Release v4.0.0-beta.0 · webpack/webpack
github.com/webpack/webpack/releases/tag/v4.0.0-beta.0
webpack 4.0.0βリリース。
Node.js 4のサポート終了、mode
が必須のオプションに、import()
は常に名前空間オブジェクトを返すように。
また、CommonsChunkPlugin
などの一部プラグインを削除し代わりにoptimization
のオプションで設定できるように変更など
Release Notes for Safari Technology Preview 48 | WebKit
webkit.org/blog/8084/release-notes-for-safari-technology-preview-48/
Safari Technology Preview Release 48リリース。
Storage Access APIをデフォルトで有効化、Service Workerの対応改善、createImageBitmap(ImageBitmap)
の実装など
Safari 11.1
developer.apple.com/library/content/releasenotes/General/WhatsNewInSafari/Articles/Safari_11_1.html
現在β公開中のSafari 11.1の変更点について。
Service Worker、Payment Request、HTMLImageElement.decode()
、Beacon APIのサポート。
Subresource Integrity、Storage Access API、Intelligent Tracking Preventionの挙動の変更など
Stable AngularJS and Long Term Support – Angular Blog
blog.angular.io/stable-angularjs-and-long-term-support-7e077635ee9c
AngularJS(1.x)のLTSスケジュールについて。
現在開発中のAngularJS 1.7は2018年7月にリリースされ、そこから3年間メンテされるLTSとなる。
1.7.x以降はAngularJSに新しい機能などは追加しない予定。
アーティクル
Improvements to the DevTools Console in the Windows 10 Fall Creators Update - Microsoft Edge Dev BlogMicrosoft Edge Dev Blog
blogs.windows.com/msedgedev/2018/01/17/devtools-console-improvements-edgehtml-16/
EdgeHTML16の開発者ツールの改善について
🚀webpack 4 beta — try it today!🚀 – webpack – Medium
medium.com/webpack/webpack-4-beta-try-it-today-6b1d27d7d7e2
webpack 4βについての解説記事。
パフォーマンス、設定、ファイルサイズ、ファイルタイプのサポート、最適化オプションなどについて
ECMAScript proposal updates at 2018-01 | ECMAScript Daily
ecmascript-daily.github.io/ecmascript/2018/01/28/ecmascript-proposal-updates
2018年1月のTC39のミーティング結果を反映したECMAScript Proposalのステータスまとめ。
New in Chrome 64 | Web | Google Developers
developers.google.com/web/updates/2018/01/nic64
Chrome 64の変更点について
ResizeObservers
、RegExpのNamed Capture、import.meta
のサポート。<video>
や<audio>
のpreload
属性のデフォルト値がmetadata
へと変更など
Top 10 JavaScript errors from 1000+ projects (and how to avoid them)
rollbar.com/blog/top-10-javascript-errors/
エラー収集サービスのRollbarにおいて報告されたJavaScriptのエラーランキング。
どのようなエラーメッセージか、またどのような状況で発生するかなどを解説している。
ECMAScript 2018: the final feature set
2ality.com/2017/02/ecmascript-2018.html
2018年1月でECMAScript 2018に入るProposalが決まったため、そのProposalをまとめた記事
サイト、サービス、ドキュメント
JavaScript Object Explorer
sdras.github.io/object-explorer/
JavaScriptのオブジェクトに関する操作方法(作成、削除、更新など)を対話的に選択してコードを出してくれるサイト。
配列版もあり、翻訳も募集している。
ソフトウェア、ツール、ライブラリ関係
0x00A/scratches: A scratchpad. Read, Evaluate, Print, Loop, but with a nicer editor.
Electron製のJavaScriptスクラッチパッド。
JavaScriptのコードを実行して評価結果を並べて表示するアプリ
fastpack/fastpack: Pack JS code fast & easy
OCaml製のJavaScript Bundlerツール。
Flowをパーサとして使い、コードのbundleを行う。postprocessとして他のツールを呼びだすことができる。
高速なインクリメンタルビルドを行うことが目的。
書籍関係
Webサイトパフォーマンス実践入門 高速なWebページを作りたいあなたに(JeremyL.Wagner 武舎広幸 阿部和也 上西昌弘)|翔泳社の本
www.shoeisha.co.jp/book/detail/9784798155098
2018年03月19日発売。
Web Performance in Actionの翻訳本