![[堀口 誠人]の最強のCSS設計 チーム開発を成功に導くケーススタディ](https://images-fe.ssl-images-amazon.com/images/I/51KuFj40zfL._SX260_.jpg)
内容紹介
CSS設計を実践的に解説したはじめての書籍！
※この電子書籍は、「固定レイアウト型」で配信されております。説明文の最後の「固定レイアウト型に関する注意事項」を必ずお読みください。
CSS設計にベストプラクティスはありません。どのような設計にも必ずメリットとデメリットが存在します。そのため、どのようなプロジェクトにも完璧に適応できるCSSを設計する方法はないのです。
ではどうすればいいのか？ ある程度のところで妥協するしかないのか？ というとそうではありません。その時々に応じたベターな設計を行うことはできるのです。
本書が定義する最強のCSS設計とは、「対象のプロジェクトにがっちり最適化されたCSS設計」のことです。最強のCSS設計を目指すためには、まずプロジェクトの概要や周囲の環境をしっかりと把握する必要があります。そして、プロジェクトの進行中に起こりうる失敗パターンを想定し、それを的確に回避して成功パターンへと導ける設計のこと。それが最強のCSS設計です。
本書では、最強のCSS設計を目指し、そのために必要なノウハウを順を追って解説します。
●目次
CHAPTER01 実践的なCSS設計とは
01-01 これまでのCSS設計
CHAPTER02 CSS設計のためのさまざまな手法
02-01 OOCSS
02-02 SMACSS
02-03 BEM
ほか
CHAPTER03 Sassを導入しよう
03-01 CSSメタ言語とは
03-02 Sassの導入
03-03 CSS設計に役立つSassの機能
CHAPTER04 ケーススタディ（1） OOCSS、SMACSS編
04-01 プロローグ
04-02 OOCSSの基本
04-03 SMACSSの基本
04-04 Layoutの活用
04-05 エピローグ
CHAPTER05 ケーススタディ（2） BEM編
05-01 プロローグ
05-02 BEMの基本
05-03 さまざまなModifierの使い方
ほか
CHAPTER06 ケーススタディ（3） こんなときどうする？
06-01 JavaScriptのフック
06-02 引き継いだプロジェクトのCSS設計が解読できない
06-03 モジュール？ コンポーネント？ 言葉の意味がいろいろありすぎてわからない！
06-04 ソースコードの内容がわからない！
06-05 既存のモジュールの存在に気づかず、同じようなコードを書いてしまった！
06-06 ちょっとしたスタイルを気軽に付与するテクニックが知りたい！
06-08 クラス名をつけるのにすごく迷う！
ほか
固定レイアウト型に関する注意事項（必ずお読みください）
この電子書籍は、全ページ画像の「固定レイアウト型」で配信されております。以下の点にご注意し、購入前にプレビュー表示をご確認の上、ご購入ください。
■使用できない機能
・文字拡大（ピンチイン・ピンチアウトは可能ですが、画面におさまらない場合は画面をスワイプ）／文字のコピー／マーク／ハイライト／文字列検索／辞書の参照／Web検索／引用
■推奨環境
・タブレットなど大きいディスプレイを備えた端末
・Wi-Fiネットワーク経由でのダウンロード（Kindle端末の場合）
※この電子書籍は、「固定レイアウト型」で配信されております。説明文の最後の「固定レイアウト型に関する注意事項」を必ずお読みください。
CSS設計にベストプラクティスはありません。どのような設計にも必ずメリットとデメリットが存在します。そのため、どのようなプロジェクトにも完璧に適応できるCSSを設計する方法はないのです。
ではどうすればいいのか？ ある程度のところで妥協するしかないのか？ というとそうではありません。その時々に応じたベターな設計を行うことはできるのです。
本書が定義する最強のCSS設計とは、「対象のプロジェクトにがっちり最適化されたCSS設計」のことです。最強のCSS設計を目指すためには、まずプロジェクトの概要や周囲の環境をしっかりと把握する必要があります。そして、プロジェクトの進行中に起こりうる失敗パターンを想定し、それを的確に回避して成功パターンへと導ける設計のこと。それが最強のCSS設計です。
本書では、最強のCSS設計を目指し、そのために必要なノウハウを順を追って解説します。
●目次
CHAPTER01 実践的なCSS設計とは
01-01 これまでのCSS設計
CHAPTER02 CSS設計のためのさまざまな手法
02-01 OOCSS
02-02 SMACSS
02-03 BEM
ほか
CHAPTER03 Sassを導入しよう
03-01 CSSメタ言語とは
03-02 Sassの導入
03-03 CSS設計に役立つSassの機能
CHAPTER04 ケーススタディ（1） OOCSS、SMACSS編
04-01 プロローグ
04-02 OOCSSの基本
04-03 SMACSSの基本
04-04 Layoutの活用
04-05 エピローグ
CHAPTER05 ケーススタディ（2） BEM編
05-01 プロローグ
05-02 BEMの基本
05-03 さまざまなModifierの使い方
ほか
CHAPTER06 ケーススタディ（3） こんなときどうする？
06-01 JavaScriptのフック
06-02 引き継いだプロジェクトのCSS設計が解読できない
06-03 モジュール？ コンポーネント？ 言葉の意味がいろいろありすぎてわからない！
06-04 ソースコードの内容がわからない！
06-05 既存のモジュールの存在に気づかず、同じようなコードを書いてしまった！
06-06 ちょっとしたスタイルを気軽に付与するテクニックが知りたい！
06-08 クラス名をつけるのにすごく迷う！
ほか
固定レイアウト型に関する注意事項（必ずお読みください）
この電子書籍は、全ページ画像の「固定レイアウト型」で配信されております。以下の点にご注意し、購入前にプレビュー表示をご確認の上、ご購入ください。
■使用できない機能
・文字拡大（ピンチイン・ピンチアウトは可能ですが、画面におさまらない場合は画面をスワイプ）／文字のコピー／マーク／ハイライト／文字列検索／辞書の参照／Web検索／引用
■推奨環境
・タブレットなど大きいディスプレイを備えた端末
・Wi-Fiネットワーク経由でのダウンロード（Kindle端末の場合）
内容（「BOOK」データベースより）
現場で使えるCSS設計。OOCSS、SMACSS、BEM…。CSS設計に関する理論はたくさんありますが、開発メンバーも規模も違うプロジェクトでそのまま使用できることはあまりありません。本書では、現実のプロジェクトに適用するために、既存のCSS設計手法をどうアレンジするべきかをケーススタディ形式でやさしく解説していきます。全フロントエンドエンジニア必携の1冊!!
