Vol.328

The Future Of The Web Jump to heading #

Webの未来 Jump to heading #

現在のWebがどこまで進化しているのか、そして今後どのような変化をしていくのかについての考えを紹介している。かつてはデスクトップアプリが必須だったプロフェッショナル向けのアプリも、多くがWebで実行できるようになってきていること、スマートフォンアプリと同様の体験をPWAで実現できること、WebAssemblyで高速な計算ができること、3Dグラフィック、XR、ゲームの多くがWeb上で扱えることなどを紹介している。

A Bashful Button Worth $8 Million Jump to heading #

押せないチェックアウトボタン Jump to heading #

Jason氏はオンラインで食事を注文しようしたところ、カート内のチェックアウトボタンが押せないことに気がついた。この記事では、この問題がどのように引き起こされているのか、そしてこれがどれほど大きな影響を与えるかを見積もっている。 最後に2つのアドバイスを残している。

• 100vhは、すべてのコンテキストで期待どおりに機能するとは限らない
• 実際のデバイスでテストすることに代わるものはない

The Core Web Platform Loop Jump to heading #

コアWebプラットフォームループ Jump to heading #

この記事では、Webプラットフォームがディベロッパー、プロダクト、ユーザーに対して相互に影響しあい成長していく仕組み、そしてこの仕組の中でプロダクトマネージャー、プラットフォームマネージャーがどのような異なった考えを持っているのかを紹介している。

ARIA in HTML Jump to heading #

HTML仕様でのARIAがW3Cの勧告候補となった。この記事では、HTML仕様のARIAについて、そして適合性チェッカーがどのように動作するのかを紹介している。

The performance effects of too much lazy-loading Jump to heading #

遅延読み込みはパフォーマンス対策のスタンダードとなってきているが、多すぎる遅延読み込みはCore Web VitalsのLCPに影響があると指摘している。この記事では、この事象についての調査結果を解説している。

In Brief Jump to heading #

• Good product designers / bad product designers: 優れたプロダクトデザイナとそうでないプロダクトデザイナの考え方の違いについて紹介

• Frustrating Design Patterns: Broken Filters: フィルターのUXについて、多くの種類のフィルターは自由な絞り込みのために必要かもしれないが、かえって使い勝手を悪くすることがある。フィルターをどのようにデザインするかアイディアを紹介する

• How to Eliminate Render-Blocking Resources: a Deep Dive: 描画をブロックするリソースの読み込みをどのように特定するか、また改善するかについて

• Four Factors in UX Maturity: UXの成熟度を向上させるために必要な、戦略、文化、プロセス、結果という4つの要素について解説する

• A performance-focused workflow based on Google tools: パフォーマンスにフォーカスした開発ワークフローの例と、それに役立つGoogleのツールを紹介する