2017-12-26のJS

Release Notes for Safari Technology Preview 46 | WebKit

Safari Technology Preview Release 46リリース。 Service Workerがデフォルトで有効化、--useBigIntフラグつきBigIntの実装、img要素のdecoding属性のサポートなど

V8 JavaScript Engine: V8 release v6.4

V8 v6.4リリース。 パフォーマンス、メモリ使用量の改善。named captureなどの正規表現Proposalの実装と有効化、import.meta.urlのサポートなど

Release Webpack-CLI V.2.0.0 · webpack/webpack-cli

webpack-cli 2.0.0リリース。 addコマンド、serveコマンドの追加など

Release v2.0.0 · karma-runner/karma

Karma v2.0.0リリース。 Node.js 4未満のサポート終了、エラー表示の改善など

ESLint v4.14.0 released - ESLint - Pluggable JavaScript linter

ESLint 4.14.0リリース。 パーサ向けにScope解析のhookポイントが追加された。

Jest 22: Refinements & Custom Runners · Jest

Jest 22リリース。 Node.js 4のサポート終了、カスタムRunnerのコアとなるjest-workerの公開。 テスト結果のフォーマッタの変更、--detectLeaksの追加、Babel 7のサポート、MITライセンスに変更など

【連載記事】JavaScriptでプログラミングを学ぶ その1:基礎と文法

プログラミングを学んだことない人向けのJavaScript入門連載。

Use a Render Prop! – componentDidBlog

Reactの子コンポーネントと値やロジックを共有するパターンとしてのrender propsについて

React 🎄

アドベントカレンダー形式のReactチュートリアル

Service Workers: Going beyond the page - Microsoft Edge Dev BlogMicrosoft Edge Dev Blog

MSEdgeのService Workerが実装された。 Service Workerの基本的な使い方やService Workerの制限について書かれている。

The Future of jQuery UI and jQuery Mobile | jQuery UI Blog

jQuery MobileはjQuery UIに依存しているが、今までは別々のチーム/リポジトリとなっていた。 重複などの無駄があるため、チームを統合し、停滞しているプロジェクトを改善していく指針が公開された。 あわせてSlackチャンネルを開設して協力者を募集している。

Preloading modules  |  Web  |  Google Developers

<link rel="modulepreload">について。 <link rel="preload">との違い、モジュールの依存関係はフラットにすべてのファイルを定義するべきかについて

Idiomatic Redux: Using Reselect Selectors for Encapsulation and Performance · Mark's Dev Blog

reselectを使ったパフォーマンスの最適化について。 reselectはstateからstateを作るライブラリで、入力に対してメモ化が行われている。 これを使いReduxのstateからアプリケーションに適切な形へstateを変換させる例について紹介している

ES6 Modules のエラー処理を決定的(deterministic)にした話 - Google ドキュメント

ES Modules(仕様)のエラーがネットワークに依存したものとなっていて、毎回異なるエラーになる問題があった。 エラーが毎回同じ結果となるように、仕様をどのように修正していったかについて。

ブラウザのしくみ: データ構造とアルゴリズムと雰囲気で理解する DOM と Shadow DOM — hayato.io

DOMやShadow DOMの構造や実装についての解説記事。 Shadow DOMの登場によってDOMはツリーのツリー(Super Tree)となっている。 その場合におけるCSSセレクタのマッチングやイベントパスについてなどをChromeの実装と合わせて解説している。

Lint the Web Forward With Sonarwhal ◆ 24 ways

Sonarwhalを使ったウェブサイトのLintについての記事。 Sonarwhalの基本的な使い方や設定について解説している

Testing Angular 2 and Continuous Integration with Jest - Semaphore

Jestを使ったAngularのテストについて

日経電子版 サイト高速化とPWA対応 / nikkei-high-performance-pwa // Speaker Deck

ウェブサイトのパフォーマンス改善についてのスライド。 アセットの配信の最適化、Resource Hintsでのpreload。 SpeedCurveを使ってのモニタリングやファイルサイズのチェック。 Service Workerでのキャッシュやデバッグなどについて

amsul/react-performance: Helpers to debug and record component render performance 🚀

React 16で動くreact-addons-perfのようなものを目指すライブラリ。 Reactコンポーネントのプロファイルを取れるライブラリ。

Responsively Retrofitting: Retrofitting Web Sites with HTML5 and CSS3: Christopher Schmitt: 9781449364205: Amazon.com: Books

2018年8月25日発売 既存のレガシーなウェブサイトをモバイル向けにリニューアルする方法についてを扱う書籍