Skip to content

Vol.394

Kota Furusawa

Design leadership is change management Peter Merholz Jump to heading

リーダーシップのチェンジマネジメント Jump to heading

リーダーが変化を起こすための5つのステップを紹介する。

  1. ビジョンを形にする
  2. ポートフォリオアプローチを採用する
  3. 関係をマネジメントする
  4. 意図を持ってコミュニケーションする
  5. 忍耐と視点をメンテナンスする

The Performance Inequality Gap 2023 Jump to heading

パフォーマンスの格差 Jump to heading

2023年11月にアムステルダムで開催されたperformance.now()で発表されたトークについて。2023年においては、デバイスとネットワークの75パーセンタイルをカバーするために、HTML/CSS/フォントを最大150KiB、JavaScript (gzip 圧縮) を最大 300-350KiB までに留めることを目標とすべきであるということを定めている。しかし、ほとんどのサイトにおいて、ユーザーの80%以上に妥当な量を超えるスクリプトを配信し続けている現実がある。現代のフロントエンドは、非常に複雑なJavaScriptの山を扱うことが多いが、先程の結果から分かる通り、ほとんどのユーザーに対してより良いエクスペリエンスを提供していないことを指摘している。この記事では、このリサーチの内容を詳しく紹介し、CA.govで実際に起きたパフォーマンスに関する問題についての解説、そしてそれをどのように改善したかを説明しながら、現代のフロントエンドのパフォーマンスの問題点について指摘をする。

The Web Performance Engineer’s Swiss Army Knife Jump to heading

パフォーマンス改善のためのメンタルモデル Jump to heading

Webサイトパフォーマンスを改善するためには、ただ単純にベストプラクティスを適用するだけでは達成できない。パフォーマンスを改善するときにとどめておくべき考え方を5つまとめて紹介している。

  1. ブラウザの内部構造
  2. トレースしボトルネックを発見する
  3. ネットワークプロトコルへの理解
  4. ユーザーとセッションの特性の理解
  5. パフォーマンスデータを解析する力

Sizing typography in design systems Jump to heading

Tシャツのサイジングのように、デザインシステムのタイポグラフィのサイジングを定義した場合、レスポンシブデザインではうまくいかなくなる場合がある。こういったケースに対応可能な、コンテナの幅に応じて、タイポグラフィのサイズを定義する方法を紹介している。

What just happened to Southwest Airlines? A cautionary tale about underfunding key IT technology Jump to heading

サウスウエスト航空が引き起こしたトラブルを例に挙げ、IT技術の適切な投資が重要であることを説明している。

In Brief Jump to heading