Tailwind CSS実践入門

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

■こんな方におすすめ
・フロントエンドエンジニア，マークアップエンジニア
・デザインシステムの構築に興味があるデザイナー
・HTML+CSSはすでに身についているが，Tailwind CSSは使ったことがない方
・Tailwind CSSをすでに使っているが，より良い使い方を求めている方
・既存環境から移行やデザインシステムの構築に関心がある方

■目次

第1章 ユーティリティファーストとは何か
1.1 ユーティリティファーストによるマークアップの基本
1.2 ユーティリティファーストのメリット
・・・
第2章 Tailwind CSSはどういうフレームワークか
2.1 Tailwind CSSが何を提供しているか
2.2 Tailwind CSSが何をやっていないか
・・・
第3章 Tailwind CSSを導入する
3.1 Tailwind CSSをインストールする
3.2 設定ファイルを書く──セットアップに必要な設定
・・・
第4章 Tailwind CSSでマークアップする
4.1 Tailwind CSSにおけるマークアップ
4.2 基本的なユーティリティ
4.3 基本的なモディファイア
・・・
第5章 Tailwind CSSの背後にあるコンセプトを理解する
5.1 プラガブルなCSSフレームワークであること
5.2 JITとは何か
5.3 関数とディレクティブ
・・・
第6章 Tailwind CSSでコンポーネントを設計する
6.1 CSSにとって抽象とは何か
6.2 コンポーネントの責務とインタフェース
6.3 コンポーネントに閉じないスタイルを前提に設計する
・・・
第7章 Tailwind CSSをカスタマイズする
7.1 設定ファイルの高度な利用
7.2 presetを配布・利用する
7.3 JavaScript APIを利用する
・・・
第8章 Tailwind CSSを既存のプロジェクトに導入する
8.1 なぜ既存のプロジェクトにTailwind CSSを導入するのか
8.2 既存CSSとの衝突を避けるために気を付けること
・・・
第9章 ユーティリティファーストでデザインシステムを構築する
9.1 デザインシステムとは何か
9.2 デザイントークンを定義する
9.3 デザインシステムを継続的に運用する