Shoeisha Technology Media

CodeZine(コードジン)

記事種別から探す

CSSはメンテナブルこそ正義! カオスになって破綻しないための『はじめてのCSS設計』

  • LINEで送る
  • このエントリーをはてなブックマークに追加
2017/03/13 07:00

 フロントエンドエンジニアだけでなくバックエンドエンジニア、Webデザイナーも触れるようになってきたCSSですが、その自由度の高さゆえにコードが肥大化して手をつけられなくなることもありえます。翔泳社では、そんなカオスを避け、整然とした保守・運用を実現するための『はじめてのCSS設計』を3月13日に刊行します。

はじめてのCSS設計 フロントエンドエンジニアが教えるメンテナブルなCSS設計手法』は、CSSのコーディングで発生しがちな問題を事前に回避するための設計手法が学べる解説書です。

 CSSは自由度が高く手軽に書くことができるため、つい思いつきで上書きや編集・修正を繰り返してしまうことがあるのではないでしょうか。その結果、思いもしないところでレイアウトが崩れたり、ファイルが肥大化してどこを編集すればいいのかわからなくなったりすることがあります。

 本書はそんなカオスを避けるために、基本から実装方法までを実際のWebサイト構築フローに沿って解説します。大事なことは理想のデザインの実現だけでなく、保守・運用を考慮すること。メンテナブルであることこそが正義なのです。

 フロントエンドの開発作法を学びたいエンジニアや、Webアプリケーションを作りたいWebデザイナー、フルスタックを目指す方に本書をおすすめします。

目次

PART-1 CSS設計の前提
Chapter-01 CSSの設計
Chapter-02 CSSの仕組みと特性
Chapter-03 CSSの破綻

PART-2 メンテナブルなCSS
Chapter-04 基本フォーマット
Chapter-05 カテゴライズ
Chapter-06 命名規則
Chapter-07 スタイルガイド

PART-3 CSS設計のプロセス
Chapter-08 ページ構成要素の洗い出し
Chapter-09 コンテンツのモジュール化
Chapter-10 Sass を利用した効率的なモジュール設計
Chapter-11 モジュール設計

PART-4 CSS設計の実践
Chapter-12 サンプルサイトとその概要
Chapter-13 gulp の構築
Chapter-14 ベースルールを考える
Chapter-15 HTML テンプレートの作成
Chapter-16 コンテンツモジュールの作成
Chapter-17 モジュールを利用したページ制作

APPENDIX Flexible Box Layout
Appendix-01 Flexible Box Layout Module
Appendix-02 実装方法とプロパティについて

はじめてのCSS設計

Amazon SEshop その他


はじめてのCSS設計
フロントエンドエンジニアが教えるメンテナブルなCSS設計手法

著者:田辺丈士、大江遼、藤岡龍太、安光太郎、株式会社アイ・エム・ジェイ
発売日:2017年3月13日(月)
価格:2,894円(税込)

本書について

CSSの言語的な特性から、「SMACSS」や「BEM」といったCSS設計の 方法論、CSSプリプロセッサ「Sass」の導入、保守・運用までを考慮した破綻しないCSS設計を学べます。

 



  • LINEで送る
  • このエントリーをはてなブックマークに追加

著者プロフィール

バックナンバー

連載:翔泳社 新刊紹介

もっと読む

All contents copyright © 2006-2017 Shoeisha Co., Ltd. All rights reserved. ver.1.5