Flex 2には、sampleとして付属しているものや、blogなどで公開されているものなどさまざまなExplorerがあります。
Flex 2用になってからソースも公開されているものも多くあり、それを元に機能を追加したものが出たりもしています。
そんなさまざまなExplorerリンクを集めてみました。
1.Adobe Flex 2 Component Explorer
Flex 2Frameworkのコンポーネントを利用したサンプルをみることができます。 Flex Builder 2のスタートページ、Flex 2 SDKのサンプルとしても付属しています。オンラインでみることができるComponent Explorer.
ここでは右クリックをしてもView SourceはでてきませんがFlex 2 SDK/Flex Builder 2ともにsamples/explorer以下に付属しています。
http://examples.adobe.com/flex2/inproduct/sdk/explorer/explorer.html
2.Flex 2 Style Explorer
コンポーネントのスタイルを画面上で指定しながらCSSを作成することができます。 2.0.1になってカラーピッカーがついたり、クリップボードにコピーしたりなどができるようになったようです。 Adobe Consulting作成です。Flex Builder 2のスタートページにもリンクがあります。
View Source付き。
http://examples.adobe.com/flex2/consulting/styleexplorer/Flex2StyleExplorer.html
新機能については以下のページが詳しいです。
Adobe Consulting | User Experience Hub: New Flex Style Explorer: Jam-Packed with New Features
http://weblogs.macromedia.com/mc/archives/2007/02/new_flex_style.cfm
3.Realtime CSS Updater powerd by Flex2StyleExplorer
Pepeさんが作成したRuntime CSS updaterです。 まず最初にスタイルを反映したいアプリケーションからカスタマイズされたFlex 2 Style Explorerを呼び出します。 Style Explorerでスタイル変更をすると、呼び出し元のアプリケーションがリアルタイムで変更内容が反映されるというもの。しばらく英語でしか公開されていなかったのですが、先日めでたく日本語での解説が公開されました。
Shigeru-Nakagaki.com: リアルタイム CSS アップデータ ツール
http://shigeru-nakagaki.com/index.cfm/2007/3/22/20070322-RealTime-CSS-Updater-JP
ソースはこちら。
Sources of Realtime CSS updater powerd by Flex2StyleExplorer
http://shigeru-nakagaki.com/index.cfm/2007/3/21/20070321-Sources-of-Realtime-CSS-updater-powered-by-Flex2StyleExplorer
4.Filter Explorer
CanvasにBevelなどのフィルターをかけることができるFilterのExplorerです。 右クリックでソースを見る事ができます。Flex 2 Filter Explorer
http://www.merhl.com/flex2_samples/filterExplorer/
#作者さんのエントリーです。
merhl » Flex 2 Filter Explorer Source Available
http://merhl.com/?p=15
5.Chart Sampler
Flex 2のさまざまなChartの作成例をみることができるExplorerです。 通称？「黒いところ」の人が作成しています。http://demo.quietlyscheming.com/ChartSampler/app.html
これもソースを参照することができるようになっています。
6.flex2 transitions and effects explorer
その名の通り、Flex2のtransitions と effectsを設定してプレビューすることができます。http://blog.keutgens.de/download/flexEffectExplorer/current/swf/TransitionsAndEffects.html
作者さんのエントリーには、ソースも公開されています。
David Keutgens » Flex Effect Explorer
http://blog.keutgens.de/index.php/flex-effect-explorer-01alpha/
7.Primitive Explorer
primitiveなオブジェクトをリアルタイムで描画するExplorer.
作成したオブジェクトは、cssまたはmxmlでsampleコードが表示されます。
これもソース付きです。(右クリック-View Source)
http://www.3gcomm.fr/Flex/PrimitiveExplorer/Flex2PrimitiveExplorer.html
作者さんの紹介ページ。
Flex 2.0 Primitive Explorer « Flexible Experiments
http://flexibleexperiments.wordpress.com/2007/03/14/flex-20-primitive-explorer/
8.Flex 2: Styles Creator
Flex Style Explorerを元にCSSファイルを出力できるようにしたもののようです。 画面右端にあるDownload CSSファイルボタンをクリックすると、作成した内容のCSSファイルがダウンロードできるようになります。Flex 2: Styles Creator
http://www.flexonrails.net/stylescreator/public/
ちょっと古いもの(2.0)をベースにしているので、2.0.1で機能追加されたものは含まれていませんが、作成したものをファイルに出力して保存する事ができるので、便利です。
Style Explorer2.0.1で加わったクリップボード経由の方法とファイル出力できるこのバージョンとどちらがいいかは意見が分かれるところかもしれません。
＃それとも両方あればいいのでしょうか？？。
右クリックで、ソースを参照することができます。
作者さんのエントリーはこちら。
flexonrails.net » Blog Archive » Save your CSS with the Flex 2: Styles Creator
http://flexonrails.net/?p=8
このエントリーをほとんど書き終わった後にみつけたエントリー２つ The Flex Style Explorer is a Proud Papa - 杜增强.COM http://www.wyyan.com/blog/article.asp?id=164 Adobe Consulting | User Experience Hub: The Flex Style Explorer is a Proud Papa http://weblogs.macromedia.com/mc/archives/2007/03/the_flex_style.cfm
タイトルが一緒なのでもしかしたら内容も一緒かもしれませんが、集めた内容ほとんど書いてありました.. orz
よく探してから書きましょう！ということでしょうか。
今後追加、更新されていくことを考えるとFxUGのwikiにでも移したほうがいいかもしれませんね>Explorerの一覧。
以下いろいろなリンク：
AS2APP: Flex Style Explorerの新版
http://www.logicalyze.com/as2app/archives/2007/02/flex_style_explorer.html
#上条さんによる紹介
akihiro kamijo: Flex Style Explorer の新バージョン
http://weblogs.macromedia.com/akamijo/archives/2007/02/flex_style_expl.cfm
#Flex Style Explorer新機能の紹介
Adobe Consulting | User Experience Hub: New Flex Style Explorer:Jam-Packed with New Features
http://weblogs.macromedia.com/mc/archives/2007/02/new_flex_style.cfm
#shinozakiさんによる紹介
FlexStyleExplorerが新しくなった。 (末尾再帰の憂鬱)
http://blog.classmethod.info/shinozaki/2007/02/flexstyleexplorer.html
#PepeさんによるRealtime CSS updaterの説明
Shigeru-Nakagaki.com: Realtime CSS Updater powerd by Flex2StyleExplorer
http://shigeru-nakagaki.com/index.cfm/2007/3/12/Realtime-CSS-Updater-powerd-by-Flex2StyleExplorer
Shigeru-Nakagaki.com: リアルタイム CSS アップデータ ツール
http://shigeru-nakagaki.com/index.cfm/2007/3/22/20070322-RealTime-CSS-Updater-JP
#flex2 transitions and effects explorerの初期バージョンだった時のエントリー
BLOG IN BLACK: Flex 2 Effects Explorer 0.1
http://www.bloginblack.de/archives/000795.cfm
#Effect Explorer作者さんのエントリーで一覧がすでにあることを知りました。
David Keutgens » Flex Effect Explorer mentioned on Adobe Consulting User-Experience Hub
http://blog.keutgens.de/index.php/archives/16
2007/04/22 追記
Fireworks CS3と連携するExtensionもあるとのことです。
ScaleNine Blog » Blog Archive » Flex 2 Style Explorer Updated
http://scalenine.com/blog/2007/04/21/flex-2-style-explorer-updated/
Adobe Consulting | User Experience Hub: Designing Flex in Fireworks (Including Style Explorer as Fireworks Extension)
http://weblogs.macromedia.com/mc/archives/2007/04/designing_flex.cfm
|digg it!
|del.icio.us it!
この記事に対するコメント