Chrome DevToolsとSourcemapを使ってSassやCoffeeScriptをブラウザで編集

いままで普通に使っていたけど、知らないという方から質問を受けたので、再確認も含めてざっくりまとめ。

ChromeのDevToolsを活用してブラウザでの開発環境が整ってきている。SassやCoffeeScriptの様なPreprocessorもブラウザで編集、変換、再読込みを自動でできる。