Fork me on GitHub

2018-01-29のJS: Firefox 58、Safari 11.1(β)、Parcel 1.5.0、webpack 4(β)、ES 2018の機能が決定

Edit on GitHub 編集履歴を見る

JSer.info #368 - Firefox 58.0がリリースされました。

バッググラウンドタブにおけるスロットリングの強化、WebAssembly Streaming Compilerの導入。
CSS Font Displayのサポート、Promise#finallyの追加、PerformanceNavigationTiming APIの実装など

詳しくは次の記事で解説されています。


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仕様本体へマージされます。

Finished Proposalsにまとめられていますが、ES2018には次の8つのProposalがマージされます。

Proposalの解説は次の記事にまとめられています。

今回のTC39ミーティングで変化があったProposalは次のページにまとめてあります。


ヘッドライン


jsdom/Changelog.md at 11.6.0 · tmpvar/jsdom

github.com/tmpvar/jsdom/blob/11.6.0/Changelog.md

JavaScript DOM ReleaseNote

jsdom 11.6.0リリース。
WebSocketの実装、performanceの実装、window.devicePixelRatioの追加など


Firefox — Notes (58.0) — Mozilla

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

firefox ReleaseNote

Firefox 58リリース。
バッググラウンドタブにおけるスロットリングの強化、WebAssembly Streaming Compilerの導入。
CSS Font Displayのサポート、Promise#finallyの追加、PerformanceNavigationTiming APIの実装など


📦 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

JavaScript bundler Tools ReleaseNote

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 ReleaseNote

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 ReleaseNote

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 ReleaseNote

現在β公開中の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

Angular news

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/

MSEdge debug article

EdgeHTML16の開発者ツールの改善について


🚀webpack 4 beta — try it today!🚀 – webpack – Medium

medium.com/webpack/webpack-4-beta-try-it-today-6b1d27d7d7e2

webpack article

webpack 4βについての解説記事。
パフォーマンス、設定、ファイルサイズ、ファイルタイプのサポート、最適化オプションなどについて


ECMAScript proposal updates at 2018-01 | ECMAScript Daily

ecmascript-daily.github.io/ecmascript/2018/01/28/ecmascript-proposal-updates

ECMAScript JavaScript proposal

2018年1月のTC39のミーティング結果を反映したECMAScript Proposalのステータスまとめ。


New in Chrome 64  |  Web  |  Google Developers

developers.google.com/web/updates/2018/01/nic64

Chrome ReleaseNote

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/

JavaScript debug article

エラー収集サービスのRollbarにおいて報告されたJavaScriptのエラーランキング。
どのようなエラーメッセージか、またどのような状況で発生するかなどを解説している。


ECMAScript 2018: the final feature set

2ality.com/2017/02/ecmascript-2018.html

ECMAScript proposal spec

2018年1月でECMAScript 2018に入るProposalが決まったため、そのProposalをまとめた記事


サイト、サービス、ドキュメント


JavaScript Object Explorer

sdras.github.io/object-explorer/

JavaScript tutorial Tools

JavaScriptのオブジェクトに関する操作方法(作成、削除、更新など)を対話的に選択してコードを出してくれるサイト。
配列版もあり、翻訳も募集している。


ソフトウェア、ツール、ライブラリ関係


0x00A/scratches: A scratchpad. Read, Evaluate, Print, Loop, but with a nicer editor.

github.com/0x00A/scratches

JavaScript Electron software mac

Electron製のJavaScriptスクラッチパッド。
JavaScriptのコードを実行して評価結果を並べて表示するアプリ


fastpack/fastpack: Pack JS code fast & easy

github.com/fastpack/fastpack

JavaScript Tools flowtype

OCaml製のJavaScript Bundlerツール。
Flowをパーサとして使い、コードのbundleを行う。postprocessとして他のツールを呼びだすことができる。
高速なインクリメンタルビルドを行うことが目的。


書籍関係


Webサイトパフォーマンス実践入門 高速なWebページを作りたいあなたに(JeremyL.Wagner 武舎広幸 阿部和也 上西昌弘)|翔泳社の本

www.shoeisha.co.jp/book/detail/9784798155098

JavaScript web performance 翻訳 book

2018年03月19日発売。
Web Performance in Actionの翻訳本


この記事へ修正リクエストをする
記事を紹介する