Chrome DevToolsとSourcemapを使ってSassやCoffeeScriptをブラウザで編集いままで普通に使っていたけど、知らないという方から質問を受けたので、再確認も含めてざっくりまとめ。 ChromeのDevToolsを活用してブラウザでの開発環境が整ってきている。SassやCoffeeScriptの様なPreprocessorもブラウザで編集、変換、再読込みを自動でできる。 まず、SassはSorcemap対応の3.3系を利用。 [shell] $ gem install sass –pre [/shell] 今回はCoffeeScriptはnpmで [shell] npm install -g coffee-script [/shell] たとえばstyle.scss, script.coffeeという以下のようなファイルがある場合 [css] body { background-color: #000; } [/css] [ruby] func = -> console
