Vol.312

What is Federated Learning of Cohorts (FLoC)? Jump to heading #

FLoCとは Jump to heading #

Googleが提案するFLoCと呼ばれる、広告APIについての解説。FLoCは、個々のユーザーのブラウジングの動作内容を直接的に共有することなく、公告をパーソナライズすることができる仕組み。FLoCではプライバシー保護メカニズムが提供されている。この新しい仕組みに対してFAQ形式で解説をしていきながら、その仕様を説明していく。開発者が実際にFLoC APIを試すことができるサンプルコードも公開している。

The End of AMP Jump to heading #

AMPの終わり Jump to heading #

GoogleはAMPを特別扱いをすることをやめ、自サイトの通常のコンテンツでも検索結果トップのカルーセルに表示することを発表した。この記事では、既存のAMPに関わる問題点と、AMPの使用を辞めた後にとるべき対応を解説している。

CSS Is, In Fact, Awesome Jump to heading #

CSSは素晴らしい Jump to heading #

CSSがもつ最も素晴らしい機能の1つとして、Webのユーザーベースから生じる多種多様なニーズに適応することができる、という点がある。CSSのその根底にあるルールとメカニズムに精通することで、その素晴らしさを認識できるということを紹介している。

Using Design Tokens to Accelerate Design Systems Jump to heading #

デザイントークンを使用したデザインシステムの高速化を行った事例を紹介する。Intuitチームががデザイントークンを活用することで、開発者の体験ををどのように改善しているかを解説し、具体的なソースコードレベルの運用法まで紹介していく。

Design systems are ecosystems for collaboration Jump to heading #

デザインシステムを構築する要素を定義し、デザインシステムがどのようなものでどのようなメリットがあるのかを明確にする5つの質問を紹介しながら解説していく。

In Brief Jump to heading #

• SVG Generators: 複雑なSVGを感染に生成することができるジェネレータツールを紹介する

• Why I Prefer Makefiles Over package.json Scripts for Node.js Projects: npm scripts よりも Makefileが優れている理由を解説する

• Debugging layout shifts: レイアウトシフトの問題をどのように特定し、解決するかツールやテクニックを紹介する

• 7 Ways to Debug Jest Tests in Terminal: Jestでテストするための7つのTipsを紹介する

• Design with Strategic Intent: デザイナが戦略的なデザインをするために必要な考え方を解説する