Shuhei Kagawa

普通のウェブサイト制作に CoffeeScript と SCSS を使ってみて

Apr 7, 2012

最近バックエンドなしの普通の Web サイトを作るのに、ためしに CoffeeScript と SCSS を使ってみています。Ruby の watchr を使って、ファイルを更新したら自動でコンパイルするように設定。

watch('(.*)\.coffee') { |md| system "coffee -o js -c #{md[0]}" }
watch('sass\/(.*)\.s[ac]ss') { |md| system "compass compile #{md[0]}" }

今のところ、SCSS と Compass はとても良いけど、CoffeeScript は jQuery との相性がいまいちという感想。jQuery のメソッドチェーンを書こうとすると、CoffeeScript でも関数実行の括弧が必要で JS とあまり変わらない。jQuery でちょこちょこエフェクトとかをつけるだけだと、あまりメリットがないかも。Backbone.js とかを使ってクラススタイルでごりごり書くのには良さそうなので、今度試してみたいなーと思います。