Vol.314
How to Plan and Deliver on Site Speed as a Team Jump to heading
チームとしてサイトパフォーマンスを計画的に改善する方法 Jump to heading
サイトの速度を改善するためには優先順位、領域の設定、時間的制限、など多くの問題がある。この記事ではBen氏がそういった問題を解決するためのフレームワークを紹介し、どのようにチームでその問題に取り組んでいくべきかのアドバイスをする。
- スピードチームを結成
- 速度評価セッションを予約する
- パフォーマンスワークブックを使用してイニシアチブを計画する
- サイトの速度を表示する
- 進行中のテスト作業
- パフォーマンスバジェットを設定する
Waterfaller - generate and share custom tasks with developers to boost page speed and core web vital scores Jump to heading
Waterfallerを用いてWebバイタルスコアに関連するタスクを解析 Jump to heading
Waterfallerと呼ばれるWebサイトを解析するツール。Waterfallerは、30以上の監査のライブラリから取得したページの速度低下の原因を表示する。また、ダウンロードのサイズと期間をウォーターフォールのように視覚化することで、簡単に問題点を見つけることができるという特徴がある。
Those pesky pull request reviews Jump to heading
プルリクエストをどのように扱うべきか Jump to heading
チーム開発をしていると、プルリクエストへのレビューが遅れてしまい、それが開発のボトルネックになってしまうことがある。この記事では、そういったプルリクエストに関わるよくある問題についてどのように解決するかを考察していく。プルリクエストの目的は、コードをチーム全体で理解できるようにすることであるとし、もしコードレビューが遅れてしまう場合は一度に多くのことを進めすぎているのかもしれないと指摘する。
この記事でJessica氏は、こういった問題に対してはモブプログラミングのようなやり方を勧めている。一見それは非効率的のように見えるかもしれないが、実際のところその方法がチーム全体が同じ目標に向かって進ませるためには重要であると解説する。
Interrelationships in design systems Jump to heading
設計システムにおける相互関係の重要性についての解説。システムの要素ごとではなく、システムの中の関係性に焦点を当てるべきであること、それがシステムを理解可能で使いやすくさせるために重要であることを説明する。
UX Strategy Means Business by Jared Spool Jump to heading
AppleのiOS6 Mapsの問題点を例に挙げ、優れたユーザーエクスペリエンスを生み出すのは、優れたコンテンツと優れたデザインそのどちらもの合計であることを解説する
In Brief Jump to heading
Container Queries are actually coming - Post - Piccalilli: ChromeCanaryでContainer Queryを試すことができ、それによってどのような問題が解決するかを紹介する
Not Your Typical Horizontal Rules: hrタグを装飾する方法とアクセシビリティも加味した実装方法について
Understanding browser cookies 🍪: クッキーの仕組みについて基本から解説する
A Complete Guide To HTML Email: 2021年におけるHTMLメール実装周りのツールやフレームワークなどを解説する
Swipey image grids.: SVGアニメーションを用いて、滑らかなスライドしながら表示される画像実装する