red日記

イエカキ 理想の住まい RAKU-GAKI ISLANDS
の(←ここポイント)
ブログパーツのFlash実装とJavaScript周りを担当いたしましたよ。

本サイトは、

誰でも知ってる、
ニシダさんとトザキさんの泣く子も黙るようなタッグです。

ブログパーツは、

デザインニシダさんのFlash僕です。
僕が入ったことで泣く子も黙らなくなりましたね。

今回は数年ぶりのJavaScriptいじりと初ブログパーツ制作がネックでした。
NN4.xを生かすような実装時代よりは全然楽になりましたが、
いまだにこんなにクロスブラウザが大変だということにちょっとがっかり。。
おかげでテンパる部分もありましたが(特にこの辺り)、ニシダさんもトザキさんもいい人っぷりをかなり発揮してて
すごく楽しく仕事できました。

子質問をすると、僕の実装したパーツがもらえるとか。
みなさん。
参加してくださいね。

以下、credit
-----
client: Mitsui Fudosan Residential Co.,Ltd
Executive Producer: Kazutaka SUEYOSHI （Mitsui Fudosan Residential Co., Ltd.）
Producer: Masayuki OKUNO （Sophia Solutions inc.）
Director: Jun OGINO （Sophia Solutions inc.）
Art Director: Koji NISHIDA （RAKU-GAKI）
Technical Director: Keiichi TOZAKI （KARATE SYSTEM）
Design & Graphic Design: Koji NISHIDA （RAKU-GAKI）
Motion Design & Flash Authoring: Keiichi TOZAKI （KARATE SYSTEM）,Maki SAITO
Programming:Takashi MATSUOKA （Sophia Solutions inc.）
Blog Parts Flash Authoring:Koui SHIKAKURA (KOUI.NET)
HTML Cording:Tomohiko MANABE (neold inc.)
Sound: sin. inc.
CopyWriter: Namiko HAZAMA （Sophia Solutions inc.）
Graphic Assistant:
Yusuke TADA （Sophia Solutions inc.）
Hideki SEGAWA （Sophia Solutions inc.）
Shintaro TAKAHASHI （Sophia Solutions inc.）
Masako ARITO （Sophia Solutions inc.）
Keisuke INOUE （Sophia Solutions inc.）
-----

追記：
このブログパーツの公開。
ナオくんのやつと時期がかぶったぜ！

いくらデバイスフォントでも。
少しはデザインにこだわりたいよ。

と、思うときありません？

きっと僕は思ったときがあるんだと思います。
なぜなら、そういう時に見たようなメモがあったからです。
メモはすぐなくしますから、ここにメモッチョ。

Flash上で1文字に用いられるスペース(大きさ？)を取得できる方法。

以下、一部以下サイトより引用
-----
1文字をTextFieldに代入して、autoSizeをかけ、そっからwidthを得て、
その値から4引いた数が、「フォント幅」+「フォントとフォントのピクセル数」
-----
団子一味の野望より

テスト環境では、正常に動作していたにもかかわらず、
HTTPSに上げた瞬間変な挙動になった。

1)IE上で、sendAndLoadが異常に不安定になった。
というか、動作しなくなりました。
いや。する場合もある。

これは完全にIEのみ。
FFとか、Mac FireFox/Safariでは問題ナッシング。

解決策：
原因はPHPにある。

以下、下記のサイトを引用
-------------------------
実はこのリクエストに応えるのがPHPなのだが、デフォルトでヘッダーにPragma:no-cache
が含まれていて、それが問題らしい。IEのバグでPragma:no-cacheがヘッダにあると
ダウンロードせずにキャッシュをみようとするんだとか。（逆やんか）

解決策はPHPのスクリプトの先頭に
header('Pragma:');
といれておく。no-cache以外の値が入っていればいいということらしい
-------------------------
http://www.wedgeshape.com/wedge/gwbs/163

これ。激しくクレームされたけど。
僕、何も悪くない。もう一回言うよ。
僕は何も悪くない。

2)FileReference.uploadが動作しない場合がある。
こちら、Mac全滅。
WINに関しては、マチマチ。
同じ環境でも動く場合と動かない場合があった。
まぁ。よくわかんないけど。

この原因はどうやら。HTTPSにあるようだ。
色々試行錯誤した結果。
URL内にHTTPSのポート番号である、433を記述すると大丈夫なようです。

このような形。
https://www.******.com:433/upload.php

これで動作確認。
全部いけるようになった。

まぁ。
開発環境上だとBasic認証がよく(いや確実？)に使用されるわけで。
これ。Flashのローカル開発には非常に厄介Playである。

さて、
これをうまくやるにゃーということで。

まず、
Base64エンコードのクラスをダウンロードして。
----
var loadVar=new LoadVars;

var userName="ID";
var passWd="PASS";
var basic=userName + ":" + passWd;
var auth= Base64.Encode(basic);

