読者です 読者をやめる 読者になる 読者になる

牌語備忘録 -pygo

あくまでもメモです。なるべくオフィシャルの情報を参照してください。

牌語備忘録 -pygo

事前にJSに変換しないでブラウザに『CoffeeScript』を実行させる

CoffeeScript Javascript

制作中に手元で JS に変換しないで coffee のままWebブラウザで動作確認できないかなと思ったらできるみたい。

方法

公式サイトの「"text/coffeescript" Script Tags 」のとこに書いてある。
『coffee-script.js』をダウンロードして、HTMLに下記のようにみたいに書けばいいみたい。

    <script src="coffee-script.js"></script>
    <script src="script.coffee" type="text/coffeescript"></script>

coffee-script.js が Webブラウザ側で coffee から js に変換してくれるみたい。

for exsample

coffee-script.js

ダウンロードしてhtmlファイルと同階層に置く

html

index.html

<!DOCTYPE html>
<html>
  <head>
    <title>CoffeeScript</title>
    <script src="coffee-script.js"></script>
    <script src="script.coffee" type="text/coffeescript"></script>
  </head>
  <body>
    <h1>事前にjsに変換しないでも動く</h1>
  </body>
</html>
coffee

script.coffee

name = "CoffeeScript"

whatIsThis = ->
    "This is The " + name + "!"

alert whatIsThis()