UI

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

iOSでinputフォーカス時に画面が拡大される問題の原因と対策を解説。ハーフモーダルやBottom Sheetでの実装時の注意点も紹介します。

Next.jsでハーフモーダル（Bottom Sheet）を実装する方法を紹介。useStateによる制御やアニメーション、スマホUIの最適化まで解説します。