linkerは「人と人」「人と情報」「人と物」をつなぐデザインユニットです。

Compass / Sass の導入が簡単にできる Scout を試してみた

みなさん、こんにちは、まーしーです
夏の間はバッキンガム宮殿の中が一般公開されているということで週末に見てきました。
今年はRoyal Weddingもあったのでウェディングドレスが結構人気だったみたいですが、大英帝国の時代を感じられたようなきがしました。

さて、Compass / Sass を導入していますが、つかいこなすにはまだほど遠い感じです。
使いながら自分なりのスタイルを構築していきたいと思っているところです。

そんな中、先日 Scout というのを教えてもらいました。

Scout - Compass and Sass without all the hassle
http://mhs.github.com/scout-app/

CompassやSassはTerminalなどからのインストールをして、使う場合にはTerminarlからコマンドを打つなどが必要ですが、このScoutはその辺を不要にしてくれるツールのようです。

インストール

ダウンロードしてインストールを開始します

110919-01.jpg

インストールが完了するとこのような画面が立ち上がります

110919-02.jpg

左下の+をクリックしてプロジェクトを追加してみましょう

110919-03.jpg

scssファイルを見つけて、screen.cssが生成されました。

110919-04.jpg

プロジェクトを起動するとこのようなかんじで指定したフォルダをwatchしてくれます。

cssが生成されたのもFinderから確認できますね。

110919-05.jpg

更新があればこのように上書きされます。

110919-06.jpg

ということで

Compass / Sass を導入するのがすごく楽になるツールですね。
Watchしてくれているのですが、若干反応が遅いような印象がありますが、導入の手間を考えるとこれもありかもしれません。
個人的にはTerminalで最初にWatchするようにしてしまうのでとくに問題は無いですが、GUIで全てできるのは扱いやすそうです。

Compass / Sass をつかってみるのに導入のところで躊躇したりしている方は一度試してみてはどうでしょうか?