My recommended books – vol.1「CSS設計完全ガイド〜詳細解説+実践的モジュール集」

My recommended booksでは

Light Webの制作スタッフおすすめの書籍を紹介します。
ウェブ制作の現場で、自身のスキルアップのために実際に選んで、読んで、学んだ書籍をリアルな感想とともにレビューしますので、ぜひ参考にしてください。

今回のおすすめの1冊はこれ!

CSS設計完全ガイド
詳細解説+実践的モジュール集

本の表紙:「CSS完全設計ガイド〜詳細解説+実践的モジュール集」

Data

出版社 技術評論社
発売日 2020/2/27
サイズ B5変形板/512ページ
価格 3,608円(税込)
著者 半田惇志
電子版 あり
Amazonで購入!

Report

こんにちは。Light Webでアルバイトをしていますヤマです。
入社して半年が経ちましたがまだまだ、勉強することが山積みです!
今回は私がLight Webに入社して初めて勉強した一冊をご紹介をしたいと思います。

この本を選んだ理由

フロントエンジニアの勉強をスタートして、自分なりに重要だなと思ったのがCSSをどう組み立てるかということでした。
作業が進むに連れて、カオス状態になるコード。どうしたら効率良く書けるのかと、色々調べてはみたのですが、ネット検索ではどうしても情報をまとめられずに、書籍で学ぶことにしました。
『完全設計ガイド』⇦このタイトルに惹かれ(笑)少しでも解決に近づけたらと手に取った一冊です。

この本のここがよかった!

タイトル通り、CSSの設計について解説しているのはもちろんですが、フロントエンドエンジニアが知っているべき知識や手法についてもふれているので、私のように独学で学び、知識に偏りのあるものにとっては新鮮な発見がありました。
よく使用されるモジュールのネーミングとコード、またその応用仕方などがわかりやすく解説されていて、すぐにでも活用できる内容も満載です。
また、実際にWebデザインの現場で導入することで効率や質が上がりそうな手法やシステムなどの紹介もあり、初心者からベテランと幅広く読み応えのある書籍だと感じました。

こんな仕事に役立ちそう

CSSを設計する際に、この本で紹介されているモジュール集を組み立てサイトの作成に役立てることができそうです。
すでに実践しているのは、この書籍で知ったショートハンドの手法です。自分に合うものを探して積極的に取り入れています。これまでの作業と比べるとまるで魔法を使ったかのような感覚で感動しています。

この本をおすすめしたい人

この本のメインのコンテンツは、作者の方が開発した設計法をBEMの手法と比較しながら解説するという内容です。
私のような経験が少ないものにとっては、それを真似ることで知識になりますし、ベテランの方にとっては考え方や組み立て方などが読み物として面白く感じるのではと思います。
フロントエンドエンジニアの仕事に携わる初心者からベテランまで幅広くお勧めします。

Summery

  • Chapter1
    CSSの歴史と問題点
  • Chapter2
    CSS設計の基本と実践
  • Chapter3
    さまざまな設計手法
  • Chapter4
    レイアウトの設計
  • Chapter5
    CSS設計モジュール集① 最小モジュール
  • Chapter6
    CSS設計モジュール集② 複合モジュール
  • Chapter7
    CSS設計モジュール集③ モジュールの再利用
  • Chapter8
    CSS設計をより生かすためのスタイルガイド
  • Chapter9
    CSS開発に役立つその他の技術

<ページ見本>

今回紹介した書籍はこちらからご購入いただけます
Amazonで購入!
次回もお楽しみに!

Light Webからのお知らせ

ライトウェブはプライバシーマークを取得しました!
今までも個人情報を取り扱う案件に携わって参りましたが、
より安心してお任せいただけるようになりました。
今後ともライトウェブをよろしくお願い致します!