[Haxe/CreateJS] Haxe 3 + CreateJS(2013/09/25 ver) 環境構築

導入理由

過去の Haxe/CreateJS 記事で使用していた Haxe のバージョンは 2 でしたが、CreateJS 用 の haxelib が Haxe 3 および CreateJS 2013/09/25 版 [*1] に対応しているため環境を一新しました。

*1 EaselJS 0.7.0, TweenJS 0.5.0, SoundJS 0.5.0, PreloadJS 0.4.0

筆者の検証環境

• Windows 7 Pro 64bit
• haxe-3.0.1-win
• neko-2.0.0-win
• haxelib ( createjs 1.5.1 ) http://lib.haxe.org/p/createjs
• CreateJS(2013/09/25 ver)
• IntelliJ IDEA 13 EAP http://confluence.jetbrains.com/display/IDEADEV/IDEA+13+EAP

Haxe および Neko のインストール

これから Haxe を始める人はインストーラを使用すれば簡単に環境は用意できますが、すでに前バージョンの Haxe 環境があり、使い分けを考慮したいときには、手動でインストールすることをおすすめします。

• 自動でインストールする場合はこちらから
  http://haxe.org/download

• 手動インストールのマニュアル
  http://haxe.org/download/manual_install

• haxelib の導入方法 ( 弊社、石上の記事 )
  https://dev.classmethod.jp/ria/html5/haxe-createjs-1/#toc-

Haxe3 主な変更点

• http://haxe.org/manual/haxe3/migration#javascript-api-changes
• http://haxe.org/manual/haxe3/migration#javascript-modern-mode
• http://haxe.org/manual/haxe3/migration#javascript-override-changes

その他、参考ページ

• http://rf0444.hatenablog.jp/entry/2013/08/12/152923
• http://spheresofa.net/blog/?p=1226

ビルド

過去の記事 (https://dev.classmethod.jp/tool/idea-haxe-createjs-tutorials-02/#toc-2) で紹介した HXML の内容を少々変えて使っています。-dead-code-elimination オプションが -dce full に変更されたり、-js-modern オプションがデフォルトになったり、リリース時には -cmd オプションで外部コマンドが利用できるので Closure Compiler[*2] を実行して、コードを圧縮したり。

*2 https://code.google.com/p/closure-compiler/wiki/BinaryDownloads?tm=2

デバッグ用、リリース用で以下のように使い分けると便利です。

Main.hxml 例 (debug)

-cp src
-lib createjs
-dce std
#-dce full
-main Main
-js src/Main.js
-debug
#-cmd java -jar E:/Google/compiler.jar --js src/Main.js --js_output_file src/Main.min.js

Main.hxml 例 (release)

-cp src
-lib createjs
#-dce std
-dce full
-main Main
-js src/Main.js
#-debug
-cmd java -jar E:/Google/compiler.jar --js src/Main.js --js_output_file src/Main.min.js

IntelliJ IDEA 13 EAP

現行のリリースバージョン (ver 12) では何故か動作しなかった Built-in Server を利用した JavaScript Remote debugging が利用可能になりました。
http://youtrack.jetbrains.com/issue/WEB-7148

Google Chrome のプラグイン JetBrains IDE Support と連携することでデバッグが便利に。
http://localhost:63342/≪project name≫で動作します。( "63342" はデフォルト値 )

IntelliJ IDEA + Haxe/CreateJS 環境構築の一連の詳細は過去記事を参照してください。

• https://dev.classmethod.jp/tool/idea-haxe-createjs-tutorials-01/
• https://dev.classmethod.jp/tool/idea-haxe-createjs-tutorials-02/