なんかできたよー。

Web系Tipsを適当につづるBlog.

JavaScript初級者がCoffeescriptを始めるにあたって参考になったサイトやWebサービス

Javascript CoffeeScript

　

　
f:id:tuki0918:20130217204555p:plain

最初に

まだCoffeescriptを使ったことが無い人でも、なんとなくJavaScriptを知っている人なら
以下のサイトやWebサービスを参考にすれば、簡単に始められると思います。

便利なWebサービス

  1. CoffeeScript
    「CoffeeScript」の公式サイト。
    ヘッダーの「TRY COFFEESCRIPT」から CoffeeScript のテスト実行が出来る
  2. Js2coffee
    「JavaScript」と「CoffeeScript」の相互変換が出来る
  3. jsFiddle
    JavaScript、CoffeeScript、HTML、CSSのコードをその場で実行できる
    左のメニューの「Panels」の「JavaScript」を「CoffeeScript」にすることで利用できる

参考になったサイトやブログ

一通り学びたい人にオススメ

f:id:tuki0918:20130217163851g:plain
The Little Book on CoffeeScript
O'Reillyで発売中の「The Little Book on CoffeeScript」の日本語訳

HTMLに直接Coffeescriptを書きたい場合

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>Hello CoffeeScript!</title>
  <script src='http://jashkenas.github.com/coffee-script/extras/coffee-script.js' type='text/javascript'></script>
</head>
<body>

<div id="wrapper"></div>

<script type='text/coffeescript'>

# ここに CoffeeScript を書く

</script>
</body>
</html>

JSにコンパイルしたい場合

　

最後に

TypeScript · JSX · Haxe は使ったことが無く比べることが出来ないのですが、JavaScript入門者でもCoffeeScript通じてJavaScriptの理解が少しでも深まればと思います。