以下のものは、FlashDevelop3.2.2RTMのメニューを日本語化した状態でのキャプチャです。（画像はクリックすると、拡大表示します）

各種ハンドラを設定

よく使うやつですねぇ…　イベントが異なる場合、きちんと判別してハンドラを作成してくれるカワイイやつです。

ハンドラを設定したい箇所にカーソルを立てて、Ctrl + Shift + 1を押すと、以下のようなリストが表示されます。

イベントハンドラを設定

マウスイベントハンドラを設定

タイマーイベントハンドラを設定

ローカル変数をメンバ変数に

hogeというローカル変数を、メンバ変数に変更してみます。

hogeにカーソルを立て、Ctrl + Shift + 1を押すことで、メンバ変数に変更出来ます。

変数を定義するのが、面倒…

private var hoge:Sprite = new Sprite();

変数を作成する度に、変数定義の箇所まで戻って、上記のように記述するのは面倒…って場合。

var宣言とかは無視しちゃって、以下のように記述。

hogeにカーソルを立て、Ctrl + Shift + 1を押し、変数を宣言を選択します。

すると、あとはFlashDevelopがやってくれますよ。

メソッドを作成したい！

何かメソッドを作成したいんだけど、functionとか書くの面倒だ～！　というあなた。

hoge();と打った後でカーソルを()の前（hogeの後）に移動して、Ctrl + Shift + 1を押してみましょう！

サクッと作成出来ちゃいます！

新規クラスを作成したい！

コードを書いていて、「これは別クラスにしたいな！」という場合、それもCtrl + Shift + 1で出来ちゃいます！

Hogeというクラスを作成することにします。Hogeと打った後で、Ctrl + Shift + 1を押し、新規クラスを作成を選択します。

すると以下のようなパネルが開くので、あれこれ設定。

例えば、ProgressionのPRMLLoaderとかを使っていて、作成するシーンを宣言しておく場合なんかに便利かと…（Progressionのテンプレートを使っている場合は、そっちの方が便利ですが…）

Getter・Setterの作成

Getter・Setterを作成したい場合も、Ctrl + Shift + 1で可能です。

hogeという変数に対してGetter・Setterを作成すると、変数名もhoge→_hogeに変更してくれます。

import文の自動作成

FlashDevelopのスニペットに登録しているものや、FlashCS5のスニペットからコードを挿入した場合や、他のエディタやヘルプからコードをコピペした場合は、import文が補完されず、このままコンパイルするとエラーになります。

そんな時も、Ctrl + Shift + 1です！

以下の例だと、クラス名BitmapDataとBitmapにカーソルを持って行って、Ctrl + Shift + 1を押します。

すると、FlashDevelopがimport文を補完してくれます。

import flash.display.Bitmap;
import flash.display.BitmapData;

他にもまだあったような気がするけど…気がついたら、追記します。

FlashDevelopでフォントサイズを変更するには、いくつか方法があります。

1. マウスホイールをグリグリする
2. タッチパッド（トラックパッド）をグリグリする
3. シンタックスカラーリングから変更する

よく使うのは、こんなとこででしょうか？

1.マウスホイールをグリグリする

Ctrlキーを押しながら、マウスホイールをグリグリします。

これにより、フォントサイズが自由に変更可能です。

2.タッチパッド（トラックパッド）をグリグリする

ノートPCでタッチパッド（トラックパッド）にスクロール機能がついている場合。

Ctrlキーを押しながら、タッチパッド（トラックパッド）の右側（スクロール機能がある場所）をグリグリすることで、フォントサイズが変更可能です。

3.シンタックスカラーリングから変更する

ツール>シンタックスカラーリングの編集を選択し、アイテムスタイルのサイズを任意の値に変更し、適用ボタンを押します。

ノートPCでマウスがなく、タッチパッド（トラックパッド）にスクロール機能がついていない場合は、この方法を使うと良いかと思います。

これを行うと、.fdzという拡張子で各種設定ファイルを保存しておくことが可能になります。

fdzとは、FlashDevelop Zipファイルの略です。

例えば、ツール>シンタックスカラーリングの編集で、テキストや背景のカラーを変更した場合など、FlashDevelop Zipファイルに書き出しておくことで、変更後の値を保存しておくことが出来るんですねぇ…

試してみたら、ツール>すべての設定を保存では、他にもいろいろ出来たので、ちょっとまとめておきます。

シンタックスカラーリングを変更

