2008年12月アーカイブ

来年も同じような記事を書けるように、

「来年も少しくらいは読書をしようね」と自分に言い聞かせるために書いてみるよ！！


一応オススメ順に上から並んでるかも。最後の方に分量が多いのがあるけど、量は気にしないでっっw



















おまけ

なんか大学からクリスマスプレゼントもらった！！！



Amazonで和書を買った時に８％割引になるんだって！！！



Amazon®ギフト券サービスとかいうらしいよ！！



早稲田大学の学生や大久保工科大学の学生や所沢体育大学の学生はもれなく当選したらしいよ！！！




kwskはここ



実際のコードはportalにログインすると見れるよ！！





でもね、生協で買うと10%オフなんだよね汗

生協で買った方がトクな罠。

英語版(http://livedocs.adobe.com/flex/3/langref/index.html)は早くからFlex3.2に対応していたんだけど、いつの間にか日本語版(http://livedocs.adobe.com/flex/3_jp/langref/index.html)もFlex3.2に対応していました！！


Flex3.2っていうのは、いわゆるFlash Player 10／Adobe AIR 1.5のこと。


前はVector3Dとかのメソッドを調べるときは英語を読むしかなかったけど、日本語でも良くなったのでだいぶ楽になったね！！



ただ、謎なのが、英語版はタイトルが「Adobe® Flex™ 3.2 Language Reference」に代わっているのに対し、日本語版は「Adobe® Flex™ 3 リファレンスガイド」となっていて、統一感が・・・www



あと、AIRでは使えるけどFlexでは使えないものは、AIRのマークがついてるから一目で分かるけど、
FlashPlayer10では使えるけど、FlashPlayer9では使えないものがすぐには分からないのが、なんだかなーって感じ

中まで入って見るとランタイムバージョン:  10, 1.5とか書いてあるからわかるっちゃわかるんだけど・・・汗



あと、リファレンスに対してリンクを貼るとき、
http://livedocs.adobe.com/flex/3_jp/langref/index.html?Vector.html
とか
http://livedocs.adobe.com/flex/3_jp/langref/index.html?mx/core/UIComponent.html&mx/core/class-list.html

って?の後になんかつけるとフレーム付きのリンクになるってことを最近知った！！


このURLの取得法は、リンクしたいページの左上のフレームなしをクリックし、



遷移先のフレームのリンク先URLをコピーすればおk

もうだいぶたっちゃったけど、２００８年度ハチロク忘年会に行ってきました！！



ハチロク世代は、１９８６年頃にコウノトリに運ばれてきたと思われる赤ちゃんが、
インターネットなんて当たり前のツールとして育った末に集まったグループ(?)で、

ComputerScienceを専攻しているひとや趣味でプログラミングをしている人とかが多いので、その忘年会もすごいことになってました。







関東／関西（／九州？）で同時に忘年会を行い、お互いをU-streamでつないで、
スクリーンに表示するという、同じ飲み屋にいた他の客が「こいつらないんしてるんだろ」的な目で見てくるようなことをしました。


U-streamにはチャット機能もついているので、そのチャットもみんなが見えるように、
id:yuyarin特製のニコニコメソッドでスクリーンに表示されます。

普段、はてなダイアリーは利用してないんだけど、

イベントの後とかでidトラックバックとかを受けることがあって、


そのとき、id:isocchiとかで飛んだ人が、ちゃんとこのブログに辿り着けずに
迷子の子猫ちゃんになったら大変だ！！犬のおまわりさん困っちゃうよ！！！


ってことで、前からこのブログへのリンクのための記事を書いていたんだけど、



自動で遷移してくれた方が楽だよなーっと思って、小さな親切大きなお世話をやってみた！！！



JavaScriptよくわかんないんだけど、はてな側でいろいろ制限をかけてるらしくはてなダイアリー上ではうまくハックしないとJavaScriptは動作してくれないらしいので、ActionScriptでハックした！！



IDトラックバック自体はとっても便利なので、外部ブログしか書いてない人は、
はてなダイアリーからリンクもしくは自動ジャンプするようにしとこ〜♪


自動ジャンプの設置は、このガジェットの値を自分用にセットして日記に貼るだけの簡単なお仕事♪
<script src="http://www.gmodules.com/ig/ifr?url=http://labs.isocchi.com/hatena/embed_flash.xml&up_url=http%3A%2F%2Flabs.isocchi.com%2Fhatena%2FRedirects.swf?params=遷移先のURL,カウント（整数）&up_background=%23ffffff&synd=open&w=300&h=25&title=embed+flash&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>
遷移先のURLは、あなたのブログ（ブログじゃなくてもいいけど）
カウント（整数）は、実際に遷移するまでのディレイ。０以下の数値が入ってたら、Flashが表示された次の瞬間くらいにジャンプするよ！！

あいだの,は消しちゃだめだよ！

[Flex] 米Yahoo!がクロスドメインを超えるためのプロキシを提供してくれた。っていうブログで、

最後に、

Livedoor Blogにこのcrossdomain.xmlが置いてあるんだけど、
Livedoorは何がしたくてこういう書き方をしているんだろうか笑

って書いたら、修正された！！


・Before
<cross-domain-policy> <allow-access-from domain="*.livedoor.com"/> <allow-access-from domain="*"/> </cross-domain-policy>

・After（いまコレ）
 <cross-domain-policy> <allow-access-from domain="*.livedoor.com"/> </cross-domain-policy>



やばい、livedoorの人に見られてるかも汗


しかも、今見たら「何がしたくてこういう書き方をしているんだろうか笑」ってめっちゃ反感買うような表現しちゃってるよ！！
isocchi何様だよ！！isocchi爆発しろ！！！！


嫌な思いをした方ごめんなさいm(_ _)m



あーぁ、livedoorエントリーしようと思ってたのに・・・、書類選考で落とされる疑惑



でも、超超超前向きな考えをしたら、livedoorのセキュリティ向上に貢献したってことだよね！！！

Flexだと、クロスサイトにはcrossdomain.xmlで許可されてない限りアクセスできないし、

JavaScriptだと、jsonならアクセスできるけど、xmlはダメ。



そこでいちいち自前でサーバにプロキシなプログラムを用意するんだけど、なんかアメリカのYahoo!が作ってくれたらしい。



たとえば、百式のrssはhttp://www.100shiki.com/index.xmlなんだけど、flexから直接ここにアクセスしようとすると、SandBox侵害とかでてエラーが出る。



でも、URLを、
http://query.yahooapis.com/v1/public/yql?q=select * from rss where url='http://www.100shiki.com/index.xml'&format=xml

とすればおk


なんか、SQLちっくにXMLを加工できるサービスなんだけど、selectに*を入れてはいけない決まりはない！！・・・はず！！


利用規約読んでないからわからないwww

だめだったらごめんなさいm(_ _)m



ぁ、JavaScriptの場合は、format=jsonにすれば（きっと）おk！！


例：（右クリックからソースが見れるよ！！）






P.S.
Livedoor Blogにこのcrossdomain.xmlが置いてあるんだけど、
Livedoorは何がしたくてこういう書き方をしているのだろうか笑


＜超参考＞
米 Yahoo! が SQL っぽく色んなデータを取ってこれるAPIを出した - てっく煮ブログ

今まで、visible=falseのWindowを

open()して、

maximize()して、

heighをとって、

close()して


Capabilities.screenResolutionYとの差分をとるという、なんともアホなやり方で取得してた。

しかも、maximize()してからheightが書き代わるまで若干delayがあるので、非同期・・・





でも、フツーに取れた。


Screen.mainScreen.visibleBounds.height.


これとの差を取ればよかった。



mainScreenは、staticプロパティなので、Screen.mainScreenでいきなりアクセスできる。


んで、creationCompleteのタイミングでも、すでに値がセットされている。




今までの自分が愚かすぎる・・・




ちなみに、Macの場合は、上のクローム（？）とDockの描画領域を除いた部分がvisibleBoundsにセットされるらしい

最終目的は、プログラムで任意のタイミングで同期的に描画処理を走らせたい！！

でももう半年近く悩んでるのにやり方がわかんないよー｡･ﾟﾟ･(>_<;)･ﾟﾟ･｡


ホントは分かってからまとめて書きたかったんだけど、

そろそろブログに書くネタリストが多すぎてやばい！！


そのうち脳細胞がスタックオーバーフローエラーとかアウトオブメモリーエラーを吐きそうだよ！！

なので、ぼちぼちブログにシリアライズするよ！！




非同期でもいいんあらinvalidateDisplayList()を呼べば次のフレームくらいで描画処理をしてくれるんだけど、

それをさらに加工したりしたいから、１つのfunctionの中で一気に処理したんだよね(´･ω･`)


すでに描画されてるものに対しては、BitmapData#draw(変換したいDisplayList)とかで出来る。
これを使って、visible=flaseでaddChildして、UPDATE_COMPLETEイベントを待って、drawすることも出来るけど、なんか格好わるい(´・ε・｀)


んで、今回、画像ファイルからBitmapDataを変換する方法を発見！！（だが非同期・・・(´･ω･`)




やり方は、

        ・
        ・
        ・
    var loader:Loader = new Loader();
    loader.contentLoaderInfo.addEventListener(Event.COMPLETE, loaderComplete);
    loader.load(new URLRequest("画像ファイルの場所"));
}

