CoffeeScriptをはじめる

まず下記サンプルをご覧ください。

See the Pen CofeeScript test by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen.

リンクをクリックすれば下のフィールドに文字が出るだけの処理ですが、JSを極めてシンプルなCoffeescriptで記述しています。

JavaScript(CoffeeScript)

message = "Hello World"
$(".btn").bind 'click', ->
  $("#text").val(message)

jQueryも混ぜて書いてしまっている記述ですが、JSのお約束となるような記述をかなり短縮しています。

CoffeeScriptはCSSでいうSassと同じ、記述を短縮化するメタ言語です。
そのためSassと同じくコンパイルが必要になります。その手法についてはまた紹介していきたく思います。