のらねこの気まま暮らし

技術系だけど、Qiita向きではないポエムとかを書くめったに更新されないヤツ

SassとCompassをMBAにインストールした記録

はじめに

Sassとは、言わずもがな知れたCSSフレームワーク
詳しいことは僕もしらないけど、ぐぐれば出てくる大変便利なフレームワーク

Compassとは、そのSassを更に便利に使うフレームワーク
Sassよりいろいろよしなにしてくれるらしい。


CSSを書くのって割りと疲れる。
一つのスタイルを当てたいのにブラウザごとの違いを意識しなければならなかったり、同じような名用を使いまわせずコピペしたり、内容がふくれあがって可読性が落ちたり。

そういうちょっと面倒なところをよしなにしつつ、圧縮したりほんとうによくしてくれる、らしい。

ただ注意点として、CSSのコーディングルールがキチンと定まっていない状態で導入しても、ベンダープリフィクスを書く手間が減ったりするだけで、結局可読性とか使いやすさが向上するとは限らない。

きちんとCSSを使えた上で、さらに効率と運用性を求めるのであれば大切だけど、そうじゃないならきちんとCSSを勉強すべき、だと思う。経験的に。

Sass

(mizuki)$ sudo gem install sass
Password:
Successfully installed sass-3.1.20
1 gem installed
Installing ri documentation for sass-3.1.20...
Installing RDoc documentation for sass-3.1.20...

sassのversionが"3.2.0.alpha.35"じゃないと使えない機能があるらしいので確認。

(mizuki)$ sass -v
Sass 3.1.20 (Brainy Betty)

というわけでアップデートする。

(mizuki)$ sudo gem install sass -v 3.2.0.alpha.35                                                                                                                                            
Successfully installed sass-3.2.0.alpha.35
1 gem installed
Installing ri documentation for sass-3.2.0.alpha.35...
Installing RDoc documentation for sass-3.2.0.alpha.35...

これでSassが入りましたよ。

Compassをインストールする

(mizuki)$ sudo gem install compass                                                                                                                                                           
Successfully installed chunky_png-1.2.5
Successfully installed fssm-0.2.9
Successfully installed compass-0.12.2
3 gems installed
Installing ri documentation for chunky_png-1.2.5...
Installing ri documentation for fssm-0.2.9...
Installing ri documentation for compass-0.12.2...
Installing RDoc documentation for chunky_png-1.2.5...
Installing RDoc documentation for fssm-0.2.9...
Installing RDoc documentation for compass-0.12.2...

一応version確認

(mizuki)$ compass -v                                                                                                                                                                         [~]
Compass 0.12.2 (Alnilam)
Copyright (c) 2008-2012 Chris Eppstein
Released under the MIT License.
Compass is charityware.
Please make a tax deductable donation for a worthy cause: http://umdf.org/compass

使い方

(mizuki)$ compass -h | less

一応インストールできたのでおいおい使ってこーと思う。