ProgateのSassコース完走!次は「現場のプロから学ぶCSSコーディングバイブル」~CSSとSassの基本と設計、実務テクニックまで~

jQueryを終えてから、PCに向かえる時間はProgateのSass(読み方は「サス」)コースに取り組みました。CSSもある程度慣れてきているので、とても完走しやすかったです。このSassですが、これを利用すると効率的にCSSを書くことができ、実際の制作現場ではほぼ使われているそうなので、必須の知識になるそうです。

慣れるのにそこまで時間はかかりそうにありませんが、実際に開発レベルでは別ファイルに「.scss」の拡張子でファイルを作り、それを「.css」にコンパイルしていく必要があるそうです。

このコンパイルする方法にはいろいろあるそうですが、まずは簡単なやり方で慣れていきたいと思います。確かしょーごさんがVSコードの拡張機能を紹介されているYouTube動画にコンパイルを楽にしてくれるものがあったような・・・後で調べてみます^^;

ちなみにProgateのSassを終えた後、しょーごさんがお勧めしている

「現場のプロから学ぶCSSコーディングバイブル」
CSSとSassの基本と設計、実装テクニックまで

という書籍を参考に学習を進めています。今のところ「CSS設計完全ガイド」という本も同時並行で進めていますが、その本を読む前にこちらの本を先に読んだ方が、レベル感的には良いかなと思います。(※しょーごさんのロードマップ的には「現場のプロから~」→「CSS設計完全ガイド」という順番です)

こちらの本もCSS設計については軽く前半で触れていますので、「CSS設計完全ガイド」を読み込む下地が作れそうです。また、軽く触れているとはいえ、説明もカラー図解を利用して分かりやすく端的にしてくれていますので、スッと頭に入ってきます。「CSS設計完全ガイド」の方は文章量が多いので、先にこちらの本で代表的なCSS設計の解説に触れておくと、「CSS設計ガイド」の前半部分もスッと読み進めることができると思います。

まだ完走はしていないので、どんどん読み進めてみようと思います。

この記事を書いた人