CoffeeScriptをはじめる

goto_jp 198views 更新:2014年6月30日

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

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と同じくコンパイルが必要になります。その手法についてはまた紹介していきたく思います。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません