Sass – CSSを効率的に書くためメタ言語

HTMLとCSSを覚えて、もし余裕があれば、Sass（サス）にも挑戦してみましょう。現場によってはもうCSSではなく、Sassを標準として使っている場合もあります。なので、少しハイレベルなWeb制作会社に入社したければ、基礎は習得しておく必要があります。

Sassとは？

SassはCSSをより便利にした書き方だと覚えれば大丈夫です。

Sassの書き方

CSSでは、例えばheader内のタイトルとテキストに何かスタイルを適用させる場合は、このように書きますよね。

一方、同じことをSassでは、このようにネスト（入れ子）にして書くことができます。書く量が減るので、開発スピードが上がります。だいぶ楽です。
Sassには二種類の記法（sass記法とscss記法）がありますが、上のscss記法が今は主流です。

他にも、変数やmixinなど、SassはCSSを快適に書くための機能が豊富なので、コーディングをより早くしたいと思っている人はぜひ導入してください。

Sassの勉強方法

Sassの概要については、Ferretの記事が詳しいのでこちらを参考にしてください。
→Sassとは？〜今からでも遅くない！基礎から学ぶSass入門

よりSassを詳しく勉強したい方は、書籍では、このピンクの本『Web制作者のためのSassの教科書』が定番でおすすめです。

Sassの導入方法からSass独自の機能まで詳しく解説されているので、この本を一冊やり終えれば、基本はがっつり押さえられます。最近改定されて内容が刷新されました。

僕も旧版ですが持ってます。

就職・転職前にSassをどれくらい習得しておくべきか

最初にも書いたとおり、Sassは現場によっては標準で使われるようになってきました。でも、新人の方はまずはHTMLとCSSをマスターすることが先決です。Sassはコンパイル作業で、ターミナルやコマンドプロンプト（黒い画面）を使うため、完全な素人の方には少しややこしいかもしれません。あ、でも全然難しくはないんですよ。

なので、余裕が出てきたら、Sassにもぜひトライしてみてください！