Frontend Weekly for Designer Vol.28

Airbnb 製のデータビジュアライゼーションライブラリ visx

Introducing visx from Airbnb

 React × D3.jsのデータビジュアライゼーションライブラリ visxの紹介。ReactとD3.jsの相性の悪さを解消し、また既存の同種のライブラリと比べて「学習しやすさ」「表現力」の点で優れたライブラリをAirbnbが開発。記事ではいくつかのサンプルも紹介しているので、気になったら触ってみると良いかも。

Slackのスレッドはどのようにして生まれたか:前編

Threads in Slack: A Long Design Journey (Part 1 of 2) • Slack Design

Slackの機能の一つである「スレッド」。このデザインがどういうプロセスで作られていったのかをSlackのシニアプロダクトデザイナーが解説（この記事は前編）。彼らのデザインプロセスでは、自分たちで実際に使ってみて探索するというものがあり、Twitterをモデルにしていくつかのコミュニケーションを試した。それぞれの利点はありつつも、うまく行かなかった例を紹介している。後半記事は（たぶん）後日配信。

双方向スクロールの欠点

Bidirectional scrolling: what’s not to like? by Adam Silver – Designer, London, UK.

Netflix で採用されいる水平スクロールの UI について、その利点と欠点、その欠点をどのように補えばよいかを解説する。

ブラウザがどのようにリソースの優先順位をつけるのか

Understanding Resource Priorities by Andy Davies

SmashingConf Freiburg での Andy 氏の講演のスライド。この講演では、以下の内容について紹介する。

・どのようにブラウザがネットワークの状態に合わせて、リソースに優先順位を付けているか
・サーバーが果たす役割
・実装がリソースの動作にどのように影響するか
・訪問者のエクスペリエンスについて

🗣️ 小ネタ

Neural Filters is a major breakthrough in AI-powered creativity and the beginning of a complete reimagination of filters and image manipulation inside @Photoshop 🤩: https://t.co/YQIGOFZ7Xt #AdobeMAX pic.twitter.com/TQFOKHqcUk

— Adobe (@Adobe) October 20, 2020

10/20〜からAdobeの祭典 Adobe MAX 2020 が開催。今年も色々驚く技術・機能がお披露目されるんでしょう。

☕ 編集後記

リアルタイムでAdobe MAX観たかったけど、忙しくて！

📓 Frontend Weekly

Frontend Weekly for Designer（毎週木曜日更新）は国内・海外のフロントエンド関連情報を厳選して配信しているFrontend Weeklyから、デザイナーにも読んでほしいものを再編成したマガジンです。

よりWebフロントエンドに関する情報も読みたい方は、本家のFrontend Weeklyもぜひ購読してください。