先にも書きましたが、ツール>シンタックスカラーリングの編集でパネルを表示させ、各種設定を変更しておきます。

スニペットを保存出来る

何か新しくスニペットを作っておきましょう。

ここでは先日のClipBoardというスニペットを作成したとして、話を進めます。

スニペットの保存先は、環境によって違いはあるかと思いますが、以下のようになります。

Windows7の場合

C:\Users\ユーザー名\AppData\Local\FlashDevelop\Snippets\as3

このフォルダ内にあるスニペットのファイルが、fdzファイルに書き出されることになります。

テンプレートファイルも保存出来る

Windows7の場合

C:\Users\ユーザー名\AppData\Local\FlashDevelop\Templates\ProjectFiles\AS3Project

上記フォルダ内にあるテンプレートファイルが、fdzファイルに書き出されることになります。

その際、気をつける点があるのですが、それは後ほど…

FlashDevelop Zipファイルに書き出す

シンタックスカラーリングを変更したり、スニペットを作成し終えたら、メニュー>すべての設定を保存を行います。

すると、こんなものが作成されます。

そうしたら（fdzファイルにきちんと保存されているか確認する為に）シンタックスカラーリングの設定をデフォルトの状態に戻す＆C:\Users\ユーザー名\AppData\Local\FlashDevelop\Snippets\as3フォルダ内にある「ClipBoard.fds」ファイルも消去しておきます。

FlashDevelop Zipファイルを読み込む

書き出したfdzファイルを読み込んでみます。やることは作成されたfdzファイルを、ダブルクリックするだけ。

OKボタンを押します。

無事展開されました。OKボタンを押すと、FlashDevelopが立ち上がりますが、ダイアログの指示に従い、もう一度再起動しておきます。

すると、デフォルト状態に戻したカラー設定が先の手順の変更後のものに変わっていたり、フォルダから削除したスニペットファイルが復活しています！

便利ですよね～！

テンプレートファイルのバックアップの際に気をつけること

テンプレートファイルを使用している際、気をつけることがあります。

僕は以前作成したProgression4のテンプレートファイル『Progression用FlashDevelopテンプレート、修正しました！』を、以下のような感じで使っていました。

Windows7の場合

C:\Users\ユーザー名\AppData\Local\FlashDevelop\Templates\ProjectFiles\AS3Project\Progression4

上記のリンクからDLしてきたzipファイルを展開し、AS3Projectフォルダ内にProgression4フォルダごと入れている感じです。

その状態でFlashDevelop Zipファイルを書き出し、Progression4フォルダを削除。

で、fdzファイルを展開して、FlashDevelopを起動してみると…

エラーになるんですね！

（いろいろやってみたんですが）ProjectFilesフォルダ以下＆ProjectFiles\AS3Projectフォルダ以下に、自分でフォルダを作らずに直接fdtファイルを配置すればOKなようです。

こんな感じですね。

この状態でfdzファイルに書き出し、フォルダからfdtファイルを削除した後、fdzファイルを展開すると、先程削除したfdtファイル（テンプレートファイル）が復活しました！

テンプレートファイルのバックアップの際には、自分でフォルダは作らないで（デフォルトのフォルダ構造のまま）fdtファイルを配置する！　ってことですね。

Settingsファイルなども保存される

Program FIles内のFlashDevelopのSettingsフォルダ内のファイルを、Localの方のSettingsフォルダ内にコピーして、カスタマイズを行った場合ですが、これもきちんとバックアップされるみたいです。

方法としては、Localの方のファイルに修正を加える→fdz書き出し→修正を加えたファイルを削除→fdzファイルを展開すると、削除したファイルが復活しました！

Program FIles内にはToolsフォルダがありますが、これをLocalの方にフォルダごとコピーし、そこにファイルを加えてfdz書き出しを行ってみたんですが、こちらは上手くいって（Toolsフォルダは復活して）くれませんでした。

カスタムアーギュメント（Custom Argument）とプラグインは、どうなのよ？

カスタムアーギュメントに何か設定しておく＆プラグインフォルダにプラグインを入れた状態で、fdz書き出し→カスタムアーギュメントの削除＆プラグインの削除→fdzファイルを展開してみると、こちらも消去したファイルは復活しませんでした。

ここらあたりも出来たら、さらに便利なんですが…

デフォルトで登録されているものや、新規で自分で登録したものの中から、使いたいものをダブルクリック（右クリック→フレームに追加でも可）すると…

こんな感じで「Actions」レイヤーが新規で作成され、タイムラインにコードが挿入されます。

