いそっちノート

[etc] 今年読んだ本で、読んで良かった本〜２００８年〜

Wed, 31 Dec 2008 17:27:28 +0900

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

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

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

最後の授業ぼくの命があるうちに

末期癌で余命宣告された大学教授が残した本。

どうまとめていいのかわかんないけど、とりあえず面白いよ！！
とにかく読むといいよ！！！

夢を叶えるゾウ

ゾウの神様が主人公にあぁしろこうしろっていいながら育てて行く話。
ストーリーになってるから読みやすいし、超具体的な指示だから分かりやすい！！関西弁のゾウがめっちゃおもろい！！！

あとidea*ideaでも紹介されてるよ！！

雨の日も、晴れ男

夢を叶えるゾウと同じ作者の本。
人生楽しく生きなきゃダメ！！楽しく生きるってのは、自分が楽しむんじゃなくて、他人を楽しませるってことだよ！！！！っていうのが超面白い小説になってる。
すぐ読めるから、2回読んだ笑

プレゼントか、ブログとかも面白くてなんぼでしょーって思ってきた！！

小飼弾のアルファギークに逢ってきた

WEB-DBに連載してるのをまとめた＆いつくか追加したもの
読んだのだいぶ前だから、具体的なことは忘れたかもww
具体的なことは忘れても、そのとき良いなと思ったものは今の生き方に反映されてる・・・はず
とりあえず、面白かったってコトと、やる気が出たってコトは覚えてる！！

ぁ、HatenaStarのXSSとかは、はまちちゃんのHttpのHeaderとか見るといいよ！！っていうので気にするようになったからだ！！

英語は逆から学べ

なんか、高校の時に受験勉強で英単語とか覚えたのに、すぐ忘れるよなーとか、iKnow!で覚えたやつって、何ヶ月か放置したあと再開しても意外に覚えてる！！とか思ってたんだけど、

やっぱり英単語 ⇔ 意味の組合せっていうかデータ構造としてMap<String, String>みたいに覚えてても脳としてあんまよくなくって、意味の部分をStringじゃなくてイメージで覚えるといいよっていうのに激しく納得！！

あと、日本人とアメリカ人は、声として使ってる周波数？が違うから、それに慣れる訓練も必要ってのも納得！！

おまけ

L Change the WorLd

デスノートの映画の第三弾の原作。

あんまり何かを学ぶ系な本じゃないけど、面白いからおk
映画より原作の方が、面白かった気がするー。

デスノファンは、マンガだけじゃなくてこれも読むべき！！

あと最後は泣けたww

[etc] Amazonの学割ktkr

Sun, 28 Dec 2008 20:04:46 +0900

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

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

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

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

kwskはここ

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

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

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

[Flex][AIR] Flex 3 リファレンスガイド（日本語版）が更新されてる！！

Thu, 25 Dec 2008 00:01:55 +0900

英語版(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

[ハチロク世代] ２００８年度ハチロク忘年会

Wed, 24 Dec 2008 18:38:06 +0900

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

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

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

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

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

忘年会では、id:yuyarinやid:gomi-boxやid:suztomoやid:sekidoやid:hogelogやid:poohtarouやid:blanc_et_noirやid:harajuneやid:ujihisaに久々に会えたり、
id:suu-gやid:yun__yunやid:Hashとリアルでは初めてしゃべったり、楽しかった!!

↑に上がってない人ごめんなさい＞＜

＜リンク＞
ハチロク忘年会 - The Other Road Ahead
ハチロク忘年会に行ってきた - Ryoの開発日記
[日記]2008年度ハチロク忘年会に参加してきた - ｜ω・)ノ＜黒猫の気まぐれ日記
[Event]はちろく忘年会 - suztomoの日記

[flex] はてなダイアリーで自動でページ遷移させる。

Wed, 24 Dec 2008 16:03:49 +0900

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

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

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

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

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

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

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

自動ジャンプの設置は、このガジェットの値を自分用にセットして日記に貼るだけの簡単なお仕事♪

遷移先のURLは、あなたのブログ（ブログじゃなくてもいいけど）
カウント（整数）は、実際に遷移するまでのディレイ。０以下の数値が入ってたら、Flashが表示された次の瞬間くらいにジャンプするよ！！

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

[etc] livedoorがcrossdomain.xmlを修正した件について

Tue, 23 Dec 2008 15:02:33 +0900

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

最後に、

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

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

・Before

・After（いまコレ）

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

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

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

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

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

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

Mon, 15 Dec 2008 21:44:38 +0900

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を出した - てっく煮ブログ

[AIR] デスクトップのタスクバーの高さを取得する。

Fri, 12 Dec 2008 19:32:40 +0900

今まで、visible=falseのWindowを

open()して、

maximize()して、

heighをとって、

close()して

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

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

でも、フツーに取れた。

Screen.mainScreen.visibleBounds.height.

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

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

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

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

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

[Flex][AIR] 画像ファイルからBitmapDataを取得したい。

Fri, 12 Dec 2008 00:35:43 +0900

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

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

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

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

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

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

