FlashDevelop3.0 RC2が出てる。

色々機能追加はされてるけど、けどやっぱGUIでフォントのカラーリング設定が出来るようになったのはいいのかもしんない。
自分は基本的にフォントしか変更しないので、そんなに使わないけど。

あと、どうやら3.0の正式リリースがもうすぐらしく、機能追加のリリースは今回でひとまず終わり。
これからは、バグフィックスを中心に安定度を上げていく事に専念するらしいのでこれは期待。
3.0のベータ期間長かったな・・・

その他詳しい情報はいつもリリース情報を訳してくださる馬鹿全さんちへ。

んで、RC版リリースは今回で2回目なんやけど、RC版から微妙にプラグインのSDKが変わっているらしく、beta9まで動いていたプラグインがRC版から動かなくなっているということが多発。

その中でも一番動かなくて残念なのがDuplicatePlugin
これが動かないという理由だけでRC版に手を出さなかった人も多いはず。

しかーし、Twitterで肩パッドさんに教えてもらったんやけど、どうやらRC版で動かす方法が公式フォーラムで話題になっていたらしい。ぜんぜん気づかなかった。RC版リリース直後にフォーラムはチェックしてたんやけど、そのときは誰かがRC版に対応してぇぇぇぇ、って叫んでただけだったので完全にスルーしてた。

というわけでそのフォーラムはこっちから

ここの記事中にリンクが入っているduplicatePluginをダウンロードして、インストールするべし。
そんときに、FlashDevelopの設定フォルダの中のDataフォルダに保存されているDuplicateプラグインのデータフォルダ？を削除しないとダメっぽい。
まぁ、詳しくは英語読んでください。すぐわかると思います。

というわけで、duplicateプラグインが動かなくて嫌だった人は、これでなんのためらいもなくRC2をインストールできるというもの。
でも相変わらず設定ファイルを引き継げないので、インストール時に若干めんどくさいけど、こんだけ何回もバージョンアップしてたら大分なれたよーね。

そんな感じ。

サンプル触って簡単なもの作ってみただけのライトなProgressionユーザのくせに何を思ったかProgressionのコミッタ申請をして、コミットしようと思い立った！

そーいやProgressionも3.1になってるけど、テンプレートファイルなんかあんまりかわってないだろーなー、と思って中身のぞいてみたらコメントの書き方が変わってたので、それを元に作り直しました。あと、FlashDevelopもRC1でてますけど、問題無しっぽいです。

で、作り直してたら、なんとcommandテンプレートで一箇所変数に置き換えるところを忘れていたことに気づく！
ゴメンナサイ。死んできます。
今回のもなんか間違っていたら大いに罵ってやって下さい。

リポジトリはココ

SVNめんどいって人向けに一応zipもこっちにアップしときます。

実際にFlashDevelopへの組み込む方法は、こっちのエントリーに詳しく書いてるつもりなので、参照してください。

今のところ地味にテンプレートのアップデートしていくぐらいでしか貢献出来ませぬが、よろしくお願いします。

そんな感じ。

ll_koba_ll先生のエントリーで詳しく解説されているので、そっちを見てください。

WinでFlashDevelop限定の話をすると、とりあえずIt’s All Text!の設定でエディタにFlashDevelopの実行ファイルのパスを通して、拡張子に「.as」を追加する。
んで、わんだふるのコード編集時にコードのテキストエリアを右クリックしてIt’s All Text!のメニューから、「.as」として編集を選ぶとめでたくFlashDevelopでわんだふれます。

ついでにFlashDevelop上でTweenerやったりas3corelibとかわんだふるで対応しているライブラリを組み込んだプロジェクトファイルを開いておくと、それらのライブラリも補完してくれるのでよりいっそう幸せになれると思います。

MACでFlexBuilderの人はさくーしゃ先生のエントリーを。
FDTって人はcellfusion先生のエントリーを参照すると幸せになれます。

で、次からが本題。

FlashDevelopとかFlexBuilderとかで編集するときにブラウザを片隅においておくわけですが、デフォルトのわんだふるのレイアウトだと、モニタの片隅において置きにくいので、いちいちウィンドウ切り替えねばやりにくい。
というわけで、わんだふるのレイアウトを勝手に変更するグリモンを書いてみた。

これ（wonderfl layout change)

初グリモン。
そしてJavaScript低レベル。
ソースは見ないで。
30分ぐらいで作った。
超適当。
インストールして何かがおかしくなっても当方責任は持ちませぬので、自己責任で。

これインストールするとコード編集時、こんな感じのレイアウトが可能。

上にちっこくなってるのが、コード編集のテキストエリア。
ついでにいらんもん全て取っ払ってやりました。
取っ払いすぎで怒られそうな気もしないでもない。

まぁ、でもこれでモニタの右隅にFFのウィンドウをおいといてコンパイル結果見ながら外部エディタでわんだふれる。

なんとなく良い感じ。
ココまでするなら、ローカルでやれよ！って感じも否めない。

そんな感じ。

相変わらずの説明下手なので、とりあえず下の画像みたいな感じで、プロジェクトウィンドウの右クリックメニューのAddのところに、Progressionのプロジェクトを作ったときに出来るテンプレートファイルを呼び出せるようにしてみた。

