概要
CoffeeScriptをコンパイルなしで、HTMLの<script>タグに直接書ける。
スクリプト指定は<script type=”text/coffeescript”></script>となる。
導入
CoffeeScriptからJavaScriptへのパースを行うファイルを公式サイトの“text/coffeescript” Script Tagsからダウンロード。
このファイル(coffee-script.js)をサーバに配置に配置し、スクリプトを書くHTMLから呼び出す。
このほか、ネット上のcoffee-script.jsのURLを指定して取り込む方法もあり。
基本例
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>CoffeeScript Test</title> <link rel="stylesheet" href="./coffee.css"> <script type="text/javascript" src="./coffee/coffee-script.js"></script> </head> <body> <h1 id="header"></h1> <script type="text/coffeescript"> elment = document.getElementById("header") elment.innerHTML = "CoffeeScriptへようこそ" </script> </body> </html> |