本記事では、CSS設計の勉強におすすめの参考書を紹介しています。
気になった参考書があれば、購入する前にAmazonの無料試し読みで内容を確認することをおすすめします。
表紙がイラストをたくさん使っているから、内容も初心者向けだろうと思い購入してみたら、図解での説明が少なく文字で埋め尽くされている参考書だった。。なんてこともありますので。
Amazon Kindle Unlimited
Amazon Kindle Unlimitedに登録すると、月額980円で読み放題だからオススメだよ!
初回30日間は無料だから、まだ登録したことのない人はぜひ試してみてね!
変数名/関数名にもう悩まない!
- 美しいコードが書けるが自然と書けるようになる
- 他の開発者が理解しやすいコードになる
CSS設計完全ガイド ~詳細解説+実践的モジュール集
出版社 | 技術評論社 |
著者 | 半田 惇志 |
発売日 | 2020/2/27 |
ページ数 | 512ページ |
- CSSの歴史と問題点
- CSS設計の基本と実践
- さまざまな設計手法
- レイアウトの設計
- CSS設計モジュール集① 最小モジュール
- CSS設計モジュール集② 複合モジュール
- CSS設計モジュール集③ モジュールの再利用
- CSS設計をより活かすためのスタイルガイド
- CSS開発に役立つその他の技術
CSS設計におけるレイアウトとモジュールの分離など重要視しないといけないポイントがわかり易く網羅されており、保守性の高いコードを書く為のルールが具体例をまじえ丁寧に書かれています。
引用元:Amazon
自分もレビューを見てこの本を購入しましたが、良書と言って間違いないと思います。
もちろんこれがベスト!というルールは存在しないが、状況によりどのルールを軸に組んでいくべきか?という思考が出来るようになると思います。お奨めです。
今までで1番良い本だった。cssの知識があって仕事で実践している人にはおすすめ。急な修正に対応したいのに、歴代で作ってきた人達の個性が出過ぎて、更新しづらくて困っていた。css関係の本を読みあさってこの本にたどりついた。読み進めていくうちに知識が深まり、ぼんやりと霞んでいたcssがどうしていくべきかクリアになっていく。厚みはあるが一つ一つ丁寧に説明があるので分かりやすかった。筆者の他の本も希望。html についても見てみたい。
引用元:Amazon
Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法
出版社 | インプレス |
著者 | 谷 拓樹 |
発売日 | 2014/7/24 |
ページ数 | 216ページ |
- CSSにおける設計とは
- CSSの基本を振り返る
- コンポーネント設計のアイデア
- コンポーネント設計の実践
- CSSプリプロセッサを用いた設計と管理
- コンポーネントの運用に必要なツール
- Web Componentsの可能性
もっと早く読めばよかった!cssを独学で勉強している人には必須だと思います。
引用元:Amazon
人のコードを見ていて、なぜこのクラス名をつけるのか?という疑問が解けました。
自分で作っていてcssが崩壊することもなくなりました。
おススメです。
中級者を対象にしているといったレビューもありますが、むしろ初学者のうちにこの本を手にすることは今後のマークアップスキル向上速度を大きく飛躍させること間違いありません。
引用元:Amazon
CSSの設計手法の考え方を身につけるには非常に優れておりよくまとまっています。
現場のプロから学ぶ CSSコーディングバイブル
出版社 | マイナビ出版 |
著者 | 田村 章吾 |
発売日 | 2021/8/27 |
- CSSの基本と設計
- CSSの基礎知識
- CSSを効率的に書くSass
- サンプルで学ぶCSSコーディング
cssの基本的なところから、
引用元:Amazon
sassの利用方法、実際の現場での使われ方など
網羅的に学べるのがいいなと思いました。
全くの初心者の方には、最初読むのが大変かもしれない部分はありますが、ある程度書けるようになってきた人には、なぜそうするのか?という考え方や理由がわかり、役に立つと思います。
また実務で、HTML/CSSコーディングしてる人が
これまでなんとなく書いてたことなども、わかりやすくまとめてあり、まさに多くの人のバイブルになりえる本だと思います。このバイブルを基に、もっと効率的で、もっと短く、もっと読みやすく、もっとメンテナンスしやすく記述できるように精進していきたいと思います。
引用元:Amazon
ざっくりつかむ CSS設計
出版社 | マイナビ出版 |
著者 | 高津戸 壮 |
発売日 | 2021/12/23 |
- CSSを書くということについて
- CSS設計が無いと困ること
- とりあえずBEM
- BEMのB = Block
- BEMのE = Element
- BEMのM = Modifier
- BEMその他
- SMACSS: Baseルール
- SMACSS: Layoutルール
- SMACSS: Themeルール
- ユーティリティクラス
- 名前空間的接頭辞
- Block間の余白の設計
- プロジェクトの中でうまく立ち回る
- スタイルガイドのススメ
- ビルドしてCSSを作る
- もっとコンポーネント
- ユーティリティファースト
WEB独学の初心者です。
引用元:Amazon
カオスの状態のCSSを打開すべく購入した本。欲しかった内容でした。こんなに散らかるのは私だけかとおもっていましたが、世界中の多くの人がなやみ、苦しんでいる課題だと知りました。
CSSの基礎がひととおり身に着いたころに読むと、なるほどと思えることがいろいろとかいてあると思います。
私自身コーディング実務15年の者ですが、非常に参考になりました。
この本は「こうしろ、ああしろ」「こうあるべきだ」などと、オレオレ設計論を語る教祖のような内容ではなく、実際にコードを書く人(コーダー)の立場に寄り添った、現場の先輩のような内容になっていて、最後まで安心して読むことができました。コードの書き始めから書き終わった結果までの思考回路がまさに「あるある」話で、著者がどのように乗り越えてきたかという点も紹介されています。
引用元:Amazon