「JavaScript」 カテゴリーの記事です。

CoffeeScriptでクラスをつくりその中にjQueryイベントを持たす


CoffeeScriptはじめました。ええ、コーヒーです。

最近まで「カフェ」って呼んでました。超恥ずかしい。カフェでスクリプト組んじゃう?的な。

iPhoneアプリに挑戦したいと思って、あっさり Objective-C を諦め、わりに慣れ親しんだ JavaScript からアプローチしようと思ってたら、思いの外、苦戦しまして。

なめてました。。。

数年前とは隔世の感があり・・・jQueryィ・・・これも完全に乗り遅れました。大波に。

そして、そんな僕を見かねてCoffeeScriptを使ってみないかブラザー、と、ある知人プログラマーから勧められて、使い始めてみることに。

プログラム内では、ちょっとしたアニメーションをさせたいと思って、有名どころのEaselJS や、Raphaëlも、検討してみましたが、CanvasやSVGを使うほどのものではないな、と。

で、もうdivアニメーションでいいんじゃね?ってことになると、やはりjQueryに落ち着いてしまうんですよね。

これくらいのレベルのをまず。↓

[サンプルスクリプト]

ただ、この程度のものを動かすのにも一苦労が。

CoffeeScriptでクラスをつくってから、その中でjQueryを使うどころか、そのオブジェクトにクリックイベントを持たせる方法自体がわからない・・・

もう this ェ・・・

(さらに…)

CoffeeScriptで「FlowerJS」をつくってみた


最近、CoffeeScriptを勉強中です。

どうもJavaScriptのクラスの概念(っていうかちゃんとしたクラスがないのですが・・・)がイマイチ理解できなかった僕に、知り合いのプログラマーから勧められて始めて見ました。

いまNode.jsのインストールから、*.coffee → *.js などの変換が超簡単になっているんですね。WindowsでもMacでもバッチで一発でやってくれます。すごい便利。

試しにHTML5 Canvasに画像を使わずにお花をシェイプで描いて、マウスクリックした位置にスプレーするサンプルを作ってみました。

こういう感じの、

FlowerJSイメージサンプル

実際のコードはコチラ。

(さらに…)

s