nod::ぶろぐ:RIA::Flex/AIR/Flash

FlashやFlex,(Ajax),S2Flex2,ActionScript3,yui-frameworks,Akabanaプロジェクトなどのメモ帳

mxmlとasのソースコードフォーマットをするplugin Flex Formatter

mxml やasファイルのソースコードをフォーマットする機能に対するリクエストは、以前よりJIRAにもあがっていますFlex Builder Gumboでも採用されない?ようです。

そんな中、竹添さんの日記(新・たけぞう瀕死の日記)紹介されていたFlex Formatterというのがあったので試してみました。

インストールは、jarファイル(FlexPrettyPrintCommand_0.6.4.jar)をFlex Builderまたは、Flex Builder Pluginをインストールしてるpluginフォルダにいれて起動するだけのシンプルなものです。
Eclipse 3.3+. が条件になっているので、standalone版ではFlex Builder 3.0.2以降になるかもしれません。手元に有る環境で、Flex Builder 3.0.2とEclipse3.3.1.1では動作しました。

起動すると2つのIconボタンが追加されます。(左の2つのボタン)

  • Format Flex Code(左側のボタン)
  • Indent Flex Code(右側のボタン)
flexformatter-icon.jpg

使い方は、formatをしたい行を選択してボタンをクリックするだけです。
Format Flex Codeをすると

<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
	backgroundColor="#000000"
	 xmlns:mx="http://www.adobe.com/2006/mxml"
	  layout="absolute" xmlns:MMember="check.flexformatter.web.MMember.*">
<MMember:MMemberView/>
</mx:Application>
<?xml version="1.0" encoding="utf-8"?>
<mx:Application backgroundColor="#000000" xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:MMember="check.flexformatter.web.MMember.*">
	<MMember:MMemberView/>
</mx:Application>
のように一行にフォーマットされました。


Indent Flex Codeをすると

<mx:Application 
backgroundColor="#000000"
 xmlns:mx="http://www.adobe.com/2006/mxml"
		  layout="absolute" xmlns:MMember="check.flexformatter.web.MMember.*">
<MMember:MMemberView/>
</mx:Application>

<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
				backgroundColor="#000000"
				xmlns:mx="http://www.adobe.com/2006/mxml"
				layout="absolute" xmlns:MMember="check.flexformatter.web.MMember.*">
	<MMember:MMemberView/>
</mx:Application>
にインデントが追加されて整理されました。!。


フォーマットの設定についてはWindow->Preferences...->->Flex Formatting で設定を開くことができます。また設定はimport/exportもできるようなので、一度設定したものを共有すれば同じ形式でフォーマットすることも可能になりそう。

preference

Open Blace on new lineと言うチェックボックスで"{"の位置も制御できるっぽいのですが、package宣言や、functionなどの"{"の位置は制御できないようです。このあたりはFDTの方が優れているっぽいです。

複数人で開発をしていると、規約等があってもなかなか守れないケースもあるので、ボタンひとつでできるのは便利ではあります。versionは0.6.4ですが最終更新が2008/12/19と新しいのでこれからの進化にも期待できると思います。


#Flex Formmaterのページ.sourceforgeでホストされています。
sourceforge.net Flex Formatter
http://sourceforge.net/projects/flexformatter/

#ReleaseNotesと使い方
http://sourceforge.net/project/shownotes.php?group_id=248408&release_id=648327

#JIRAに登録されているSource code formatter.ここでもこのflexFormatterが紹介されています。
[#FB-8297] Source code formatter - Adobe Bug System
http://bugs.adobe.com/jira/browse/FB-8297

#FDTのcodeFormatterデモ.設定はこっちの方がわかりやすい感じ。
http://fdt.powerflasher.com/fileadmin/features_swf/formatter.htm

FDTの製品紹介ページ
http://solutions.powerflasher.com/products/fdt-3-actionscript-editor/professional/

#MacOSXにおける。Eclipseの使い方。
#ショートカットの変更など。
Maximize your Mac OS X Java development experience using Eclipse
http://www.ibm.com/developerworks/opensource/library/os-eclipse-osxjava/?ca=dgr-lnxw01EasyMacEclipseJava

#Flex Builder のsource Formattingについてvoteを促しているエントリー(以前にも紹介しました)
Leif Wells: RIA Evangelist: Vote for Flex Builder Source Formatting (or Pedro)
http://www.leifwells.com/index.cfm/2008/5/21/Vote-for-Flex-Builder-Source-Formatting-or-Pedro

Posted by nod at 2009年01月11日 22:17 | コメント (0) | Clip!! | Clip!! | このエントリーを含むはてなブックマーク |digg it! |del.icio.us it!

この記事に対するコメント

この記事に対するコメントはまだありません。


コメントを投稿する




保存しますか?



Flex.org - The Directory for Flex Get Adobe Flash Player Made with dreamweaverMade with fireworksPowered by Movable Type 3.36Powered by Wandering Wind
Copyright : [Articles] (C) nod::ぶろぐ:RIA::Flex/AIR/Flash All Rights Reserved.
[Comments/Trackbacks] ... Authors of those have rights.