Ｔａｉｌｗｉｎｄ　ＣＳＳ実践入門

本書はＴａｉｌｗｉｎｄ　ＣＳＳの実践的な入門書です。フロントエンドエンジニア、マークアップエンジニア、そしてデザインシステムの構築に興味があるデザイナーを対象に、Ｔａｉｌｗｉｎｄ　ＣＳＳの中核的な思想である「ユーティリティファースト」の理解へといざないます。Ｔａｉｌｗｉｎｄ　ＣＳＳの基本的な使い方や、デフォルトテーマによって提供されるクラスの紹介はもちろん、テーマのカスタマイズやプラグインの作成によってデザインシステムを作るための実践的なノウハウも詳説します。

本書はTailwind CSSの実践的な入門書です。フロントエンドエンジニア、マークアップエンジニア、そしてデザインシステムの構築に興味があるデザイナーを対象に、Tailwind CSSの中核的な思想である「ユーティリティファースト」の理解へといざないます。Tailwind CSSの基本的な使い方や、デフォルトテーマによって提供されるクラスの紹介はもちろん、テーマのカスタマイズやプラグインの作成によってデザインシステムを作るための実践的なノウハウも詳説します。

目次

# ■第1章　ユーティリティファーストとは何か

1.1 ユーティリティファーストによるマークアップの基本
「セマンティックな」CSSによるアプローチ
Tailwind CSSによるユーティリティファーストなアプローチ

1.2 ユーティリティファーストのメリット
クラス名を考える必要がない
HTMLとCSSを交互に見る必要がない
影響範囲が明確である

1.3 CSS設計の変化の歴史
BEM──セマンティックなCSSにおける規約
CSS ModulesとScoped CSS──コンポーネント志向とスコープの模倣
CSS in JS──テーマオブジェクトという発明

1.4 既存のCSS設計から学べる教訓
詳細度やカスケーディングといったCSSの性質を考慮するのは難しい
多くの開発者はクラス名を工夫するよりもコンポーネントを設計するほうが得意
UIデザインの自由度は一貫性のなさとトレードオフの関係である

1.5 なぜ今ユーティリティファーストなのか

■第2章　Tailwind CSSはどういうフレームワークか

2.1 Tailwind CSSが何を提供しているか
ユーティリティを静的なCSSで提供すること
ユーティリティこそがメインのクラスであること
カスタマイズが始めから念頭に置かれていること
最小限のサイズのCSSを提供すること
ヴァリアントによる条件付きスタイルのサポート

2.2 Tailwind CSSが何をやっていないか
便利なUIコンポーネントは提供しない
CSSの理解を不要にするものではない

2.3 まとめ

■第3章　Tailwind CSSを導入する

3.1 Tailwind CSSをインストールする
Tailwind CLIを用いてプロジェクトのセットアップをする
PostCSSプラグインとして用いる
we　ほか

本の帯に関して

帯つきでの出荷はお約束しておりません。
商品ページに、帯のみに付与される特典物等の表記がある場合でも、確実に帯つきでの出荷はお約束しておりません。
また、帯は商品の一部ではなく「広告扱い」のため、帯の有無・破損による交換や返品は承っておりません。

版・表紙について

版・表紙（カバー）のご指定は承っておりません。ご注文いただくタイミングによっては、お届けする商品の版や表紙が商品ページ上のものとは異なる場合がございます。
また、初版にのみにお付けしている特典（初回特典、初回仕様特典）がある商品は、商品ページに特典の表記がされている場合でも、無くなり次第終了となります。