Branberyheag!! Lab » flex

FlexFTP

isao — Tue, 24 May 2011 10:01:54 +0000

Adobe AIRでXMLで管理するCMSを作りたくて、FTPでサーバにファイルをアップロードする必要だなとかいろいろと必要な機能を整理をしていたんだけど、果たしてFlexでFTP機能って作れるのかって、思って調べたら、ライブラリがあった。これを使うできるようだ。ただ、Flex2の時に作られたライブラリでしかも更新していないようだ。

とは言っても参考になりそうなので、メモ。
flash.net.soketクラスで作れるようだ。作る前にある程度調べる必要がありそうだ。

URLは、以下のとおり。

参考

関連した記事

FlashDevelop3.1.0RTMリリース

isao — Thu, 22 Apr 2010 11:05:22 +0000

Flashでなんか作るときにFlashDevelopを使っている。
起動が早くてしかも軽くて、サクサクで非力のノートPCで十分動いてくれる。好きなソフトウェアのひとつ。

3.1.0にバージョンアップした。しかも、更新内容をみるとFlex4、Flash Player 10.1に対応している。これだけでうれしい。早速なんか作りたいけど、今のところFlashで作りたいものがない。だけど、ツールを作ってみようと思った。

主な変更点は、こんな感じらしい。

本格的な MXML の補完のサポート
FlashPlayer10.1、Flex4のサポート
簡易的なリファクタリングをサポート
タスクの管理対象から除外するパスをグローバルに保持
Embedメタデータタグが全てのファイルタイプに対応
BOM無しのファイルへの適切な振る舞い
HTML の ZenCoding に対応［Ctrl］+［B］
出力パネルの検索に対応。（ハイライト）［F3］/［Shift］+［F3］
シンプルなマルチプロジェクトに対応。バッチコンパイルにて対応。（※１）
コンパイラ定数とタイムスタンプを自動的に追加。
FlexSDKのソースファイルのクラスから補完を行うように改良。
日本語のローカライズに対応
（Tools -> Program Setings -> FlashDevelop -> Selected Locale を en_US から ja_JP に変更して FlashDevelop を再度起動。
詳しくはこちら
HaXe のオンデマンド補完に対応（filt3rさん）
キーワードグループに”config”を追加
コード補完の改善とバグ修正
全体的なUIの改善とバグ修正

ダウンロード下のリンクから・・・

FlashDevelop3.1.0RTM関連した記事

Flex3のScrollbarのコントロール

isao — Wed, 24 Mar 2010 17:16:27 +0000

スクロールバーのコントロールできるといろいろと役に立つと思う。
ページの先頭へ移動したり、特定の位置に移動したりと案外いろんなことができる。たまたま探したら、あったのでメモ。

http://www.adobeauthorizations.com/livedocs/flex/3_jp/html/help.html?content=controls_22.html関連した記事

Flex SDK3.5リリース

isao — Thu, 17 Dec 2009 06:11:57 +0000

Flex SDK3.5がリリースした。
ウチのPCに入っているFlexってバージョンってなんだっけかな・・・忘れた。

面白いアイデアは思いつくけど、やはりバックエンドを習得しないと実現がむずかしいことに気付いた。PHPもやってみるかな・・・

http://opensource.adobe.com/wiki/display/flexsdk/Download+Flex+3関連した記事

Flexで縦書きする方法ってあったんだｗ

isao — Sat, 12 Dec 2009 14:55:55 +0000

Flash Player10のテキストエンジンもいつか使ってみたいと思っていたけど、Flexでも縦書きできるんだね。

PHP,MySQL,Flexな日々＋イラストとかさんの記事の中で発見した。

こういう記事を見るとFlexでフルFlashサイトをつくってみようかなっと思ってしまう。Flexのほうがあっているのかもしれない。まぁ、どっちで作ってもあんまり変わらないか。

コミュニテイサイトを作ったら、またFlexに戻ってみようかなと思った。
ちょっとポートフォリオのサイトを作りたいから丁度よかったかもしれない。関連した記事

FilmGeneratorから学んだこと

isao — Mon, 19 Oct 2009 15:13:31 +0000

実は、FilmGeneratorは、いいケーススタディだったかもしれない。
Flexって、サクっと作るにはものすごい便利なツールかもしれない。UIの完成度が高いので、スクリプトに集中できること。クラスファイルの開発に時間をかけられる。あとUIの完成度が高いのでモックアップには最適だと思う。

技術不足な俺が偉そうなことは言えないけど、Flashってすごい便利になったと思った。多分、１，２年くらい作り続けていればプログラムを理解するだろうから、細くながくFlashとは付き合っていきたい。

やってみたいことはいろいろとあるので、少しずつ実現していくつもり。関連した記事

失敗作:FilmGenerator

isao — Mon, 19 Oct 2009 15:05:24 +0000

2か月ほど、ずっとかかりきっりで作っていたFilmGeneratorというツールを作っていた。これを元にオンラインツールだけではなくAIRにも反映するつもりだったけど、途中で作るのを諦めようと思った。

