際際滷

徭失�B初
? 墳貧風湊隻
? クラスメソッド幄塀氏芙
? �_�k何テクニカルスペシャリスト
? 圷 Flash�Flex 狼エンジニア。フロント
エンドがメイン。
? 恷除は麼に HTML�JavaScript 毅輝。

アジェンダ
? CreateJS とは
? JavaScript �_�kの��}泣
? Haxe とは
? JavaScript の樋泣に��する Haxe の基え
? Haxe で CreateJS を聞う碧怏み
? 並箭
? 廣吭泣

CreateJS とは
? HTML5 の canvas で、Flash っぽくいろ
いろできる EaselJS を嶄伉としたライブ
ラリ蛤
http://www.createjs.com/#!/EaselJS/demos

CreateJS とは
? ソ�`スコ�`ドはこんな湖じです。
var graphics = new createjs.Graphics().beginFill("#ff0000").drawRect(0, 0, 100, 100);
var shape = new createjs.Shape(graphics);
//Alternatively use can also use the graphics property of the Shape class to renderer the same as above.
var shape = new createjs.Shape();
shape.graphics.beginFill("#ff0000").drawRect(0, 0, 100, 100);
ActionScript とクラス兆やメソッド兆が貌ている。

CreateJS とは
? ActionScript の湖�で聞ってみた。
★やはり JavaScript は JavaScript だった。�輝たり念�

JavaScript �_�kの��}泣

JavaScript �_�kの��}泣
? コ�`ド�a頼が樋い。�IDE にもよるが´。�
? エラ�`チェックが樋い。�咾�垢泙之屬�蕕覆ぁ�
? ヘタしたら�咾�靴討盞屬�蕕覆ぁ�
? クラスが恬りにくい。Prototype?´
? クラスごとに js ファイルを蛍けると�iみ�zみが中宜。
? 卆贋砿尖も中宜。
? 1ファイルにしたらそれはそれでコ�`ディングが中宜。
? 蛍�Iが中宜。
? 吉？とにかく中宜。

JavaScript�_�kの��}泣
そこで Haxe�ヘックス�です。

堰温恰艶�ヘックス�とは

? ActionScript に貌た猟隈の床議侏原けオブジェクト峺
�冱�Z。
? JavaScript 參翌の�}方の冱�Zにもコンパイル辛嬬。
? オ�`プンソ�`ス�フリ�`。
? 恷除はやりの TypeScript と匯何�栽�

ActionScript �_�k�U�Yのあるエンジニア�わたしです�が、
ActionScript に貌た冱�Zである Haxe で、
ActionScript と貌たクラスやメソッドを隔つ CreateJS を
聞って�_�kしてみた。
★すごく�辰辰殖。�g悶�Y�

JavaScript の樋泣に��する Haxe の基え

IDE はいろいろありますが、
暴は FlashDevelop を聞います。
?�o創。
?ActionScript �_�kでﾚく聞われている。
�ただし Windows 井のみ。�
?��繁議にも聞喘�U�Yがあった。

? コ�`ド�a頼
FlashDevelop のコ�`ド�a頼は仝それなりに々嗤�拭�
徭�咼ぅ鵐櫞`ト巓りで飛孤の聞いにくさはあるが、それで
も噴蛍聞えます。
FlashBuilder 吉と曳べると飛孤�喪りしますが、書瘁に豚棋。

? エラ�`チェック
Haxe は仝床議侏原け冱�Z々
その貧、侏容�も。
��畜なエラ�`チェックが佩われるため、スペルミスや侏の
音匯崑からセミコロン�iけまで畠てコンパイルエラ�`。

? クラス恬撹
クラスの恬り圭は、ActionScript とほぼ揖じ。
�@覚もできます。Interface も恬れます。
●このカンマがAS3と�なる。
class MyClass extends FooClass, implements IBar {

? ソ�`スファイル�卆贋砿尖
Haxe は児云議に1クラス1ファイル。
�恬ろうと房えばインナ�`クラスも恬れます。�
コンパイルされた JS は、1ファイルに�pまります。
卆贋砿尖の駅勣�oし�
しかも、Chrome のソ�`スマッピングを聞喘すると、
Haxe ソ�`スコ�`ド貧でのデバッグさえも辛嬬。

Haxe で CreateJS を聞う碧怏み

? CreateJS は JavaScript で恬られたライブラリ。
★これを Haxe から聞うには�

? CreateJS は JavaScript で恬られたライブラリ。
★これを Haxe から聞うには�
extern クラスを聞います。

? extern クラスとは
Haxe の翌何で協�xされ、�g佩�rに旋喘辛嬬となる�C嬬の
仝インタ�`フェ�`ス々を協�xしたクラス。

? CreateJS の extern クラス
徭蛍で恬る駅勣はありません。Haxelib で巷�_されてい
るので、コマンド匯�kでインスト�`ル�聞喘辛嬬です。
>haxelib install createjs

? extern クラスを�@覚した仟しいクラスも恬れます。
import createjs.easeljs.Shape;
class MyShape extends Shape {
public function new() {
super();
}
???
}

この麿に、jQuery の extern クラス吉も haxelib に巷�_
されています。
また、聞いたいライブラリの extern クラスを徭蛍で恬る
ことも辛嬬。
オブジェクトや塘双の荷恬で宴旋な Underscore.js の extern クラス
を徭恬して聞っています。
�嘛�_�Jはユニットテスト。これも Haxe の��C嬬。

廣吭泣
JavaScript に��する噴蛍な尖盾�oしで薬む
とハマる訊れ嗤り。鮄辰侶銈睿舛泙蠅泙后�
Haxe + CreateJS �_�kメモ#5 removeEventListener が�C嬬しな
い��}の指閲圭隈
http://dev.classmethod.jp/ria/html5/haxe-createjs-5/

際際滷

Haxe で兵める CreateJS

More Related Content

Haxe で兵める CreateJS