ざっくりつかむ CSS設計|978STORE

978STORE

【978STORE キュー・ナナ・ハチ ストア】は市販書籍の電子版・電子オリジナル書籍・オンデマンド書籍が買えるお店です

 試し読み
9784839977665.jpg

購入形態

EPUB(リフロー)
3,168円
数量:

カートに追加されました。カートを見る

カートに入れる
紙の本を買う

ざっくりつかむ CSS設計

マイナビ出版

Web制作の現場でこれだけは知っておきたい、CSSの扱い方、管理、運用の基本!

EPUBリフロー版は2022年1月18日発売予定。

Web開発が複雑化した現在、CSSについても仕様や知識を知っているだけでは対応できない問題が増えています。
破綻しないCSSを組むには、どのように考えて設計すればよいか? デザイナーや他の開発者と連携する場合のルール作りは? ReactやVue.jsを使ったWeb開発の案件の場合はどうしよう? Sassなどを使ってビルドする場合は? ……などなど。
本書は、これからWebサイト制作・開発の現場に入る人や、現場で悩んでいる人を対象に、CSSの設計についてわかりやすく解説するものです。
BEMやSMACSSといった設計手法、余白の設計、スタイルガイド、SassやAutoprefixer、PostCSSなどを使ったビルド、ユーティリティファーストという考え方。
Web制作・開発に多種多様な選択肢がある中で、プロジェクトの要件と状況に応じて最適なCSS設計を導き出すための「思考」を鍛える内容となっています。

●本書の構成
本書はトピックごとに分かれた短い24の章で構成されています。

第1回 CSSを書くということについて
第2回 CSS設計が無いと困ること
第3回 とりあえずBEM
第4回 BEMのB = Block
第5回 BEMのE = Element
第6回 BEMのM = Modifier
第7回 BEMその他
第8回 SMACSS: Baseルール
第9回 SMACSS: Layoutルール
第10回 SMACSS: Themeルール
第11回 ユーティリティクラス
第12回 名前空間的接頭辞
第13回 Block間の余白の設計: 前編
第14回 Block間の余白の設計: 中編
第15回 Block間の余白の設計: 後編
第16回 プロジェクトの中でうまく立ち回る
第17回 スタイルガイドのススメ
第18回 ビルドしてCSSを作る: 書いたCSSはそのまま使わない
第19回 ビルドしてCSSを作る: Sass
第20回 ビルドしてCSSを作る: Autoprefixer
第21回 ビルドしてCSSを作る: PostCSS
第22回 もっとコンポーネント: 汎用的なBlock、限定的なBlock
第23回 もっとコンポーネント: Blockの入れ子
第24回 ユーティリティファースト

●対象とする読者
「この本の読者として想定したのは、フロントまわりの実装を主業務とする会社に入ってきた、新しいメンバーである。新しいメンバーと言っても、すでに高いスキルを持っているような人物は想定していない。まだWebの技術にそこまで詳しくはなく、これから開発のスキルを高めていこうと考えているような人物を想定している。そのような人に対し、実務で覚えろ、経験だと丸投げするわけにはいかない。
この能力は単純に何かを暗記したり、仕組みを理解するだけでは成り立たない部分がある。なので、とりあえず参考書としてこの本を読んで下さい。そう言って渡したい内容をまとめたのがこの本である。

・こういうことを知っていてくれたら、仕事を頼む側としてはすごい助かる
・こういうことを知っていたら、きっとあなたはCSS設計を行う役割として、周りと適切にコミュニケーションをとっていける

そんな内容にしたいと考えた。」(著者「はじめに」より)

長らくWebサイト制作/アプリケーション開発の現場に身を置いてきた著者が、その経験を踏まえてまとめた本書を、ぜひご活用ください!

発売日:2021-12-23

ページ数:272ページ

著者プロフィール

  • 高津戸 壮(著者)

    高津戸 壮(タカツド タケシ)
    株式会社ピクセルグリッド テクニカルディレクター
    Web制作会社、フリーランスを経て、株式会社ピクセルグリッドに入社。数多くのWebサイト、WebアプリケーションのHTML、CSS、JavaScript実装に携わってきた。受託案件を中心にフロント周りの実装、設計、テクニカルディレクションを行う。スケーラビリティを考慮したHTMLテンプレート設計・実装、JavaScriptを使った込み入ったUIの設計・実装を得意分野とする。
    著書に『改訂版 Webデザイナーのための jQuery入門』(技術評論社)がある。

絶賛!発売中!

書籍一覧へ

  • 20553_1025015_s.jpg
    私、コスモの目になる!
    ノンフィクション・評論
    わけあって、青森県のとある高校馬術部にやってきた盲目の牝馬と、3年間、その世話を担当した女子高校生との心の交流を描いた感動のノンフィクション。長渕文音主演「三本木農業高校、馬術部~盲目の馬と少女の実話~」の原案となった作品。
  • 20234_1016881_s.jpg
    なぜアップルの時価総額はソニーの8倍になったのか?
    ビジネス・経済 読み物
    誰もが知っているあの会社のマーケティング戦略が、どのように数字=収益に結び付いているのか。マーケティング戦略と会計・財務戦略がドッキングした2倍おいしいビジネス解説書。
  • 20234_1016880_s.jpg
    金融危機の本質は何か
    投資・金融
    サブプライム問題は金融危機へと波及した。そこで使われたデリバティブ取引は諸悪の根源なのか? ファイナンス理論とその正しい使い方を現実に即して面白く読ませる。
  • 20553_1017017_s.jpg
    家庭力
    人文・思想その他
    いま日本社会では、崩壊する過程が激増している。愛情や血縁という自然なものに頼っていては、もはや家庭は維持できないのだ。そんななか、私は家庭を経営する基本は「時間管理」だと考えてきた。そして、その経営の中心は子育てである。子どもと家庭がみな笑顔でいるために、親ができること、しなくてはならないことがたくさんある。学力向上も、早寝早起き朝ごはんも、子どもと家族の幸せのためにあるのだ。「家族の幸福プロデューサー」であるために、できることからはじめよう。