非同期でもいいんあら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クローンを作る（４）〜鏡面加工する〜

[Flex][AIR] RTMFPはWinMXみたいな仕組みっぽい

Sun, 07 Dec 2008 22:25:25 +0900

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

・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は年末くらいにβ版公開予定

[Flex][Topcoder] Topcoderの比較グラフ

Thu, 04 Dec 2008 22:35:11 +0900

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

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

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

忘れないうちに、

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

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

はメモしとくよ！！

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

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

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

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

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をやる会 #3

Thu, 04 Dec 2008 22:08:59 +0900

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

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

詳しくは、suztomoの日記で

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

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

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

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

[AIR] タッチパッドでのMouseWheelイベントではまった

Fri, 28 Nov 2008 20:09:36 +0900

MouseWheelイベントでトラップに引っかってしもーた＼(＾o＾)／

MouseWheelがどっちにスクロールしたかなんてのは、
MouseEvent#deltaの32ビット目を見ればわかると思って

イベントハンドラの中で、こんな風にロジック書いちゃった

if(event.delta < 0) {
     ・
     ・
     ・
} else {
     ・
     ・
     ・
}

Windows+マウスでテストしたら、ゼンゼンOKだったんだけど、

MacBookで試してみたら罠が待ち受けてた！！

MouseWheelイベントだから、当然上か下かにスクロールされたときに発生するはずじゃん

つまり、delta=0なんてありえないじゃん！！

プログラム

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" mouseWheel="trace(event.delta)">
	
</mx:WindowedApplication>

タッチパッドに指を2本添えて（←ココ重要）、適当に前後に動かす。

結果

0とかまじ自重しろ！！！

イベントハンドラの先頭に、

if(event.delta==0) return

を加えるとマウスのと同じ動きをしてくれるようになりました。

[3D][Astro] Flat Shadingで面を表示する

Mon, 24 Nov 2008 23:50:28 +0900

Flat Shadingっていうので、面を描画してみたよ！！

Flat Shadingっていうは、面が光源の方を向いていれば明るく、そうでなければ暗い色で塗りつぶす手法。

まず、光源は常識的に考えて、上から下に向かって光っているから、

(0, -1, 0)っていうベクトル。

一応、単位ベクトル（x^2+y^2+z^2=1）になるようにとる。

んで、面が光源の方を向いているかは、

その面の法線ベクトルと光源ベクトルと内積をとればおk

このとき、２つのベクトルが単位業行列であれば、内積はcosθになるので、２つのベクトルの角度が求まる。

とか書くと、日本語でおkとか言われそうなので、

簡単に説明・・・

って思ったら、id:nitoyonさんのてっく煮の方が絵とかあって分かりやすそうだからそっち見てね！！

↓要FlashPlayer10 クリックすると動くよ！！

次は、Gouraud Shadingで滑らかにしたいな

[3D][Astro] 新Graphicsクラスを使ってみる。

Sat, 22 Nov 2008 21:05:26 +0900

前の[3D][Astro] .obj形式のファイルを読み込んで、ユタ・ティーポットを表示してみたをちょっと修正した版

修正点
・.objファイルの差し替え。
・GPUを使う。
・getGeometryMatrixメソッドをUIComponent3Dクラスに移動。
・三角形の描画にmoveTo、lineToではなく、drawTrianglesを使う。

・.objファイルの差し替え。
前回のでは、四角形データを三角形+法線と勘違いしていて、４つ目の点を使ってなかったので、
もう三角形だけで構成された.objを作成。

ついでに、分割数を4に減らして頂点数ダイエット！！

ついでに回転の中心をポッドの真ん中にした。

・GPUを使う。
HTMLのFlashを呼ぶところにwmode=gpuを追加

・getGeometryMatrixメソッドをUIComponent3Dクラスに移動。
_xとか_rotateXとかが親クラスにあるのに、getGeometryMatrixがサブクラスとか変だし使い回したいからUIComponent3Dに移動

・三角形の描画にmoveTo、lineToではなく、drawTrianglesを使う。
FlashPlayer10からGraphicsクラスにメソッドが増えました！！
詳しくは、ここに書いてあるよ！！

今回は、この
drawTriangles(vertices:Vector.<Number>, indices:Vector.<int> = null, uvtData:Vector.<Number> = null, culling:String = "none"):void

を使ってみた

これできっと軽くなる！！

って思ったけど、世の中そんなに甘くなかったT T

Windingとかは、Shade書く時に使えそう！！

さっきのブログのサンプル見ると

graphics.drawTriangles(
Vector.<Number>([10,10, 100,10, 10,100, 100,100]),
Vector.<int>([0,1,2, 1,3,2]));

って書くと、

点0(10, 10) 点1(100, 10) 点2(10, 100)
点1(100, 10) 点3(100, 100) 点2(10, 100)
を結んだ2個の三角形を書いてくれるみたい。

第２引数を与えなかったら、前から順に3つずつとかになるっぽい。

軽くなった気がしないけど、修正版↓（要FlashPlayer10）