private function loaderComplete(event:Event):void {
    var bitmap:Bitmap = (event.target as Loader).content as Bitmap;
    var bitmapData:BitmapData = new BitmapData(bitmap.width, bitmap.height);
    bitmapData.draw(bitmap);
}

ぁ、FlashVarsとかについて書くって言ってて書くの忘れてる！！

間違えて記憶がガーベッジコレクションされちゃってるよ！！！


＜参考＞
ActionScript 3.0 PNGファイルをビットマップに変換する
Flex2でCoverFlowクローンを作る（４）〜鏡面加工する〜

ドキュメントを要約すると、


・RTMFPってなに？？
RTMFPとは、Real-Time Media Flow Protocolの略で、Flash PlatformでP2Pな通信をするためのプロトコル。このプロトコルは、Adobe Flash Player 10, Adobe AIR 1.5にすでに搭載済み。
これを使うと、今まで出来なかった、Webブラウザでクライアント同士で直接通信できる。ビデオチャットなど多量のデータをリアルタイムにやり取りする場合など、サーバーを介さず直接データを交換できるので、サーバーの負荷軽減が期待される。


・RTMPっていうのなかったっけ？？
FMS(Flash Media Server)っていうストリーミングを提供するサーバで実装されてるのが、RTMP。
RTMPはトランスポート層にtcpを使っているけど、PTMFPはudpを使っている。これによって、無駄なオーバーヘッドを減らし、リアルタイム性を向上させる。


