週刊ダイジェスト 2026年第3週:デザインシステム
2025年版Web Almanacによると、Lighthouseアクセシビリティスコアの中央値は85%に達した一方、色彩コントラストは依然としてサイトの69%で不合格です。TetraLogicalは根強いWCAGの誤解を解消し、Daniel YuschickはNDC Copenhagenでスクリーンリーダーの線形ナビゲーション問題に対するARIA live regionの活用法を実演しています。
2025年版Web Almanacによると、Lighthouseアクセシビリティスコアの中央値は85%に達した一方、色彩コントラストは依然としてサイトの69%で不合格です。TetraLogicalは根強いWCAGの誤解を解消し、Daniel YuschickはNDC Copenhagenでスクリーンリーダーの線形ナビゲーション問題に対するARIA live regionの活用法を実演しています。
Cloudflare WorkersサポートをひっさげたAstro 6 Betaのリリースとともに、CloudflareがAstro Technology Companyを買収しました。Bun v1.3.6はコアAPI全体で3.5〜20倍のパフォーマンス向上を実現し、ESLintの2025年レビューはダウンロード数65%増とマルチスレッドlintingの導入という成果を伝えています。
CSSの新しいscroll-stateコンテナクエリと::scroll-marker疑似要素がJavaScriptライブラリ全体を置き換え、OKLCHのrelative colorsがSVGアニメーションのテーマ設定を自動化します。また、カスタマイズ可能な<select multiple>要素がappearance: base-selectとともにChrome Canaryにデビューしました。
PenpotがMCPをデザインワークフローに接続し、TetraLogicalとDequeがアクセシビリティテストとADA改革を問い直し、Dave Rupertがネストされたcontrast-color()を極限まで押し進めます。
Kevin PowellがCSS relative colorsとOKLCHでより賢いパレットを構築し、Miriam Suzanneがfluid typographyとズームの緊張を解消、メディアクエリなしの六角形グリッドがsibling-index()を披露します。
Nicholas ZakasがShai-Hulud後のnpmに異常検知を提案し、Mozillaがオープンソースai戦略を打ち出し、ShopifyとGoogleがUniversal Commerce Protocolを発表、ディープフェイク採用が侵害経路になります。
Lea VerouがWebの壊れた依存性管理を解剖し、VoidZeroのOxlintが8〜12倍のtype-awareリンティングに到達、ESLint v10がRC入りし、AngularのDomPortalがDOM移動時のコンポーネント状態を保全します。
Addy Osmaniが今後2年のエンジニアリングを俯瞰し、Polypaneがベンダー依存のブラウザAPIを暴露、Vitest projectsとAI e2eエージェントがテストを刷新し、広告がパフォーマンスバジェット問題として再定義されます。
Sketch以来最大のUX/UI転換と呼ばれるFigma Make、プロトタイプ起点のAIデザインプロセスを公開したRamp、そしてろう者インクルーシブデザインとタッチターゲットを扱う読み応えあるアクセシビリティ記事2本。
Signalsとクエリベースコンパイラの出会い、全Node.js LTSでstableになったrequire(esm)、1.x系を締めくくるRspack 1.7、そして休暇明け前の点検が必要な2件のReact新規脆弱性。
2部作の詳細ガイドで実務のワークフローになったCSS Anchor Positioning、JS不要のカルーセルを可能にする::scroll-marker、新登場のCSSカスタム関数、そしてGridをシンプルに使おうというKevin Powellの提案。
Googleでの14年をまとめたAddy Osmaniの21の教訓が牽引する、キャリアと職人技の一週間。何年ものファジングを生き延びたバグ、フロントエンドテストのコツ37選、習慣にしたいDevTools機能、Syntaxの2026年予測まで。