|
|
|
|
|
||
|
||
もう三回目になったので、もう細かい所などはまったく書かないけれど、毎年恒例のものすごく楽しい会になったと思いますね。
まあ１次回こそ１年のブランクもあり（もう３回も会っている人も多いのに）みなヨソヨソしい訳ですが、２次、３次に進むにつれ、打ち解けてくるのがすばらしいですね。
色々思う所もあるのですが（もうちょっとツイッターとかのウェブと連続性をもたせられれば、もっと速やかに、気楽に打ち解けられるんじゃないかとか）そんな小難しいことはどうでもよくて、
81会は「名刺交換＆当たり障りのない世間話」などせず、ぶっちゃけでどうでもいい話をして、バカみたいに笑い、楽しい学生ノリを取り戻す重要な会だなーと思いますので、これはこれでいいですね。
来年位は感謝の気持ち的にも、なんか協力できないもんかなーなどと思ったりする。
つまり来年も是非宜しくお願い致します。
exvfrq2011/04/06 23:04y0rQoR <a href="http://cxmvfidetkwq.com/">cxmvfidetkwq</a>, [url=http://ydauvwmfbzon.com/]ydauvwmfbzon[/url], [link=http://pabenecujatw.com/]pabenecujatw[/link], http://ydpymmdvthuo.com/
flex |
ASで文字列を表示させるとき、
var _label:Label = new Label(); _label.text = 'ほげほげ'; this.addChildren(_label);
とかやりますやん、でもコレだと表示できませんよね。
これは当然ですね、横幅がないんです。
Widthとheightを指定してあげなきゃいけないですね。
var _label:Label = new Label(); _label.text = 'ほげほげ'; _label.width = 40; _label.height = 20; this.addChildren(_label);
こうやると表示できますね、うん。
でもこのテキストの内容が可変の時、過不足ないサイズに広げるにはどうすればいいのか。
Mxmlとかでやると、自動的にサイズが広がるから値は取れるはず。
リファレンスみたら１分で解りました。
var _label:Label = new Label(); _label.text = 'ほげほげ'; _label.width = _label.textWidth; _label.height = _label.textHeight; this.addChildren(_label);
textWidthとtextHeightは入力されたテキストの（仮想的な）横幅と縦幅を取り出せます。
こうすると、過不足ないサイズのLabelができそうですよね。
でも、やると解りますが、これはダメなコードなんですよね。_label.widthは0になっちゃう。
これは_label.textWidthの返値がNaNであるからなんですね（だじゃれ）
最初上の問題がなんで出るのかわかんなかったんですけど、なんか別の関数に飛んだりして、ちょっと経つと取得できるようになる、ってことはImageとかと同様に、非同期でやらなきゃいけない？そんなのイヤだなーとかおもってたら、そんなことはなかった。
ドキュメント*1を読んだら、validateNow()を読んだらその瞬間に様々な計算がされて、textWidthとかが取得できるよーって書いてあった、なるほどー！
var _label:Label = new Label(); _label.text = 'ほげほげ'; _label.validateNow(); _label.width = _label.textWidth; _label.height = _label.textHeight; this.addChildren(_label);
こうですか！
でもなぜかうごきませんでした！
相変わらずNaNが帰ってきます、なんでだよこのヤロー！（だじゃれ）
結論からいえば、
var _label:Label = new Label(); this.addChildren(_label); _label.text = 'ほげほげ'; _label.validateNow(); _label.width = _label.textWidth; _label.height = _label.textHeight;
こう書いたら動くよ！addchildrenしてからじゃないとちゃんと計算してくれないらしい。
めでたしめでたし！
個人的には全部設定してからaddChildしたかったけど、そういう書き方は普通じゃないんだね。
まずaddChildrenがAS的なんだろうか。
でも上のをやってみると完璧ではなくて、文字の下pxと、右が数px欠けます。
なんでだろーとおもったけど、多分これはPaddingがあるんだろうなー。
（多分これのWidthはLabelの子のUITextFieldの幅なんだよね）
だから、多分StyleのpaddingLeftとか、もしくはTextLineMetricsを取得して、適当に足し算してあげればいいんだろう。
でもこれは試してません、安易に適当なpx数足してにげちゃったから（苦笑）
どこで学ぶべきなんだろうか。
ググったけど、ぱっとはこの問題みつけられなかったんだよね。
（だから、このエントリを書いた）
言語を勉強するときはリファレンスだけ読めばいいやでやっているけど、Flex(Flash)は複雑なだけに結構暗黙の了解的な事が多く、こういう皆ならわかっている様な所でいちいち突っかかるよ…。
flex |
ただ単に、一色で、ボーダーとかなく、グラデとかなく、プレーンなFlatボタンがほしいんだけど…。
（カッコイイとかじゃなく、デザイナーの指示がそうだったので…）
Buttonクラスは色々な設定ができるのだが（プロパティが数えられないほど）、
<mx:Button label="text"
fillAlphas="[1.0, 1.0]"
fillColors="[#990000, #990000, #FF0000, #FF0000]"
color="0xFFFFFF"
textRollOverColor="0xFFFFFF"
textSelectedColor="0xFFFFFF"
highlightAlphas="[0.0, 0.0]"
borderColor="0x00990000"
themeColor="#FF0000"/>
とか色々やっても完全にプレーンなものがつくれなかった。
何となくソレっぽいから俺的にはもうこれでいいんじゃね？とおもうけど、くおりてぃちぇっく通らないとめんどくさいな…。
…簡単なコンポーネント書くか…。
mx.skins.halo.ButtonSkin とかいうのと同等な物を用意すればできるんかなあ、
でもよくわからんし、自分で書いたほうが速いな…間違いなく。
静的な画像を用意して、RollOverで差し替えるっつうHTML的な手法でもいいよなー…ｗ
デザイナーから上がってきた画像にできるだけ似せる、というだけの話だし。
Enable/Disable辺りが適当すぐる、単に消すだけってｗｗ
package jp.cfe.widget
{
import flash.events.MouseEvent;
import mx.controls.Label;
import mx.core.UIComponent;
import mx.events.ResizeEvent;
/*
フラットなボタンを作成する
btn = new FlatButton();
btn.setupByText(genImg, 0x990000, 0xFF0000, "ボタンテキスト", 0xFFFFFF,10,10);
btn.move(250, 390);
this.addChild(btn);
btn.enable = false; //ボタンを隠す
*/
public class FlatButton extends UIComponent
{
private var elipseWidth:uint = 1;
private var elipseHeight:uint = 1;
private var color:uint = 0;
private var roColor:uint = 0;
private var text:Label = new Label();
private var vPadding:uint = 3 * 2;
private var hPadding:uint = 40 * 2;
private var onClickFunction:Function;
public function FlatButton()
{
super();
this.addChild(text);
//text.text = '';
}
public function setupByText(_onClickFunction:Function, //クリックされたときの関数
_color:uint=0x990000, //ボタンボディの色
_rocolor:uint=0xFF0000, //マウスオーバー時のボタンボディの色
_text:String="", //テキスト
_textColor:uint=0x000000, //テキストの色
_ew:uint=10, _eh:uint=10 //カドの丸さ
):void
{
color = _color;
roColor = _rocolor;
text.text = _text;
text.setStyle("color", _textColor);
text.setStyle("textAlign", "center");
text.setStyle("fontWeight", "bold");
text.setStyle("fontSize", 13 );
elipseWidth = _ew;
elipseHeight = _eh;
onClickFunction = _onClickFunction;
this.addEventListener(ResizeEvent.RESIZE, onResize);
this.addEventListener(MouseEvent.CLICK, onClick);
this.addEventListener(MouseEvent.MOUSE_OVER, onMouseIn);
this.addEventListener(MouseEvent.MOUSE_OUT, onMouseOut);
draw();
}
//
// ボタンを押せないように、消す
//
public function set enable(_enable:Boolean):void{
if(_enable){
this.visible = true;
this.addEventListener(MouseEvent.CLICK, onClick);
}else{
this.visible = false;
this.removeEventListener(MouseEvent.CLICK, onClick);
}
}
//
// ボタンの色を切り替える
//
private function drawBase(roFlag:Boolean):void{
//再描画する
this.graphics.clear();
var _color:uint = (roFlag == true)? roColor: color;
this.graphics.beginFill(_color);
this.graphics.drawRoundRect(0,0,this.width,this.height,elipseWidth,elipseHeight);
}
//
// 描画する
//
private function draw():void
{
text.validateNow();
this.width = text.textWidth + hPadding;
this.height = text.textHeight + 1 + vPadding; //なぜか文字の下１ドットが切れるので
drawBase(false);
text.width = this.width;
text.height = text.textHeight + 1;
text.y = this.height/2 - text.height/2 - 2;
}
private function onClick(e:MouseEvent):void{
onClickFunction();
}
private function onResize(e:ResizeEvent):void{
draw();
}
private function onMouseIn(e:MouseEvent):void{
drawBase(true);
}
private function onMouseOut(e:MouseEvent):void
{
drawBase(false);
}
}
}
まあ、これくらいだと俺みたいなダサ坊でも数十分で書ける訳で、Flexは楽でイイですね。
Flex |
最近なんにも書いてないので。
今Flexで画像を編集するツールを書いているが、Flexだと当然ローカルファイルがよめないので、一度サーバーにULして、それをDLしてローディングする必要がある。
<?php /* Filedataというnameでファイルをポストすると、 ./images/{GUID}_filename.jpg に保存し、URLの文字列をレスポンスする。 */ $MAXIMUM_FILESIZE = 1024 * 2000; // 2000KB $MAXIMUM_FILE_COUNT = 10; // keep maximum 10 files on server require("Guid.php"); $Guid = new Guid(); $filename = $Guid->toString() . "_" .$_FILES['Filedata']['name']; if ($_FILES['Filedata']['size'] <= $MAXIMUM_FILESIZE) { move_uploaded_file($_FILES['Filedata']['tmp_name'], "./temporary/".$filename); $type = exif_imagetype("./temporary/".$filename); if ($type == 1 || $type == 2 || $type == 3){ // GIF or JPG or PNG. rename("./temporary/".$filename, "./images/".$filename); } else{ // Not popular image format. unlink("./temporary/".$filename); echo "NG"; exit; } }else{ echo "OVERSIZE"; exit; } $directory = opendir('./images/'); $files = array(); while ($file = readdir($directory)) { array_push($files, array('./images/'.$file, filectime('./images/'.$file))); } usort($files, sorter); if (count($files) > $MAXIMUM_FILE_COUNT) { $files_to_delete = array_splice($files, 0, count($files) - $MAXIMUM_FILE_COUNT); for ($i = 0; $i < count($files_to_delete); $i++) { @unlink($files_to_delete[$i][0]); } } closedir($directory); print("http://localhost/images/".$filename); function sorter($a, $b) { if ($a[1] == $b[1]) { return 0; } else { return ($a[1] < $b[1]) ? -1 : 1; } } ?>
上のコードはかなり適当、Adobeのサンプルコード*1を多少弄った物。
guid.php*2は適当なランダムファイル名を付ける為の物。
処理としては、POSTされたファイルをサーバーに保存し、そのファイルをHTTPでGETできるURLを返す。
途中でファイルが画像であるかチェックしているが、この辺り省けば何のファイルでも使える。
次はメインとなるライブラリ。
package jp.cfe.file { import flash.events.DataEvent; import flash.events.Event; import flash.net.FileFilter; import flash.net.FileReference; import flash.net.URLRequest; import flash.net.URLRequestMethod; import flash.net.URLVariables; import mx.managers.CursorManager; /** * サーバーにファイルをアップロードして、アップロードされたファイルのURLを取得する。 * var rl:ReflectLoad = new ReflectLoad(callbackFunction); * rl.setFileFilter("Images", "*.jpg;*.gif;*.png"); * rl.browse(); * * アップロードが終わったらコールバック関数が呼ばれる。 * */ public class ReflectLoad { private var _fr:FileReference; private var _ff:FileFilter = null; public var fileUrl:String; public var status:Boolean = false; public var reflectorUrl:String = "http://localhost/ul.php"; public var uploadParamName:String = "Filedata"; public var responseHandlerFunction:Function; public function ReflectLoad(_func:Function) { _fr = new FileReference(); _fr.addEventListener(Event.SELECT, imgSelectHandler); _fr.addEventListener(DataEvent.UPLOAD_COMPLETE_DATA,imgUploadCompleteHandler); responseHandlerFunction = _func; } public function browse():void{ _fr.browse([_ff]); } public function setFileFilter(desc:String, suffix:String):void{ _ff = new FileFilter(desc, suffix); } private function imgSelectHandler(event:Event):void{ //マウスカーソルをBusyに CursorManager.setBusyCursor(); var request:URLRequest = new URLRequest(reflectorUrl); var params:URLVariables = new URLVariables(); request.method = URLRequestMethod.POST; request.data = params; _fr.upload(request,uploadParamName); } private function imgUploadCompleteHandler(event:DataEvent):void{ if(event.data.toString().substr(0,4) == 'http'){ //Alert.show(event.data.toString()); fileUrl = event.data.toString(); status = true; responseHandlerFunction(this); }else{ // maybe, server was failed. status = false; responseHandlerFunction(this); //Alert.show("something wrong"); } //マウスカーソルをnomalに CursorManager.removeBusyCursor(); } } }
で、上のライブラリはこんな風に使う。
import flash.display.Bitmap; import flash.display.BitmapData; import flash.display.Loader; import flash.events.Event; import flash.net.URLRequest; import mx.controls.Image; import mx.managers.CursorManager; import jp.cfe.file.ReflectLoad; private _loader:Loader; // // reflectLoadを用いて画像をロード １ // ファイル選択画面を出す // private function loadNewImg():void{ var _rl:ReflectLoad = new ReflectLoad(rlCallback); _rl.setFileFilter("Images", "*.jpg;*.gif;*.png"); _rl.browse(); } // // reflectLoadを用いて画像をロード ２ // ULした画像をLoaderでDLロードする // private function rlCallback(_rl:ReflectLoad):void{ if(_rl.status){ //マウスカーソルをBusyに CursorManager.setBusyCursor(); _loader = new Loader(); _loader.load( new URLRequest(_rl.fileUrl) ); _loader.contentLoaderInfo.addEventListener( Event.COMPLETE, completedata ); }else{ //ULにミスっているのでエラー表示とか } } // // reflectLoadを用いて画像をロード ３ // ロードが終わったloaderのデータをBitmapDataに展開し、諸々の処理をする。 // public function completedata(e:Event):void{ bmd = new BitmapData(_loader.content.width, _loader.content.height); var _image:Image = new Image(); _image.source = new Bitmap(bmd); this.addChild(_image); CursorManager.removeBusyCursor(); }
こんな感じでロードする。
セキュリティ的な問題で直接ロードが出来ないようになっていると思うのだが、やる側がやったらこんな風にできるような事なので、fileReferenceから直接ByteArrayとかにロードできる仕組みが欲しいとおもった。
AIRとかだとできるんだけどなー。
後、Flexはイベント駆動なので、単にULしてDLしてロードするのに三個も関数をまたがねばならない。
実際、上の例だと_imageがロードされるイベントも待たなければならないので…めんどくさい。
もっとすっきり書ければいいのにな。
あらためて、Flex Builderってスゲーなーとおもいつつ仕事をしている。
だって3万円しかしないんだぜ？これで。
同じ*1swfができるのに、Flashは8万とかありえないよねー（Flashも持ってるけど…つかってないｗｗｗｗ）。
そして、ローカルファイルが読み込めれば！いいのに！と思いつつ仕事している。*2
AIR？…お客さんがAIRとかいれてくれるのは何年後になるんだろう…。
３日ばかりがんばってloaderとかUIComponentとかBitmapDataとか、RectangleとかMatrixとか、addEventListerとか、そこらへんが解ってきた。
イベント駆動型のコーディングテラ解りづらす、単に画像のサイズ知りたいだけなんに、いちいちイベントつかうとか、なんぞー。
FileReferenceでjpg選択してサーバーにファイルULして、そのファイルをLoaderでDLしてひらいて、BitmapDataにして、Imageにして、リサイズしたりドラッグ移動したり。BitmapDataをsetPixel getPixelなどして回転させたり。まあそんなことをやっている。
仕事 |
奥さんが帰省中＋在宅勤務なので一人孤独な仕事生活中。なので、絶対に他の人間がいたらやらない事をしてみようと思い立ち、ためしに全裸でコーディングとかやってみた。なにかこう野性的な、もしくは非日常的な要素が刺激になるかとおもったが、効率はかわらなかった、残念。
後は何をすればいいだろうかと思い、ネットをさまよってみたらアニオタデスクトップの特集が。ふとパソコンの壁紙を萌え萌えにする事をおもいついて実行してみた。萌えパワーで作業効率アップを企んだが、 FlexBuilder を全画面で開いている俺には壁紙ほど無意味な物はなかった。
ruby |
お客さんにある老体サーバーにRails環境をつくってくれ、といわれたので作っている。
RH7.1が許されるのは5年前までだよねー（アハハー）
makeに失敗する、そんなシンボル定義されていないとか出るので、どうやらOpenSSLのライブラリが古すぎるらしい。
Rubyは0.9.7以降のOpensslライブラリを要求するらしい。
手として、OpenSSLのバージョンを上げるか、または
ext/openssl
のコードを削除してしまう。
0.9.8の最新版を落としてきてBuildしたが、ビルドが通らなかった。
no-asmオプションをつけたら動いた。
config no-asm shared
make all
make install
または0.9.7系であればno-asmせずビルドが通る模様。
shared オプションは多分必要（libssl.so.0.9.7等が作られない）
後、/etc/ld.so.confに/usr/local/ssl/libを追記しておいたほうがイイと思う。
./configure --with-openssl-dir=/usr/local/ssl
make all
make install
[root@sv /etc]# cat redhat-release
pdmrfvt62HQ06 <a href="http://dftuheoxevnd.com/">dftuheoxevnd</a>, [url=http://plttmttjzfbi.com/]plttmttjzfbi[/url], [link=http://ugsmipiqivcg.com/]ugsmipiqivcg[/link], http://dbtuwfkuadxi.com/