Vol.404

Jade Rubick - Steel threads are a technique that will make you a better engineer Jump to heading #

ソフトウェア設計アプローチとしての “Steel Threads” Jump to heading #

「Steel Threads」アプローチは、最小限の実装でコア機能を示し、段階的に機能を追加・改善するソフトウェア開発手法である。このアプローチは、早期のフィードバックを促し、変更への柔軟性を向上させ、リスクを軽減する。開発プロセスが効率化され、優先順位が明確化される。

ARIA vs HTML Jump to heading #

ARIAとHTML Jump to heading #

ARIAとHTMLをどのように扱っていくかについて解説する。WebエンジニアはまずセマンティックなHTML要素を使用してアクセシビリティを向上させ、ARIAは最後の手段として使用するべき。ARIAを使用する際は、過剰な使用を避け、正しい使用法を学び、実装をテストすることが重要である。

When to comment that code Jump to heading #

いつコメントを書くのか Jump to heading #

Drew氏が構築するコードベースではコメントの量が非常に少ない。この記事では、コードコメントにおける彼のプログラミング哲学をまとめている。無闇にコードコメントを追加していくのではなく、他の方法で情報を伝達する方法がないかも考慮しつつ、どのようにコミュニケーションを円滑にとるかを考えることが重要である。

Component Specifications Jump to heading #

コンポーネントの仕様を書くことは、コンポーネントの設計をより明確にすることにつながる。この記事では、コンポーネントの仕様を書くためのベストプラクティスを紹介する。

• 構造
• プロパティ
• レイアウトと間隔
• 振る舞い
• アクセシビリティ
• 動き
• コンポーネントトークン
• バージョン履歴

A Step-By-Step Guide To Building Accessible Carousels Jump to heading #

カルーセルは頻繁に見られるUIではあるが、ほとんどのカルーセルには、ユーザビリティとアクセシビリティの問題が発生している。これらの問題を回避するために、この記事では設計上の考慮事項と、アクセシブルなカルーセルを実装するためのセマンティック要件について説明する。

In Brief Jump to heading #

• Getting Started with Style Queries - Chrome Developers: CSS カスタムプロパティでスタイルクエリを使用する方法を紹介する

• JavaScript Import maps Part 1: Introduction: Firefoxに実装されたインポートマップの機能ついての紹介

• Creating a Clock with the New CSS sin() and cos() Trigonometry Functions: sin()とcos()のCSS関数を利用して時計を作る

• Some simple ways to make content look good: シンプルな構造のHTMLを題材にCSSで見た目を整える具体的なテクニックを紹介する

• Modern Font Stacks: モダンなブラウザで利用できるフォントについての紹介