jsdo.it が JSX と CoffeeScript をサポート!!

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

なんと jsdo.it が JSX と CoffeeScript をサポートしたらしい!! 詳細はこちら.

ということで私の方でも早速使ってみました.

JavaScript タブのコードの先頭にそれぞれ 『//#!jsx』, 『#!coffeescript』 と書くだけです. するとそれ以降のコードがそれぞれ jsx, coffeescript として解釈されて実行されます.

Read More

CoffeeScript 入門! 怒濤の 100 サンプル!!

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

今まで CoffeeScript についてのエントリーを連投してきましたが とりあえずこのエントリーで一区切りつけようと思います.

ちなみに今までに書いた CoffeeScript についてのエントリーはこんな感じです.

今回は enchant.js で怒濤ったとき同様 CoffeeScript についても怒濤ってみました.

プログラミングは本を読むだけでは学んだとは言えません. 作ってナンボの世界です!!

全てサンプルは jsdo.it の方に移植してあるので, 実行してみたり fork してイジってみたりして 遊びながら学んでもらえれば幸いです.


          { }  }
        {  {  }( (
        { {  {  { { 
       { }   }{  { }
        {  }{  }  }                    _____       __  __
      {  }{ }{  { ) )                 / ____|     / _|/ _|
     .-#{#{#}##{#}} -.               | |     ___ | |_| |_ ___  ___
    (##(#}#{#}#{#}#}##)              | |    / _ \|  _|  _/ _ \/ _ \
    |#-.._________..-#|              | |___| (_) | | | ||  __/  __/
    |#################|               \_____\___/|_| |_| \___|\___|
    |#################;--.
    |################(__  \            _____           _       _
    |#################| )  )          / ____|         (_)     | |
    |#################|/  /          | (___   ___ _ __ _ _ __ | |_
    |#################(  /            \___ \ / __| '__| | '_ \| __|
    |#################|/              ____) | (__| |  | | |_) | |_
    |#################|              |_____/ \___|_|  |_| .__/ \__|
     `-#############-'                                  | |
                                                        |_|

Read More

CoffeeScript と gl.enchant.js を使って15分で 3D ゲームを作ってみた. 動画もあるよ♪

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

またまたまた前回に引き続き CoffeeScript についてのエントリーです.

今回は, タイトルの通り CoffeeScript と gl.enchant.js を使って 15 分で 3D ゲームを作ってみました.

作ったゲームは以前書いたエントリー『gl.enchant.js を使って 10 分で 3D ゲームプログラミングしてみた. んで, その様子をビデオキャプチャーしてみました!!』で 作ったゲームと同じです.

狙いとして「 JavaScript で 10分掛かったけど, CoffeeScript だと 5分で作れちゃったよ~」ってエントリーにしようと考えていたのですが 何分 CoffeeScript はまだ不慣れなもので 15分も掛かってしまいましたw

ただ, 慣れさえすれば Python のように流れるようにコードを書けるのでいくつかゲームなりツールなり作ればホントに 5分とかで 作れるようになるのかなというのは感じました.

お蔵入りしようとも考えたのですが, JavaScript のコードを見比べてもらえれば勉強にもなるかなと 思い公開しました.

作ったゲームのコードや作っているところをキャプチャした動画もあるので よかったら参考にしてください.


             
           }   (  
          {  {  }   
         }   }{  {
        {  }{  }  }                    _____       __  __
         }{ }{  { )                   / ____|     / _|/ _|
     .- { { }  { }} -.               | |     ___ | |_| |_ ___  ___
    (  ( } { } { } }  )              | |    / _ \|  _|  _/ _ \/ _ \
    |`-..________ ..-'|              | |___| (_) | | | ||  __/  __/
    |                 |               \_____\___/|_| |_| \___|\___|
    |#-..________ ..-#;--.
    |################(__  \            _____           _       _
    |#################| )  )          / ____|         (_)     | |
    |#################|/  /          | (___   ___ _ __ _ _ __ | |_
    |#################(  /            \___ \ / __| '__| | '_ \| __|
    |#################|/              ____) | (__| |  | | |_) | |_
    |#################|              |_____/ \___|_|  |_| .__/ \__|
     `-#############-'                                  | |
                                                        |_|

Read More

CoffeeScript 入門 基礎編 – CoffeeScript と JavaScript を 10個のサンプルで比較してみた

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

またまた前回に引き続き CoffeeScript についてのエントリーです.

今回は以前書いた『JavaScript 入門 基礎編』で作ったサンプル 10 個を CoffeeScript で作り直してみました.

CoffeeScript 版も JavaScript 版も, 全て jsdo.it にアップしているので コードを見比べてみると面白いかもしれません.


             
                  
            {  }   
         }   }{  {
        {  }{  }  }                    _____       __  __
         }{ }{  { )                   / ____|     / _|/ _|
     .- { { }  { }} -.               | |     ___ | |_| |_ ___  ___
    (  ( } { } { } }  )              | |    / _ \|  _|  _/ _ \/ _ \
    |`-..________ ..-'|              | |___| (_) | | | ||  __/  __/
    |                 |               \_____\___/|_| |_| \___|\___|
    |                 ;--.
    |#-..________..-#(__  \            _____           _       _
    |#################| )  )          / ____|         (_)     | |
    |#################|/  /          | (___   ___ _ __ _ _ __ | |_
    |#################(  /            \___ \ / __| '__| | '_ \| __|
    |#################|/              ____) | (__| |  | | |_) | |_
    |#################|              |_____/ \___|_|  |_| .__/ \__|
     `-#############-'                                  | |
                                                        |_|

Read More

jsdo.it で CoffeeScript を使う方法

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

前回に引き続き CoffeeScript についてのエントリーです.

今回は jsdo.it で CoffeeScript を使う方法を紹介します.

HTML5 Canvas を使ったサンプルもあるよ♪


             
                  
                   
         }   }{  {
        {  }{  }  }                    _____       __  __
         }{ }{  { )                   / ____|     / _|/ _|
     .- { { }  { }} -.               | |     ___ | |_| |_ ___  ___
    (  ( } { } { } }  )              | |    / _ \|  _|  _/ _ \/ _ \
    |`-..________ ..-'|              | |___| (_) | | | ||  __/  __/
    |                 |               \_____\___/|_| |_| \___|\___|
    |                 ;--.
    |                (__  \            _____           _       _
    |                 | )  )          / ____|         (_)     | |
    |#-..________ ..-#|/  /          | (___   ___ _ __ _ _ __ | |_
    |#################(  /            \___ \ / __| '__| | '_ \| __|
    |#################|/              ____) | (__| |  | | |_) | |_
    |#################|              |_____/ \___|_|  |_| .__/ \__|
     `-#############-'                                  | |
                                                        |_|

Read More

node.js 不要! Windows でも簡単に CoffeeScript を使う方法

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

最近 CoffeeScript 関連のエントリーが私のRSSリーダーにひっきりなしに流れてきます. どうやら流行っているらしい.

github で話題になったころに少し触ったくらいでのめり込みはしなかったのですが, 無視できない存在になりつつあります. 今更感満載ですがお手軽に CoffeeScript を試す方法を紹介しようと思います.

”導入するかどうかはさておき, とにかく CoffeeScript を触ってみたい”って人向けの方法です.


             
                  
                   
                  
            {  }                       _____       __  __
         }{ }{  { )                   / ____|     / _|/ _|
     .- { { }  { }} -.               | |     ___ | |_| |_ ___  ___
    (  ( } { } { } }  )              | |    / _ \|  _|  _/ _ \/ _ \
    |`-..________ ..-'|              | |___| (_) | | | ||  __/  __/
    |                 |               \_____\___/|_| |_| \___|\___|
    |                 ;--.
    |                (__  \            _____           _       _
    |                 | )  )          / ____|         (_)     | |
    |                 |/  /          | (___   ___ _ __ _ _ __ | |_
    |                 (  /            \___ \ / __| '__| | '_ \| __|
    |#-..________ ..-#|/              ____) | (__| |  | | |_) | |_
    |#################|              |_____/ \___|_|  |_| .__/ \__|
     `-#############-'                                  | |
                                                        |_|

Read More