プライム無料体験をお試しいただけます
プライム無料体験で、この注文から無料配送特典をご利用いただけます。
非会員 | プライム会員 | |
---|---|---|
通常配送 | ¥410 - ¥450* | 無料 |
お急ぎ便 | ¥510 - ¥550 | |
お届け日時指定便 | ¥510 - ¥650 |
*Amazon.co.jp発送商品の注文額 ¥3,500以上は非会員も無料
無料体験はいつでもキャンセルできます。30日のプライム無料体験をぜひお試しください。
無料のKindleアプリをダウンロードして、スマートフォン、タブレット、またはコンピューターで今すぐKindle本を読むことができます。Kindleデバイスは必要ありません。
ウェブ版Kindleなら、お使いのブラウザですぐにお読みいただけます。
携帯電話のカメラを使用する - 以下のコードをスキャンし、Kindleアプリをダウンロードしてください。
Tailwind CSS実践入門 (エンジニア選書) 単行本(ソフトカバー) – 2024/1/26
工藤 智祥
(著)
{"desktop_buybox_group_1":[{"displayPrice":"¥3,740","priceAmount":3740.00,"currencySymbol":"¥","integerValue":"3,740","decimalSeparator":null,"fractionalValue":null,"symbolPosition":"left","hasSpace":false,"showFractionalPartIfEmpty":true,"offerListingId":"Zwu5jpH%2B256BrIoUt5R28ll3S6RXwWUVAvacuQhziFvQVqJ1vTbKjZU2SCSUa8Nn3hAHy2aOB5i256U522znNK5DzojujCE9A%2FYc9wlXTO66r7FOb3iYgSQGNNRUA0tvBCa5qL18xDc%3D","locale":"ja-JP","buyingOptionType":"NEW","aapiBuyingOptionIndex":0}]}
購入オプションとあわせ買い
本書はTailwind CSSの実践的な入門書です。フロントエンドエンジニア、マークアップエンジニア、そしてデザインシステムの構築に興味があるデザイナーを対象に、Tailwind CSSの中核的な思想である「ユーティリティファースト」の理解へといざないます。Tailwind CSSの基本的な使い方や、デフォルトテーマによって提供されるクラスの紹介はもちろん、テーマのカスタマイズやプラグインの作成によってデザインシステムを作るための実践的なノウハウも詳説します。
(こんな方におすすめ)
・フロントエンドエンジニア、マークアップエンジニア
・デザインシステムの構築に興味があるデザイナー
・HTML+CSSはすでに身についているが、Tailwind CSSは使ったことがない方
・Tailwind CSSをすでに使っているが、より良い使い方を求めている方
・既存環境から移行やデザインシステムの構築に関心がある方
(目次)
■第1章 ユーティリティファーストとは何か
1.1 ユーティリティファーストによるマークアップの基本
1.2 ユーティリティファーストのメリット
1.3 CSS設計の変化の歴史
1.4 既存のCSS設計から学べる教訓
1.5 なぜ今ユーティリティファーストなのか
■第2章 Tailwind CSSはどういうフレームワークか
2.1 Tailwind CSSが何を提供しているか
2.2 Tailwind CSSが何をやっていないか
2.3 まとめ
■第3章 Tailwind CSSを導入する
3.1 Tailwind CSSをインストールする
3.2 設定ファイルを書く──セットアップに必要な設定
3.3 設定ファイルを書く──テーマをカスタマイズする
3.4 開発用に確認する
3.5 エディタをセットアップする
■第4章 Tailwind CSSでマークアップする
4.1 Tailwind CSSにおけるマークアップ
4.2 基本的なユーティリティ
4.3 基本的なモディファイア
4.4 特殊な記法
4.5 公式プラグインを便利に使う
■第5章 Tailwind CSSの背後にあるコンセプトを理解する
5.1 プラガブルなCSSフレームワークであること
5.2 JITとは何か
5.3 関数とディレクティブ
5.4 Preflight
5.5 ダークモード
■第6章 Tailwind CSSでコンポーネントを設計する
6.1 CSSにとって抽象とは何か
6.2 コンポーネントの責務とインタフェース
6.3 コンポーネントに閉じないスタイルを前提に設計する
6.4 Tailwind CSSを補完するライブラリ群
■第7章 Tailwind CSSをカスタマイズする
7.1 設定ファイルの高度な利用
7.2 presetを配布・利用する
7.3 JavaScript APIを利用する
7.4 独自のプラグインを作成する
■第8章 Tailwind CSSを既存のプロジェクトに導入する
8.1 なぜ既存のプロジェクトにTailwind CSSを導入するのか
8.2 既存CSSとの衝突を避けるために気を付けること
8.3 まとめ
■第9章 ユーティリティファーストでデザインシステムを構築する
9.1 デザインシステムとは何か
9.2 デザイントークンを定義する
9.3 デザインシステムを継続的に運用する
9.4 Tailwind CSSだけでは担保できないデザインシステムの領域
(こんな方におすすめ)
・フロントエンドエンジニア、マークアップエンジニア
・デザインシステムの構築に興味があるデザイナー
・HTML+CSSはすでに身についているが、Tailwind CSSは使ったことがない方
・Tailwind CSSをすでに使っているが、より良い使い方を求めている方
・既存環境から移行やデザインシステムの構築に関心がある方
(目次)
■第1章 ユーティリティファーストとは何か
1.1 ユーティリティファーストによるマークアップの基本
1.2 ユーティリティファーストのメリット
1.3 CSS設計の変化の歴史
1.4 既存のCSS設計から学べる教訓
1.5 なぜ今ユーティリティファーストなのか
■第2章 Tailwind CSSはどういうフレームワークか
2.1 Tailwind CSSが何を提供しているか
2.2 Tailwind CSSが何をやっていないか
2.3 まとめ
■第3章 Tailwind CSSを導入する
3.1 Tailwind CSSをインストールする
3.2 設定ファイルを書く──セットアップに必要な設定
3.3 設定ファイルを書く──テーマをカスタマイズする
3.4 開発用に確認する
3.5 エディタをセットアップする
■第4章 Tailwind CSSでマークアップする
4.1 Tailwind CSSにおけるマークアップ
4.2 基本的なユーティリティ
4.3 基本的なモディファイア
4.4 特殊な記法
4.5 公式プラグインを便利に使う
■第5章 Tailwind CSSの背後にあるコンセプトを理解する
5.1 プラガブルなCSSフレームワークであること
5.2 JITとは何か
5.3 関数とディレクティブ
5.4 Preflight
5.5 ダークモード
■第6章 Tailwind CSSでコンポーネントを設計する
6.1 CSSにとって抽象とは何か
6.2 コンポーネントの責務とインタフェース
6.3 コンポーネントに閉じないスタイルを前提に設計する
6.4 Tailwind CSSを補完するライブラリ群
■第7章 Tailwind CSSをカスタマイズする
7.1 設定ファイルの高度な利用
7.2 presetを配布・利用する
7.3 JavaScript APIを利用する
7.4 独自のプラグインを作成する
■第8章 Tailwind CSSを既存のプロジェクトに導入する
8.1 なぜ既存のプロジェクトにTailwind CSSを導入するのか
8.2 既存CSSとの衝突を避けるために気を付けること
8.3 まとめ
■第9章 ユーティリティファーストでデザインシステムを構築する
9.1 デザインシステムとは何か
9.2 デザイントークンを定義する
9.3 デザインシステムを継続的に運用する
9.4 Tailwind CSSだけでは担保できないデザインシステムの領域
- 本の長さ384ページ
- 言語日本語
- 出版社技術評論社
- 発売日2024/1/26
- 寸法23 x 18.2 x 2.2 cm
- ISBN-10429713943X
- ISBN-13978-4297139438
よく一緒に購入されている商品
対象商品: Tailwind CSS実践入門 (エンジニア選書)
¥3,740¥3,740
最短で5月29日 水曜日のお届け予定です
在庫あり。
¥3,740¥3,740
最短で5月29日 水曜日のお届け予定です
在庫あり。
¥4,400¥4,400
最短で5月29日 水曜日のお届け予定です
在庫あり。
総額:
当社の価格を見るには、これら商品をカートに追加してください。
ポイントの合計:
pt
もう一度お試しください
追加されました
一緒に購入する商品を選択してください。
この商品を見た後に買っているのは?
ページ 1 以下のうち 1 最初から観るページ 1 以下のうち 1
商品の説明
著者について
1991年生まれ。名古屋大学大学院情報科学研究科を経て、2016年ピクシブ株式会社に新卒入社。フロントエンドを中心にWebエンジニアとしてクリエイター向けプラットフォームの開発に携わる。2020年よりピクシブ社内のデザインシステム「charcoal」の開発に関わり、Tailwind CSSを基盤技術の一つに選択。2022年にOSS化した。
著書(共著)に『入門GUI──Webブラウザで作る本格インタラクション』(インプレスR&D)がある。
X(旧Twitter):@f_subal
著書(共著)に『入門GUI──Webブラウザで作る本格インタラクション』(インプレスR&D)がある。
X(旧Twitter):@f_subal
登録情報
- 出版社 : 技術評論社 (2024/1/26)
- 発売日 : 2024/1/26
- 言語 : 日本語
- 単行本(ソフトカバー) : 384ページ
- ISBN-10 : 429713943X
- ISBN-13 : 978-4297139438
- 寸法 : 23 x 18.2 x 2.2 cm
- Amazon 売れ筋ランキング: - 35,790位本 (本の売れ筋ランキングを見る)
- - 67位Webプログラミング
- - 80位Web構築・管理
- - 406位プログラミング (本)
- カスタマーレビュー:
著者について
著者をフォローして、新作のアップデートや改善されたおすすめを入手してください。
著者の本をもっと発見したり、よく似た著者を見つけたり、著者のブログを読んだりしましょう
-
トップレビュー
上位レビュー、対象国: 日本
レビューのフィルタリング中に問題が発生しました。後でもう一度試してください。
2024年2月22日に日本でレビュー済み
Amazonで購入
エンジニアとデザイナーが強調して開発する上でとても参考になりました!
2024年2月18日に日本でレビュー済み
ユーティリティ、設定方法、プロジェクト導入方法は大体の書籍に載っているが、プラグイン開発やコンポーネントでどのように活かすかなどの入門的な事もしっかり書かれている。基礎と言えば基礎だが、これらのことは非常に大事だ。
Tailwind CSSのクラス説明の部分はかなりのページを割かれている。公式ドキュメントのクラスリファレンスの情報と表を日本語にした上で補足がある形に感じる。この書籍を読んだ後に公式のクラスリファレンスを見ると書籍と同じような記載なので読み方に抵抗も感じずスッと使いこなせるようになっている。TailwindCSSは所詮はCSSだから、クラスを使いこなせるか次第であり、その特長をしっかりと掴んでいる良書と思えた。
公式ドキュメントでは解りにくい部分を日本語でしっかり説明しつつも、ドキュメントを読める力を付けてくれている。しっかりとその後の読者の成長の導きと実践も考えてくれている入門書である。良書です。
Tailwind CSSのクラス説明の部分はかなりのページを割かれている。公式ドキュメントのクラスリファレンスの情報と表を日本語にした上で補足がある形に感じる。この書籍を読んだ後に公式のクラスリファレンスを見ると書籍と同じような記載なので読み方に抵抗も感じずスッと使いこなせるようになっている。TailwindCSSは所詮はCSSだから、クラスを使いこなせるか次第であり、その特長をしっかりと掴んでいる良書と思えた。
公式ドキュメントでは解りにくい部分を日本語でしっかり説明しつつも、ドキュメントを読める力を付けてくれている。しっかりとその後の読者の成長の導きと実践も考えてくれている入門書である。良書です。