アクセシビリティ

センスに頼らず「論理」で色を扱うためのCSS色彩設計。プリミティブからセマンティックへの階層化、アクセシビリティ（WCAG）を考慮したコントラスト設計、そして最新のOKLCHやRelative Color Syntaxの活用まで、保守性の高いUI構築のためのベストプラクティスを解説します。

Next.jsのinput type=numberで整数以外が入力できてしまう理由と、実務で使える対処法を解説。「number型を使わない」という選択肢から、モバイルキーボードの最適化、Zodによるバリデーションまでを網羅します。