コピるときにいちいちクラス名とかパッケージ名とか変更するのもめんどくさいので、その辺も自動で入るようにテンプレート作った。

事前になんも調べずに、勢いで作ったので、すでに誰かがやってたら笑う。
とりあえず便利なことは便利。

【使い方】

このファイルをダウンロードして、解凍して出来たファイルを
（FlashDevelopの設定フォルダ）\Templates\ProjectFiles\AS3Project
のフォルダに突っ込む。
上のフォルダが良くわかんない人はFlashDevelop立ち上げて、Tools > Application Files　を選択すると、設定ファイルのフォルダが開きます。
そーすると、AS3プロジェクトの時に、プロジェクトウィンドウの右クリック>Add　の中に追加されてると思います。

そんな感じ。

【2008/10/20追記】
このエントリーを読んで、Addの下にフォルダ展開できることをしり、大分と便利なことに気づいたので若干ファイルを修正。
ファイルを解答したらできる「Progression3 Template」のフォルダごとAS3Projectのフォルダにぶち込むと↓のような感じになりまっす。

フォルダ展開できるなら、いろいろ自分なりのテンプレート作成していくと、超便利かも。

Spark：Astro情報

んで、FlashDevelopの開発版とFlexSDKを使って、コード補完付きでAstroと戯れる方法。

FlashPlayer10用FlexSDKを動かすまではこっちのブログがすごく良くまとまっているので、こちらを参照してください。
馬鹿全 - FlashDevelop + Flash Player 10 で遊ぶ

で、次。

FlashDevelopの開発版をダウンロードします。

Flash Player 10 support in FlashDevelop

まぁ、基本的にここに書いてある通りにやれば問題ないんやけど、それじゃ不親切なので、解説。

ダウンロードはdownload FlashDevelop 3 SVN build from rev. 2293 ってリンクから。
解凍すると中にいつもの実行ファイルが入ってるので、起動する。
とりあえず僕の環境ではそのまま動いた。
環境設定等は実行ファイルの直下にある、FirstRunの中が使われてるっぽいので、共存可能？
詳しく調べてないのでよくわかんにゃい。

で、何でもいいからAS3のプロジェクトを作る。

プロジェクト作ったら、ProjectメニューのPropertiesを開いて、
Outputタブの一番上にある、Targetを「FlashPlayer10」にする。

で同じウィンドウのCompiler Optionsタブを選択して、Intrinsic Librariesの項目を選択して右にある「・・・」みたいなボタンを押すとなにやら編集画面が出てくるので、

FlexSDKのパス\frameworks\libs\player\10\playerglobal.swc

を追加。

するとあら不思議。
新クラス、新プロパティのコード補完が出来ちゃいます。（SpriteのrotatioinXとか）
FlexBuilderと比べてどーなんやろう？そっちってコード補完できないものがあるらしいけど、おんなじぐらいのレベルなんかな？FlexBuilderインストールして無いのでよくわかんにゃい。

晴れてコード補完が出来たわけやけど、これだとプロジェクト作るたびにいちいちLibraryのパスとおさにゃならんので、FlashPlayer10用のプロジェクトテンプレートを追加してみる。

さっきの実行ファイルの直下にある
FirstRun/Templates/ProjectTemplate/
の「05 ActionScript 3 - Default Project」フォルダをコピーして「05 ActionScript 3 - Default Project for Astro」みたいに名前をつける。
そのコピーしたフォルダの中にある「Project.as3proj」をテキストエディタかなんかで開く。

11行目の

を

に変えて

44行目の次の行ぐらいに

を追記する（pathの部分はさっきプロジェクトのプロパティーで設定したパスとおんなじところ）
で、保存。

その後、FlashDevelopで新規プロジェクト作成の時に、今作ったプロジェクトのテンプレートがあるので、それを選択すると一発でAstro用のプロジェクトがつくれます。

あとは遊ぶだけ。
内容微妙に間違ってたらゴメンナサイ。

そんな感じ。

で、変更点をさらっと確認してみたら・・・

Contextual generators (Ctrl+Shift+1) for getter/setter, event listeners, override methods, interface implementation, unknown var/method

とかいう一文が・・・

早速試してみるとなんとまぁ、こいつが超便利なわけでございます。
たとえば・・・

と書いてたとする。
で、testの上にカーソル持ってきて、CTRL+SHIFT+1を押すと、なにやら見慣れないメニューが出てきて、ためしに「Getter and Setter」を選択するとあら不思議、さっきのコードが

こーなって、ご丁寧に_が入ってくれたり、型宣言をきっちり継承しながら、自動的にgetter setterを書いてくれるわけです。
しゅんごいねぇ

他にはローカル変数の上でさっきのキー押すと、クラスのプロパティに自動で変換してくれたり、未定義の変数や、関数名だった場合は自動で変数宣言もしくは関数宣言を書いてくれたりだとか。
あとは、イベントリスナ系を自動で書いてくれるのは超便利。

のdoEatのところにカーソルもってって、さっきのキー押して、generate functionを選ぶと