var myXML=new XML();
myXML.onLoad=function(access){
if(access){
trace("終わり");
}
}

var href="URL";
loadVar.addRequestHeader("Authorization", "Basic " + auth);
loadVar.sendAndLoad(href,myXML,"post");
----

これで、OKのようです。

こちらを参考にしてください。

さて。
FileReferenceにて。

upload()でMacだけアップができない現状が発生。
っと言っても。
FileReferenceってご存知のように。
ASの記述方法から、挙動がおかしくなるようなレベルの内容の濃さではなく、
エラー時には非常に困るのである。
そう。ここがポイントだと思う。

つまり。
FileReferenceでのバグの大体はサーバーサイドに問題があるのだ。

と勝手に断言してしまう僕。
まっ。いいとして。

上記の問題は。
やはりサーバーサイドである。

こちら参照。

空の値を返さないとダメらしい。
ボブ。サンキュ(誰

iTubeというソフトを使って、
よくiPodに動画を入れるんですが。。

これがiPod上で何か画像の劣化がひどくて見れたもんじゃないんです。
これって僕だけですか？

何か、うまいこと対処できるような事知ってる人は教えてください！

えっとですね。

Flashを貼り付ける時に「wmode」というタグがありますね。
Flashステージの背景を透過したりみたいな。

また、IEだとフレームレートが正常のスピードで動くようになるとか。

しかし。
こやつには色々落とし穴があるようです。

まぁ。有名所で、
日本語のテキスト入力ができない。(いや。できるけど変みたいな。そんな感じ？)

しかし。
今回はまた違うバグ？(少僕能では、バグと認定)
が発生しました。

経緯としては、
おすぃごとでブログパーツなるものを作成しておりました。

で、
ハックバージョン用SWF : 全画面に表示されるようなやつ。
バナー用SWF : ブログに常駐してるやつ。
の二つがあるとしましょう。

この二つをExternalInterfaceでやり取りしながら消したり出したり、何かしたり・・みたいな。
そんな少僕能では生意気な事してたんですよ。

けどね。けどね。
WIN+FIREFOX(MACはわからない)だと動かないんですよ。

何で？わかんない。
って事で、ExternalInterfaceをLocalConnectionでやってみたんですよ。
や・・・やっぱり・・・WIN+FIREFOXだと動かない・・・。

ピーーーーーーンチ！
僕はひどい汗をかきながら(モイモラ風でいくと豚骨ってやつですね)顔ひきつりながら色々探りましたよ。。

で、色々なブログにあるFlashバナー的なモノを見ながら見ながら探したんですよ。
そしたら一つ発見したんです。。。

Flashバナー的なモノの中で、
ブラウザ領域に入った時に再生完了してるものと再生スタートされるものがあるんですよ。

あれ？あれ？あれ？ハケーーーン。

wmodeを使用していると(値は関係なし、タグを挿入してるかしてないか)
FIREFOXでは、ブラウザの表示領域内に入ったタイミングでレンダリングが開始されるっぽいです。

けど。貼り付けは完了してます。
けど。再生もされないし。そのSWFに何かしらで値を送ろうとしても拒否されます。
そう。張り付いてるけどレンダリングされない。ということです。

僕の確認ではFIREFOXだけです。
IEは問題ないです。

ですから。
----------
長いHTML内にwmodeをありで貼り付ける際。
他のswfと通信したい場合、JSの変数等に値を格納しておいて。

レンダリングされると同時にJSの値を読み込み処理をする。

ただし、レンダリングされてないSWFに値を送って、返り値で何か処理をする。
みたいな事はもしかしたらきついのかもしれない。(わからない)
----------

のような感じでした。

「少なくても僕の能力では」という意味。

主にFlashカテゴリーやexperimentカテゴリーなどで多用。

そんなんやるんだったら、このやり方の方が簡単じゃねーかよ！ばぁーか！
と、言われないように「少なくても僕の能力では」という言葉で逃げを作るときに使うのが最適。

Flash上で画像アップできる、FileReferenceってあると思うのですが、
これが結構厄介。

サーバーからの返り値を取得できない。(少なくても僕の能力では)

つまり、
画像に紐付いたテキストをアップするにゃー。
色々やらんといかんわけです。(少なくても僕の能力では)

色々やらんとと言っても、
Flash上ではなくてサーバーサイドでね。(少なくても僕の能力では 以下：少僕能)

という事で忘れないように記録しとっく
まぁ。もっと簡単なやり方があると思うけど。僕なりの感じということで。
------
1)LoadVarsとかでサーバーを叩いてセッションIDを作成。
2)画像をupload。セッションIDに書き込み。
3)テキストをLoadVarsとかで送る。セッション終了と格納。
------

こんな感じです。

やはり日記というのは、
難しいわけで（僕的に）。

これからは、仕事や何かでフラのバグった情報をログ化していこうかとかなんとか思ったり思わなかったり。

さて、どの位続くかわりませんが、気合は十分です。