なんと jsdo.it が JSX と CoffeeScript をサポートしたらしい!!
詳細はこちら.
ということで私の方でも早速使ってみました.
JavaScript タブのコードの先頭にそれぞれ 『//#!jsx』, 『#!coffeescript』 と書くだけです.
するとそれ以降のコードがそれぞれ jsx, coffeescript として解釈されて実行されます.
Read More
今まで CoffeeScript についてのエントリーを連投してきましたが
とりあえずこのエントリーで一区切りつけようと思います.
ちなみに今までに書いた CoffeeScript についてのエントリーはこんな感じです.
今回は enchant.js で怒濤ったとき同様 CoffeeScript についても怒濤ってみました.
プログラミングは本を読むだけでは学んだとは言えません.
作ってナンボの世界です!!
全てサンプルは jsdo.it の方に移植してあるので, 実行してみたり fork してイジってみたりして
遊びながら学んでもらえれば幸いです.
{ } }
{ { }( (
{ { { { {
{ } }{ { }
{ }{ } } _____ __ __
{ }{ }{ { ) ) / ____| / _|/ _|
.-#{#{#}##{#}} -. | | ___ | |_| |_ ___ ___
(##(#}#{#}#{#}#}##) | | / _ \| _| _/ _ \/ _ \
|#-.._________..-#| | |___| (_) | | | || __/ __/
|#################| \_____\___/|_| |_| \___|\___|
|#################;--.
|################(__ \ _____ _ _
|#################| ) ) / ____| (_) | |
|#################|/ / | (___ ___ _ __ _ _ __ | |_
|#################( / \___ \ / __| '__| | '_ \| __|
|#################|/ ____) | (__| | | | |_) | |_
|#################| |_____/ \___|_| |_| .__/ \__|
`-#############-' | |
|_|
Read More
またまたまた前回に引き続き 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 についてのエントリーです.
今回は以前書いた『JavaScript 入門 基礎編』で作ったサンプル 10 個を CoffeeScript で作り直してみました.
CoffeeScript 版も JavaScript 版も, 全て jsdo.it にアップしているので
コードを見比べてみると面白いかもしれません.
{ }
} }{ {
{ }{ } } _____ __ __
}{ }{ { ) / ____| / _|/ _|
.- { { } { }} -. | | ___ | |_| |_ ___ ___
( ( } { } { } } ) | | / _ \| _| _/ _ \/ _ \
|`-..________ ..-'| | |___| (_) | | | || __/ __/
| | \_____\___/|_| |_| \___|\___|
| ;--.
|#-..________..-#(__ \ _____ _ _
|#################| ) ) / ____| (_) | |
|#################|/ / | (___ ___ _ __ _ _ __ | |_
|#################( / \___ \ / __| '__| | '_ \| __|
|#################|/ ____) | (__| | | | |_) | |_
|#################| |_____/ \___|_| |_| .__/ \__|
`-#############-' | |
|_|
Read More
前回に引き続き CoffeeScript についてのエントリーです.
今回は jsdo.it で CoffeeScript を使う方法を紹介します.
HTML5 Canvas を使ったサンプルもあるよ♪
} }{ {
{ }{ } } _____ __ __
}{ }{ { ) / ____| / _|/ _|
.- { { } { }} -. | | ___ | |_| |_ ___ ___
( ( } { } { } } ) | | / _ \| _| _/ _ \/ _ \
|`-..________ ..-'| | |___| (_) | | | || __/ __/
| | \_____\___/|_| |_| \___|\___|
| ;--.
| (__ \ _____ _ _
| | ) ) / ____| (_) | |
|#-..________ ..-#|/ / | (___ ___ _ __ _ _ __ | |_
|#################( / \___ \ / __| '__| | '_ \| __|
|#################|/ ____) | (__| | | | |_) | |_
|#################| |_____/ \___|_| |_| .__/ \__|
`-#############-' | |
|_|
Read More
最近 CoffeeScript 関連のエントリーが私のRSSリーダーにひっきりなしに流れてきます.
どうやら流行っているらしい.
github で話題になったころに少し触ったくらいでのめり込みはしなかったのですが,
無視できない存在になりつつあります.
今更感満載ですがお手軽に CoffeeScript を試す方法を紹介しようと思います.
”導入するかどうかはさておき, とにかく CoffeeScript を触ってみたい”って人向けの方法です.
{ } _____ __ __
}{ }{ { ) / ____| / _|/ _|
.- { { } { }} -. | | ___ | |_| |_ ___ ___
( ( } { } { } } ) | | / _ \| _| _/ _ \/ _ \
|`-..________ ..-'| | |___| (_) | | | || __/ __/
| | \_____\___/|_| |_| \___|\___|
| ;--.
| (__ \ _____ _ _
| | ) ) / ____| (_) | |
| |/ / | (___ ___ _ __ _ _ __ | |_
| ( / \___ \ / __| '__| | '_ \| __|
|#-..________ ..-#|/ ____) | (__| | | | |_) | |_
|#################| |_____/ \___|_| |_| .__/ \__|
`-#############-' | |
|_|
Read More