って、なるわけですよ。
メソッド名を間違えるとかしょーもないミスがなくなる上に、楽チン、早い。

これらの機能ってFDTとかじゃ結構前からあるっぽい機能みたいやねんけど（てら子でチラッとみた程度）ちょっとFDTいいなぁ・・・って思ってた部分だったので、これは超うれしかった。想像通りかなり便利やし。

短いスパンでガンガン機能アップしてくFlashDevelopが素敵。
そのたびにアップデートは結構めんどくさいけどｗ

さー、次はどんな機能追加が来るのかね、楽しみ楽しみ。

そんな感じ。

■使いまくり

・1行コメントアウト　Ctrl + Q
（コメントアウトされてる行でもっかい押すとコメント解除）
複数行選んでから押すと、まとめて1行づつコメントアウト

複数行選んでまとめてコメント解除したい時は、Ctrl + Shift + Q

・範囲コメントアウト　Ctrl + Shitf + B

・行複製　Ctrl + D

・行削除　Ctrl + Shift + D

・変数、クラス、メソッドの定義元へジャンプ　F4（Shift + F4で戻る）

・Snippet呼び出し　Ctrl + B

・メソッドの引数のコードヒント呼び出し　Ctrl + Shift + Space

・メソッドのコードヒントの簡易、詳細切り替え　コードヒント出ているときに　F1
（詳細にするとAS2Docで書かれてるもの全て出てくる）

・ムービープレビュー　F6（Ctrl + Enter）

・コードジェネレート機能　Ctrl + Shift + 1
（getter,setter、イベントハンドラメソッドなどなどのの自動生成、ローカル変数をクラスメンバに自動登録、未インポートクラスのインポート、その他色々）

■そこそこ使う

・コード補完呼び出し　Ctrl + Space

・クラスリストの表示　Ctrl + Alt + Space

・コード折りたたみ、展開　Ctrl + Shift + F

■あんまり使わないかも

・行コピー　Ctrl + Shift + C

・行カット　Ctrl + Shift + X

・上の行と入れ替え　Ctrl + T

・全部折りたたみ　Ctrl + Shift + A

・全部展開　Ctrl + Shift + E

・大文字に変換　Ctrl + U

・小文字に変換　Ctrl + L

FlashDevelopの便利機能Snippet Editorのちょっとした紹介。
※以下の解説はFlashDevelop 3.0.0 Beta 5　を使用してます。

とりあえずエディタ上で何なりとテキストを選択して右クリックすると、save as snippetって出てくるので、それを選択して適当にファイル名を指定して保存すると、Ctrl+Bを押した後にファイル名をタイプ（もちろん入力補完付き）してEnterすると、保存したテキストの内容が呼び出せるようになります。
（保存の際はプロジェクトのタイプごとにフォルダが決まってるので、保存先に注意AS2用ならAS2ってフォルダ、AS3用なら・・・以下略、見たら大体わかると思います。）

これが一番簡単なSnippetの使い方。

こっからが本番。

メニューから「Tools」 > 「General Tools」 > 「Snippet Editor...」を選ぶとSnippet Editorなるものが開く。

するとタブでファイルのタイプがあって、Snippetsって中に登録されているSnippetsの一覧が表示されてます。
デフォルトでifやらwhileやらなんかあるけど、さっき保存したやつもあったりして、選択するとその内容が表示されるわけです。

ここで注目するは、右上にあるselect instruction ってやつ。
コンボボックスになってるので、ポチッと押してみるとずらっと変数らしきものが出てくる。
そう、Snippetの内容に環境変数っぽいものを指定するわけができるですよ！！

たとえば　$(TypName)　でクラスの名前が拾えたり、$(Clipboard)でクリップボードのテキストが拾えたり、$(EntryPoint)で入力後のカーソルの位置を指定したりすることができるのです。

と、うんちく語っていてもわかりにくいので例。

AS2でドキュメントクラスを無理やり設定するアレ

singletonちゃんを1発で作る

ってな感じで、クラス名自動で拾って挿入できるのでいろいろ応用がきく。

超楽チン。

個人的にtraceデバッグしまくる人なので、Objectの内容を全部トレースしたいときに、トレースしたいオブジェクト名をコピーした後に

とか、そんな感じ。

ちなみに、FlashDevelopからクラスとか新規作成するときにデフォルトで入力されている内容は、全部このフォーマットで書かれてる。
File > New から作成する際のテンプレートはFlashDevelopのメニューからTools > Application Files... を選択すると開くフォルダの直下にあるTemplatesってフォルダの中に。
Projectウィンドウの中で右クリックしてAddからクラスファイル作成する場合は、Templates\ProjectFilesのそれぞれAS2,3,HaxeProject各フォルダの中に入ってます。
なので、デフォルトで入力されている内容を変更したい場合はこのファイルを適当に書き換えてやるだけでOK。

使い込むとかなり便利くさいですよ。

ほかのエディタとかってどーなんやろう。
FDTとか、もっと強烈な機能あるんだろーか？
誰か教えて、って自分でやってみろっつーの・・・

そんな感じ。