コードはFlashDevelopで書きたいよね！

では、FlashDevelopに（IDEのスニペットに登録してある）コードを挿入するにはどうするのか？

使いたいスニペットを選んで、右クリック→クリップボードにコピーを選択します。

で、FlashDevelopを起動し、コードを挿入したい位置にカーソルを立て、ペーストすると…

はい、見事にインデントが無視された状態でペーストされます…

インデントを保ったままペーストしたい！

ペーストの際、インデントを保ったままペーストしたいですよねぇ…

それには、ちょっとした事前準備が必要になってきます！

FlashDevelopで、ツール→コードスニペットの編集を選択します。

次に、新規ボタンを押して、スニペット名に「ClipBoard」。中央のテキストエリアに、$(Clipboard)と入力し、保存ボタンを押しておきます。

$(Clipboard)というものは、クリップボードにコピーしてあるものを、一塊のブロックとしてカーソルを立ててある位置に挿入するというものです。

FlashIDEに戻って、使いたいスニペットを選んで、右クリック→クリップボードにコピーを選択します。

FlashDevelopのコードを挿入したい位置にカーソルを立て、Ctrl + Bとかでスニペットを呼び出し、先程作成した「ClipBoard」を選択します。

すると、先程とは違い、インデントを保ったままスニペットのコードをペーストしてくれます。

Flash Builderで何かプラグインを入れようとして、ヘルプ>ソフトウェアの更新を選択すると、以下のようなダイアログが出る。

プラグインをインストールまたはアップデートするには、Flash Builderを終了し、管理者権限で実行する必要があります。

で、「ここをクリックして詳細を表示」というリンクがあるので、試しにクリックしてみると、英語のサポートページへジャンプする。

そこに書かれている説明も、何だか…

ま～、不親切ったらありゃしない。

右クリックから

管理者権限で実行するには、Flash Builderのショートカットアイコン（またはスタートメニュー）で、右クリック>管理者として実行を行う。

それで再びソフトウェアの更新を行うと、先のダイアログは表示されない。

毎回右クリックは…

毎回右クリックから実行するのが面倒…という場合は、Flash Builderのショートカットアイコン（またはスタートメニュー）で、右クリック>プロパティを選択。

互換性タブの特権レベル>管理者としてこのプログラムを実行するにチェックを入れておく。

//Stageの中心点を得る（AS2）
var centerX:Number = Stage.width / 2;
var centerY:Number = Stage.height / 2;
trace(centerX + "、" + centerY);

//Stageの中心点を得る（AS3）
var centerX:Number = stage.stageWidth / 2;
var centerY:Number = stage.stageHeight / 2;
trace(centerX + "、" + centerY);

東京てら子7 『夏休みの自由研究発表』を、8/28（土）に開催します。

詳しくは、こちらから。

あれこれやっていたら、三角ボタンからの実行だと、JSFL自体も実行されない場合があるようです。

CS3の場合

ライブラリ内に「Hoge」というフォルダを作成。その中に、「hogehoge」と「piyopiyo」というMovieClipを入れておきます。flaファイルは、FolderOpen.flaとして保存しておきます。

で、以下のJSFLを用意して、三角ボタンから実行します。

var doc = fl.getDocumentDOM();

fl.trace(doc.name);

doc.library.selectItem("Hoge");

//Folderを展開
doc.library.expandFolder(true);

//Folderを閉じる
//fl.getDocumentDOM().library.expandFolder(false);

すると、Hogeというフォルダは選択されるのですが、フォルダを展開するというJSFLは実行されませんでした。

三角ボタンからの実行だと、アクティブなドキュメントが違うのかな？　と思ったので、doc.nameをtraceしてみると…

FolderOpen.fla

問題ない。う～ん、何でだろう？

同じファイルをメニューのコマンド>コマンドの実行から選択したり、JSFLファイルをダブルクリックで実行すると、きちんとフォルダは展開されるんですよねぇ…

（三角ボタンを押して）正しいコードを書いているのに、何故かJSFLが実行されないという場合は、試しに同じファイルを、メニューのコマンドやダブルクリックで実行してみたら、きちんと動作するかも…

CS4＆CS5の場合

上記のコードをCS4＆CS5で実行してみましたが、（三角ボタン・コマンドから実行・ダブルクリックのいずれも）フォルダは選択される＆アクティブなドキュメントはtraceされるものの、フォルダが展開されることはありませんでした。

