Vol.223

— 1 minute read

Virtual DOM is pure overhead by Rich Harris permalink

仮想DOMは純粋なオーバーヘッドになる

Reactが立ち上げられたとき、コアメンバーであるPete Hunt氏によるセミナーで、DOM操作が遅いゆえに、仮想DOMを使った実装は非常に早いという考えが広まったが、実際の所それはオーバーヘッドになっているのではないか?この記事では、Rich氏によるこの考えについての深い考察を展開しながら、仮想DOMが優れている点とメリット、なぜ使われているかについて解説し、Svelteの利点を紹介へと繋げていく。

Building the most inaccessible site possible with a perfect Lighthouse score by Manuel Matuzovic permalink

Lighthouseで100点をとりながら、最もアクセシブルでないサイトを作る

Manuel氏はLighthouseを使った面白い実験を行い、自動テストを盲目的に信用してしまう危険性について指摘する。この記事では、LighthouseはWebサイトのアクセシビリティを0-100のスコアで判定し、そのサイトがどれほどアクセシブルであるかを評価できるサービスであるが、そのLighthouseで100のスコアを獲得しながらも、実際の所アクセシブルでないサイトを作ることもできてしまう例を示す。

The difference between keyboard and screen reader navigation by Léonie permalink

キーボードユーザーとスクリーンリーダーユーザーのナビゲーションの違い

キーボードを使用してナビゲーションするユーザーと、スクリーンリーダーを使用してナビゲーションするユーザーを比較して、そこにある問題を明らかにする。キーボードユーザーのTabのフォーカスと、スクリーンリーダーユーザーのTabのフォーカスは区別するべき点であり、そうでなければ、スクリーンリーダーのユーザーのナビゲーションは機能しなくなると指摘する。Smaching TVではスクリーンリーダーの動作を確認する動画を提供している。

Unpacking hoisting by Axel Rauschmayer permalink

JavaScriptのHoistingの仕様は、ES6の環境において使用できるconstletと、それ以前から使用できるvarとでは、異なる挙動をとる。Axel氏はこの混乱を起こしやすい仕様について、実際のコードを交えながら明らかにしていく。

Enabling Modern JavaScript on npm by Jason Miller permalink

モダンなJavaScriptは、少ないコードで実装をすることができるが、実際の所古いブラウザをサポートするために、トランスパイルしてnpmモジュールとして配信されることが多い。しかしながら、トランスパイルされたコードは大きくなり、エンドユーザーの初期ロードの時間とランタイムのパフォーマンスに大きな影響を与える。この記事では、この問題について深掘りし、どういった解決法があるのか、詳しく解説していく。

In Brief