Vol.376

22. Design systems modularity and interdependence Jump to heading #

モジュラリティと相互依存性 Jump to heading #

モジュールシステムは事前に定義された仕様で実装されたパーツを組み合わせる設計。一方、相互依存アーキテクチャでは、独自の問題を解決する専用に作られたパーツを組み合わせる設計。これらはそれぞれが優劣があるわけではなくトレードオフの関係にある。この考えは、"デザインシステムの良し悪し"という議論から、"システム内の どこで、いつ デザインシステムが十分なパフォーマンスを発揮するか"という議論を導く。この考察を経ることで、Tailwindが人気の理由が、優れたモジュール性を持ちながら、カスタムクラスや@applyを使用して、相互依存性を持つ設計を組み込める点にあるということがわかる。

Whats the Relationship Between IA and UI Design? Jump to heading #

IAとUIデザインの関係とは Jump to heading #

IAとUIデザインの関係とは、どのように関係しているのか？ この記事では、IAとUIデザインの関係について、IA は、概念間の関係を扱うが、これは画面レベルのデザインにも影響するということを説明している。つまり、IAデザイナは必ずしもビジュアルデザインを行う必要があるわけではないが、UIにも注意を払う必要があると提案する。

A tech leads guide to effective communication Jump to heading #

テックリードのための効果的なコミュニケーションガイド Jump to heading #

テックリードにとってコミュニケーションスキルは非常に重要なスキルの一つである。組織内、組織外とコミュニケーションを円滑に取ることは、テックリードの責任。この記事では、テックリードがコミュニケーションを取る際に、どのようなスキルを持っているとよいか、また、どのようなコミュニケーションスキルを身につけるべきかについて解説する。

1. シンプルにする
2. 簡潔で的確に伝える
3. 積極的に話す
4. 傾聴する
5. 徹底的に行う
6. ドキュメントを活用する

The practical application of “Rocks Pebbles Sand” Jump to heading #

石、小石、砂を瓶に詰める順番によって、どのように瓶が埋まるかが変わる話についてプロジェクトマネジメントになぞらえて解説をする。

Dynamic CSS Secrets Jump to heading #

CSSの特にCSS variablesの仕様やテクニックに関するセッションのスライド。

In Brief Jump to heading #

• Finer grained control over CSS transforms with individual transform properties: 従来のアニメーションとしてのtransformプロパティの記述方法と、個別のプロパティを使った記述方法の違いについて

• Not All Zeros are Equal: CSSの値の型についてと、0の扱いについて

• A good reset: 良いCSSリセットと悪いCSSリセットについて

• Introducing the New WebPageTest Recorder Chrome Extension: Google Chromeの拡張である WebPageTest Recorder Extensionについての紹介

• Mocking Best Practices: テストにおけるモックについてのベストプラクティスを紹介