まぁ、フォルダを展開するっていうJSFLを使うことは、あまりないと思いますけど…

（僕だけの環境かもしれませんが）他にもCS3では動くけど、CS4やCS5だと動かないコードがあったり…

何なんでしょうね？

前回までは更新の際、作成したスライドの枚数と修正後のXMLのノード数が一致していないと更新作業が上手いこといってくれませんでしたが、その点を修正してあります。

例えばですが、（Create～.jsflを使って）新規にスライドを5枚作成したとします。

その後、XMLに修正を加え、修正後のノード数がスライド10枚分になったとしても、きちんと更新してくれるということです。（DLしたZipの中に、サンプルのXMLが二つ入っていますので、そちらを使って更新を試してみてください！）

その逆でも、もちろんOKです。

新たに追加したこと

複数MovieClip、タイムラインに共通しているのですが、スライドを作成すると、『Slides』フォルダ内にMovieClipが作成されるように変更しました。

あとは、XMLを編集して、Update～.jsflを実行してください。

UpdateのJSFLを使う場合は、Slidesフォルダを選択した状態で、JSFLを実行してください。

Slidesフォルダを選択していない状態でJSFLを実行してしまうと、変な具合に更新されてしまうことがあります。

JSFLにも、Slidesフォルダを選択してからUpdate処理を行うという記述を入れているのですが、時折きちんと認識してくれないっぽいんですよねぇ…（CS5だと、フォルダを選択しなくても上手くいく場合があったり…）

ダウンロード

ダウンロードはこちらからどうぞ。

右クリック→プログラムから開く

JSFLファイルをFlash IDEで編集しようとして、マウスの右クリック→プログラムから開くからFlash IDEを選択すると、どうなるか？

.flaファイルは普通に開けるんですが、JSFLファイルの場合はファイルが開かれずに、実行されてしまいます。

プログラムから開くだから、fl.openScriptになると思いきや、fl.runScriptになってしまうんですねぇ…

IDE側でJSFLを開くには、メニュー→開くからJSFLファイルを選択してあげればOKです。

JSFLファイルを実行する

作成したJSFLファイルを実行するには、以下の方法が挙げられます。

1. 任意の場所において、コマンド→コマンドの実行
2. JSFLファイルを、Configuration>Commandsフォルダに入れ、コマンドのメニューから実行
3. IDE側でJSFLファイルを開いておいて、アクションパネルの三角ボタンを押して実行
4. JSFLファイルを、IDEのウィンドウ内やショートカットアイコンにドラッグ＆ドロップ

これ以外にも、方法があります。

てら子の際、「えっ、それでJSFL実行出来るんですか？」と何人かの方に言われたんですが…

意外と知られていないかもしれませんが、JSFLファイルをダブルクリックするだけでも実行出来ます。

気を付けることは、JSFLファイル内に以下のものを記述している場合です。

fl.getDocumentDOM();

これを記述している場合、flaファイルを開かずに実行してしまうと、JSFLの記述にミスがなくても以下のようなエラーが出ます。

TypeError: fl.getDocumentDOM() has no properties

fl.getDocumentDOM();を使っている場合は、（名称未設定などの）flaファイルを開いてからJSFLを実行するようにすると、このエラーは出ません。

エラーが起きたら…

IDEでJSFLを開いておいて、三角ボタンで実行した場合ですが…

（ソースにエラーがある場合）一応、エラーは表示されますが、何行目にエラーがあるまでは表示してくれないんですよねぇ…

コマンド→コマンドの実行や、JSFLファイルをダブルクリックで実行した場合だと…

以下の JavaScript エラーが発生しました :

ファイル “CreateSlide_MovieClips.jsfl” の 74 行目 :
ReferenceError: createGuid is not defined

このように、何行目でエラーが起きたのかを知らせてくれます。

三角ボタンで実行するのは簡単なんですが、このような欠点があります。

JSFLでもtraceを使いたい

久しぶりにJSFLを書いてみると、いつもの癖でこんな感じに書いてしまって…

trace("ほげほげ");

これで実行してしまうと…

Reference Error : trace is not defined.

みたいに怒られます。

ど〜してもfl.trace();じゃなく、JSFLでもtrace();を使いたいって場合は、以下のようにするとエラーは出ません。

trace("ほげほげ");

function trace(string){
	fl.trace(string);
}

CS5をお使いならスニペットに登録しておいて…みたいな使い方も出来るかと思いますが…

まぁ、こんなことする人はいないでしょうね。