コンセプトとして、デジカメで撮った写真を気軽にFilmのような色合いに変換できればいいなぁと思った。そこから開発を始めた。Flash player10を利用して、Flashのみで画像の読み込みと保存ができるようにした。

色調は、Color MatrixとTwennerを使ってサクっと作るつもりだった。
だけど、楽して作ろうと思ったのがそもそもの間違い。案外難しかった。それもどうにか乗り越えてLomo Filterというクラスを作って、適用しようと思ったら、保存すると適用されるのにプレビューでは全然適用されなかった。

あとは、次々と読み込み、保存をしたかったので、ファイル読み込み時には、今まであったデータを削除したかった。だけど、これもうまくいかなかった。
ダラダラと進まないので飽きてきたというのもあった。

反省点は以下の３つ。まだまだあるんだけどね・・・

機能を絞ることによって、使う側が難しいことを考えないでいろいろとできるツールを作りたかったこと。
フィルムのようにアウトプットするまで見せないでおくというコンセプトもツールという視点と使いやすさという視点からでは、使えないツールになってしまうこと。結局、プレビュー画面を付けてしまった。
技術不足だったこと。

また、やる気が出たらまた再開したいと思う。
こういう止め方は本当は嫌なんだど、次に作りたいものもあるので、そっちをがんばるぞ。

FilmGenerator
http://lab.branberyheag.com/film/関連した記事

Flexにおけるディープリンクの付け方

isao — Sun, 04 Oct 2009 13:47:37 +0000

Flexでの構築でウェブアプリケーションやインタラクティブコンテンツを作る際、必ず課題としてあがってくるのが、ページごとのリンク（ディープリンク）だと思う。

ちょっと前のFlashコンテンツだと各階層ごとにリンクがなくてブックマークしても結局はトップページから目的のページへまた画面遷移しないといけない。これって、ユーザに負担をかけてしまい、離脱率が高くなってしまう。

そこで、各ページにリンクを付ける機能が必要になってくる。
Flashだと、タイムライン上で設定でき足り、Progression 3を使う方法がある。Flexでは、ライブラリがあるのでこれを利用すると案外簡単に実装できる。

リンクを付ける機能のしくみとしては、アドレスバーのURLを取得してドメイン以下の文字列を取得して解析。その該当するページを探して、画面を切り替える。これは、JavascriptのAJAXを使ったコンテンツでも応用が可能である。

まだ、試してないのでなんとも言えないけど、いずれ必要になってくる機能のひとつである。

参考にしたページ
Deep-linking to frames in Flash websites

UrlKit 0.5（Flexライブラリー）関連した記事

[flex3]NumericStepperのカスタマイズ

isao — Wed, 16 Sep 2009 05:06:36 +0000

NumericStepperのカスタマイズ方法についてもメモ。

styleで定義できる。時間ないので、殴り書きです。あしからず

NumericStepperの下矢印のCSSプロパティ

downArrowDisabledSkin=”NumericStepperDownSkin”
downArrowDownSkin=”NumericStepperDownSkin”
downArrowOverSkin=”NumericStepperDownSkin”
downArrowUpSkin=”NumericStepperDownSkin”

NumericStepperの上矢印のCSSプロパティupArrowDisabledSkin=”NumericStepperUpSkin”
upArrowDownSkin=”NumericStepperUpSkin”
upArrowOverSkin=”NumericStepperUpSkin”
upArrowUpSkin=”NumericStepperUpSkin”

参考したページ
http://livedocs.adobe.com/flex/3_jp/langref/mx/controls/NumericStepper.html関連した記事

[Flex3]HSliderのつまみのカスタマイズ

isao — Wed, 16 Sep 2009 04:51:39 +0000

今、Hsliderのつまみをもう少し大きいものにしたいなと思って、調べていたらスキンでなんとかなるみたいだったので、メモ。

参考になった記事
[Flex2][AS3]SliderのThumbが言うことを聞かない件

要約するとスキンでHSliderのつまみは、変更できるけど定義されているMXMLがサイズが固定されていて、大きさが変更できない。クラスファイルで拡張してつまみの大きさを調整したということらしい。

つまみの大きさの固定は、あまり変更をしないであろうという想定だったのかもしれない。それに全体のデザインを考えて小さいほうがいいと考えたのことも考えられる。

参考ソースコード




HSlider{
thumbUpSkin: Embed(source="/assets/sliderThumb.png");
thumbOverSkin: Embed(source="/assets/sliderThumb_over.png");
thumbDownSkin: Embed(source="/assets/sliderThumb_down.png");
thumb-disabled-skin: Embed(source="/assets/sliderThumb_disable.png");
}

HSliderにクラス変数をセットする。

package{
import mx.controls.sliderClasses.SliderThumb;
import mx.core.mx_internal;
 use namespace mx_internal;

public class FixedSliderThumb extends SliderThumb
{
override protected function measure():void{
super.measure();
measuredWidth = currentSkin.measuredWidth;
measuredHeight = currentSkin.measuredHeight;
}
}
}

これでつまみのカスタマイズができるようだ。
今作っているもので試してみようと思う。

http://d.hatena.ne.jp/c9katayama/20080604/1212563971http://d.hatena.ne.jp/c9katayama/20080604/1212563971

関連した記事