ActionScript3.0の標準デバッガのfdbを使う方法

ActionScript3.0のデバッグは難しい。
というのもプログラミングで定番のプリントデバッグができないからです。

そこで便利なのがデバッガ。
FlexBuilderではコーディングしながらデバッガを利用できて非常に便利です。
しかし、有料。日曜プログラマには少々お高い。

そこで登場するのが標準デバッガのfdb。
コマンドラインでの実行になりますので、少し敷居は高いかもしれませんが、デバッガを使うぐらいの人なら問題ではないと思います。（私は基本的にコマンドラインでActionScript3.0をコンパイルしています）

Flex SDK2を取得していれば、デバッグ用Flash Playerは以下のフォルダにあります。

Windows用なら「Install Flash Player 9.exe」を、Mac用なら「SAFlashPlayer.dmg」をマウントして「SAFlashPlayer.app」をインストールして下さい。

ちなみにこの「SA」は「Stand Alone」の意味です。

fdbを実行するとSWFに関連づけられているアプリケーションが実行されます。
これが上でインストールしたアプリケーションでなければなりません。
ということでSWFファイルをFlash Playerに関連づけて下さい。

Macでの方法を示しておきます。

SWFファイルを右クリックしこのアプリケーションで開くを選択。

そこでその他を選択。

アプリケーションを選択するウィンドウが開きますので、「SAFlashPlayer」を検索します。

SAFlashPlayer.appを選択して「常にこのアプリケーションで開く」にチェックを入れておきます。
これで準備完了です。

ActionScript3.0をmxmlcコマンドでコンパイルするのですが、その時にデバッグモードというオプションを付ける必要があります。デバッグオプションは私の知る限り3通り指定方法があります。

オプションをコマンドライン上で付ける方法は2通りあります。

もしくは

これでデバッグ用のコンパイルが完了します。

毎回デバッグオプションを付けるのが面倒であれば、configファイルに設定しておくとラクです。
AmazonWebservice-config.xml

<flex-config>
  <compiler>
    <debug>ture</debug>
  </compiler>
</flex-config>

これでデバッグモードでコンパイルされたSWFファイルが生成されました。

ではさっそくfdbを実行します。
実行は至って簡単です。

このコマンドを実行するとfdbコマンドプロンプトが起動します。

fdbのコマンドは沢山ありますが、とりあえず以下の4つぐらいを覚えておけば良いと思います。

• c (continue): 実行を継続する
• b (break): ブレークポイントを指定する
• n (next): プログラムを一行実行する
• p (print): 変数の値を表示する

長いコマンドを打つのは疲れるので左側の省略版のコマンドが便利です。

今回用いるサンプルは前回のエントリ「Amazon Web ServiceをActionScript3.0から利用する方法」のソースコードです(ちょっとだけ変更しています)。

[AmazonWebservice.as]

package {
  import flash.display.Sprite;
  import flash.net.URLLoader;
  import flash.net.URLRequest;
  import flash.events.Event;
 
  public class AmazonWebservice extends Sprite
  {
    private var loader:URLLoader;
 
    public function AmazonWebservice()
    {
      var url:String = "http://webservices.amazon.co.jp/onca/xml?"
                     + "Service=AWSECommerceService&"
                     + "AWSAccessKeyId=[アクセスキーID]&"
                     + "Operation=ItemSearch&"
                     + "SearchIndex=Books&"
                     + "Keywords=actionscript&"
                     + "ResponseGroup=Request,Small";
      loader = new URLLoader();
      loader.addEventListener(Event.COMPLETE, completeFnc);
      loader.load(new URLRequest(url));
    }
 
    private function completeFnc(event:Event):void {
      var ns:String = "http://webservices.amazon.com/AWSECommerceService/2005-10-05";
      default xml namespace = new Namespace(ns);
      var xml:XML = new XML(loader.data);
 
      var asin:String;
      for each(var item:XML in xml..Item) {
        asin = item.ASIN[0];
        trace(asin);
      }
    }
  }
}

まずはデバッグオプション付きでコンパイルします。

fdbを起動します。

AmazonWebservice.asファイルの33行目にブレークポイントを設定します。

ちなみにブレークポイント等の情報を表示してみます。

コマンドの「i b」とは「info breakpoints」の省略形です。
infoコマンドはその他にも色々な情報を取得できます。

info サブコマンドのリスト :

• info arguments (i a) 現在のスタックフレームの引数の変数です。
• info breakpoints (i b) ユーザーが設定可能なブレークポイントのステータスを表示します。
• info display (i d) auto-display 式のリストを表示します。
• info files (i f) デバッグ中のターゲットとファイルの名前を表示します。
• info functions (i fu) すべての関数名を表示します。
• info handle (i h) 失敗の処理方法を表示します。
• info locals (i l) 現在のスタックフレームのローカル変数です。
• info sources (i so) プログラムのソースファイルを表示します。
• info stack (i s) スタックのバックトレースです。
• info swfs (i sw) このセッションの swf のリストです。
• info targets(i t) デバッグ中のアプリケーションです。
• info variables (i v) すべてのグローバル変数と静的変数の名前を表示します。

横道にそれました。

ブレークポイントまでプログラムを走らせます。

continueコマンドでプログラムをブレークポイントまで走らせられます。
ブレークポイントを設定した通りAmazonWebservice.asの33行目でプログラムが停止しています。
この状態で色々なデバッグを行います。

変数「asin」に格納された値を取得します。

ASIN値が取得できました。素晴らしい。

ちなみに、E4Xで値を取得する事ができません。

ん〜…他に何か方法があるのでしょうか…。

さらにプログラムの実行を進めます。

forループを一周し、再び33行目で停止しました。

再び変数「asin」の値を取得してみましょう。

現在デバッグ中のプログラムを終了するには「k(kill)」コマンドです。

fdbを終了するには「q(quit)」コマンドです。

ちなみに、fdbのコマンド一覧を取得するコマンドは「h(help)」です。

今回はFlexBuilderがセレブ価格で庶民には手が届かないので無料のfdbを使ってActionScript3.0をデバッグしましょうという話。統合開発環境ぐらい無料で提供してほしいものです。ActionScript3.0の発展にも繋がる事ですし…。

• Papervision3D Rev1.5のColorMaterialのlineColorプロパティのバグを修正する
• Amazon Web ServiceをActionScript3.0から利用する方法
• Papervision3Dでプリミティブ以外のオブジェクトを作る
• Papervision3DをFlexBuilder2で利用する
• gungi vol.08に参加してきました
• Papervision3Dのプリミティブ・オブジェクト - Cone, Cube, Cylinder, Sphere -
• TweenerでPapervision3DのSphereをトゲトゲにする