SassでCSSを書き直す

こんにちは、ma-ya’s CREATE［まーやずくりえいと］です。

ふと思い立ち、ここ数日このサイトのCSSをSassで再構築していたんですが、今日一通り完了しました。

HOW TO系の記事ではないのでなんの実りも無い記事ですが、どこかに記しておきたくて記事にしてます苦笑

Sassに関しては学習コストが低く、基本のCSSさえ押さえておけばそこまで苦労しないかと思います。

記述方は忘れたら検索すれば腐るほど出てきますし。

理想を言えば、何か一つでもプログラミング言語を触っておくとより理解しやすいかも。

WEBデザイン系の仕事をしているのであればJavaScriptとかになりますかね。

SassはCSSをプログラミング言語”風”に記述ができる言語なので、if文やfor文の知識があればよりすんなりと理解できるかと思います。

というか、記法の理解よりもハードルが高いのはむしろ導入時。。

結局、Sassで書いたファイルをCSSファイルにコンパイルする必要があるので、導入時にその環境をPCに構築する必要があるんです。

ぼくの場合は↓のような感じで環境を構築しました。

• 絶対つまずかないGulp入門(2018年版)

gitをちょろっと（ほんとにちょろっと）かじった事はあったので、いわゆる”黒い画面”にそこまで拒否反応は無かったんですが、それでもよぎる一抹の不安。

ただ実際は環境構築の為にかかった時間は10分程度。

慣れれば数分で終わるので、まだ導入したことが無い方は一度試してみると良いと思います。