タグ: #design-system

← すべての記事

• 画面は十文字で書かれます — カスタムウィジェットを作る前に問うべきひとつのこと

  ヤコブ・ニールセンは、ほぼすべてのユーザーインターフェースが十個ほどの要素で組み立てられると整理しました。アルファベット二十六文字ですべての英単語を書くのと同じように、です。この一覧が有用なのは何を作るべきかを教えるからではなく、新しいウィジェットを作るとき実際には何を捨てているのかを見せてくれるからです。順位が含んでいる情報、慣習を半分だけ破ってしまう四つのよくあるやり方、そして自分たちのデザインシステム一覧に今日つけられるラベルまで

  2026-08-09 · 14 分で読めます #ui-design#ux#design-system#frontend#usability

• Tailwind CSS 4 徹底解説 — Oxideエンジン・Vite優先・CSS優先設定への大転換とv3移行の実戦記 2026

  Tailwind CSS 4は単なるバージョンアップではない。エンジンをRustで書き直し、JS設定ファイルを捨て、contentアレイを廃止し、モダンCSSのすべての武器をフレームワークに直結させた大手術だった。GAから1年の運用経験をもとに、Oxideエンジンの中身、Vite優先のアーキテクチャ、@themeディレクティブによるCSS優先設定パラダイム、color-mix・P3・コンテナクエリ・カスケードレイヤーといったCSSネイテ

  2026-05-14 · 25 分で読めます #tailwind-css#tailwind-v4#oxide#vite#css

• デザインシステム・トークン 2025 完全攻略:Radix・shadcn/ui・Chakra・Tamagui・Park UI・Ark UI・DaisyUI 比較、W3C Design Tokens 標準、Figma Variables・Tokens Studio 連携、コンポーネント API 設計、アクセシビリティ、韓国大企業事例 — Season 6 Ep 2

  デザインシステムは CSS ではない。プロダクトチームの共通言語だ。2025 年の主要コンポーネントライブラリ比較(Radix・shadcn/ui・Chakra・Tamagui・Park・Ark・DaisyUI)、Headless と Styled の哲学、W3C Design Tokens 標準と Figma Variables・Tokens Studio・Specify との連携、コンポーネント API 設計原則、Theming・ダ

  2026-04-15 · 15 分で読めます #design-system#design-tokens#radix#shadcn-ui#chakra