NoteWebディレクター・ハラヒロシのブログ

CSSを効率的に書ける「Sass」に挑戦

「Sass」とか「Less」とか、今まで触れる機会がなかったのですが、仕事で使いそうな状況になったので普段コードを書かない自分が自ら率先して挑戦することに。まずは、こういう機会をいただいたことに感謝!
教えていただいた下記サイトをもとに、一通り概要を理解。
url Sassを覚えよう – CSS HappyLife
簡単にいうと
1)「.scss」ファイルを
2)変換(コンパイル)して
3)CSSファイルを作成

ということらしい。
.scssファイル上ではCSSのセレクタをネストして書くことができて、変数の利用や演算も可能。これをコンパイルするとCSSが生成される。なるほどなるほど。最初はちょっと覚えるので時間とられそうだけど、慣れれば確実に効率化できそうな感じ。
Scout」というAIRアプリでSassを動作させることができるらしいので、早速ダウンロード。インストールでつまづいたけど、下記記事を読んで解決。
url SCOUT導入時の注意
url Scoutが起動(監視)できない(Potato Tips Shinjaga)
もうちょっとやりたいけど今日はここまで。