・これを使うとどんなことが出来るの？？
Webcam Chat, Voice over IP(VoIP), Multi-Player Gameを想定されている。（WebcamやVoIP関連の機能は、FlashPlayer10で強化された）
また、特徴として、ネットワークが一瞬切断されても、回復後に何もなかったかのように通史員で来たり、途中でIPアドレスが変更されても自動で対応してくる。さらに、グローバルIPがなくても大丈夫。（詳しくは仕組みのとこで）


・セキュリティについては？？
RTMFPの通信は常に128bitの暗号化がなされており、また、P2Pによる接続要求を拒否することも出来る。



・どうやって使うの？？
ActionScript2 or 3を使って、新たに追加されたNetStreamやNetConnectionなどのAPIを使えばいいとのこと。

・そもそもP2Pってなに？？
□ End User to End User
　　従来のサーバークライアント方式ではなく、サーバーを介さずに直接クライアント同士が通信すること。クライアントがサーバーの機能ももってる みたいな。（RTMFPはこれをサポートする）

□Swarming
　　複数のユーザーから１つのファイルを分割して同時にダウンロードする方法。
　　（Flash Player 10ではサポートしません）

□Multicast
　　同じデータを複数のユーザに送信すること。（Flash Player 10ではサポートしません）


・これってどういう仕組みなの？？
P2Pでの通信では、サーバーを介す必要はないが、サーバー自体がいあらないわけではなく、クライアントは常にサーバーと通信しており、P2Pで誰かに接続する時に、その相手先へのキーをサーバーから受けとる。サーバーから受けとったキーがあって、初めてFlashPlayerは、クライアントに接続できる。（クライアントは常にサーバーと通信しているので、IPアドレスの更新にもすぐに対応できるのかな）



・サーバーは？？
次のFMSで追加されたり、Stratusを使えば無料で出来るみたい。ただし、β版
Stratusは年末くらいにβ版公開予定

Topcoderの比較グラフを作ったよ！！


FlexのLineChartとかで背景色を設定するのは難しかったから、

前のやつは、xml埋め込みで静的なデータを表示してたんだけど、ちょっと頑張って自動更新してみた。



忘れないうちに、

・FlashVarsでhtmlから変数を受けとるとか

・LineChartで背景色を範囲を指定して設定するとか

はメモしとくよ！！



頑張って"ブログに書く"ということを忘れないようにする！！





んで、せっかく作ったから、ハチロク世代のトップコーダー部のページとか、

誰かのブログにも貼れるようにした（つもりだよ！！）


常識的なアクセス量なら直リンでokだよ！！


<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" id="externalFlash" align="middle" height="400" width="500"> <param name="movie" value="http://labs.isocchi.com/topcoder/TopcoderGraph.swf" /> <param name="bgcolor" value="#FEFEFE" /><param name="base" value="." /> <param name="FlashVars" value="users=22727085,22712423,22741094,22724714,22745629,22744421,22682274,22748430" /> <embed src="http://labs.isocchi.com/topcoder/TopcoderGraph.swf" base="." bgcolor="#FEFEFE" name="externalFlash" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="users=22727085,22712423,22741094,22724714,22745629,22744421,22682274,22748430" align="middle" height="400" width="500"></object>


FlashVarsのところを、表示したいcoderのuser_idに書き換えてね！！

複数表示する時は、","で区切ってね。スペースとか入れるとうまく表示されないかもよ

widthとかheightも書き換えるといいよ！！



貼付けた結果は、一個前の記事にあるよ



はてなに貼る場合は、id:nitoyonさんのガジェットを使ってね！！

ここにいって、URLのところに
http://labs.isocchi.com/topcoder/TopcoderGraph.swf?users=22727085,22712423

とかってコピペするといいよ！！usersは表示したいuserの（ry


while(true) nitoyon++;




コメント欄に、もっとこういう風にしろよとか書くと、

週末とかに反映されてるかもね。


だから、直リンでブログとかに貼ってるといつの間にかグラフが賑やかになってるかも

うちでハチロク世代のTopCoder部で、カレーを食べてトップコーダーをやる会をいました。

参加者は、
isocchi, misho, suztomo （順番はぽにょにならってabc順）


 詳しくは、suztomoの日記で



んで、この前作った、topcoderのグラフを自動で更新するようにしました。


なんか、最近みんな下がってるね


外部ブログに貼ることもできる・・・と思う（たぶん）


詳しくはあとで書くよ！！