CSS

2021.06.30

【おすすめ書籍】Sassを始めてみるならこの1冊

こんにちは!コーディングユニットの新垣です。

Sass?SASS?SCSS?
とにかく詳しくはよくわからないけど便利なものがあるらしい。
使ってみようかな..

という方におすすめな本をご紹介いたします!

ご紹介書籍「Web制作者のためのSassの教科書」

本日ご紹介するのは 「Web制作者のためのSassの教科書」です。

「Sass 参考書」などでググるとでてくる本の1冊ではないかと思います。

書籍の内容

  1. 第1章 Sassのキホン
  2. 第2章 Sassの利用環境を整えよう
  3. 第3章 これだけはマスターしたいSassの基本機能
  4. 第4章 高度な機能を覚えてSassを使いこなそう
  5. 第5章 現場で使える実践Sassテクニック
  6. 第6章 もっとSassを便利にするフレームワークやツール
  7. 第7章 Sass全機能リファレンス

おすすめポイント

1.Sassの歴史やメリット・デメリットの説明がある

Sassの導入を迷われている方は、以下のようなことを思っているのではないでしょうか。

  • なぜCSSではなく、Sassを使用している人がいるのか。
  • Sassを使用するメリットとデメリットは?
  • そもそも「Sass」が生まれた経緯って?
  • Sassの学習って大変なのでは?
  • よくわからないし、現状CSSで特に困っていないし..。

実際、私も上記のようなことを思っていました。
こちらの書籍では、これらのような疑問に答えています(第1章)。

私も第1章の内容を読んで、Sassを勉強してみようという気になりました。
何かを新しく学ぶことは大変なことなので、そのメリットやデメリットを把握した上で進めたいですよね。
こちらの本は、その点について丁寧に記載があるので、「Sassを導入するかどうか自体を迷っている」という方にもおすすめです!

2.利用環境設定の説明がある

「Sassを使ってみようかな」と思って最初につまずくのは、Sassをコンパイル(CSSに変換)するための環境設定だと思います。

私も「とりあえず始めてみたいのだけど、そもそも何から始めれば良いの?」という状況に陥りました…

が、こちらの書籍では、利用環境の設定方法についても丁寧に説明されています。利用環境を設定するために必要なことがゼロから記載されているので、書籍のとおりに進めていくだけで利用環境が整います。

この説明は、Macの場合とWindowsの場合と分けて書かれており、本当に丁寧だと思います。

3.基本機能/応用機能/実践テクニックに分かれている

Sassは、本当に多くの機能があります。きっとどの機能も便利なものですが、一度に全てを覚えて使いこなすのは難しいです。

「じゃあどの機能から学べば良いの?」となりますが、こちらの書籍では、

  • 基本機能(第3章)
  • 応用機能(第4章)
  • 実践テクニック(第5章)

に分けてそれぞれの機能が説明されています。

とりあえず基本機能を学んでSassを使えるようになり、次に応用機能のうち活かせそうな機能を覚えつつ、さらに実際の現場ではどのように使われているのか学ぶ..という感じで進めることができるのでとってもおすすめです!

4.全機能リファレンスがある

「Sassの機能はだいたい覚えたけど、細かい書き方やたまに使う機能などはいつもググっている」という状況の人に特におすすめなのが、この全機能リファレンス(第7章)です。

「あの機能使いたいけど、書き方なんだっけ」と辞書のように使えるので、便利です。毎回ググるのも大変なので、自分がなかなか覚えられない機能の部分に付箋を貼っておくのもよいかもしれないですね!

〈まとめ〉Sassを導入してコーディングスピードをあげよう!

今回は、「Web制作者のためのSassの教科書」をご紹介しました。

私もSassを使うかどうか迷っている時期もあったのですが、実際使い始めたところ、入れ子や関数などとても便利な機能が多く、今となってはCSSでそのまま記述するのは少し嫌だな〜と思うくらいです。笑

Sassを使用すること自体は無料ですし、難しそうな環境構築も一度行ってしまえば何度も必要になることではないので、ぜひ試してみてください!

そして、Sassを始めて扱う方にとってもおすすめな書籍はこちらです!ぜひ覗いてみてください!

Web制作者のためのSassの教科書

0

関連記事

  • 2021.07.20

    画面遷移時にページ全体をフェードさせる方法

    CSS

    JavaScript

  • 2021.07.14

    CSSだけで固定背景(パララックスデザイン)を実装する方法【iOS対応方法も紹介】

    CSS

  • 2021.07.13

    (簡単)inputをクリックしたときの枠線の色を変える

    CSS

おすすめ記事

  • 2021.06.30

    【おすすめ書籍】Sassを始めてみるならこの1冊

    CSS

  • 2021.05.11

    【おすすめ書籍】この本でゼロからWebサイト制作を学びました

    CSS

    HTML5

  • 2021.05.24

    【おすすめ書籍】動くデザインを作る時にまず読んでほしい本

    JavaScript

株式会社スピカデザイン

渋谷のWEB制作会社「スピカデザイン」の現役コーダー達が、WEB制作のヒントになるような情報をお届けします。

https://spiqa.design/

spiqa_design

質問・感想などはこちら!

REQUEST

ご意見、感想や記事のリクエストなど
メッセージお待ちしております!