もう今さらって感もありますけれど、1ヶ月前にやった『Flasher meets iPad.』で触らせてもらったiPadについての雑感でも簡単に書き記しておきますよ。iPhone4が発売されて、iPadについても既に語り尽くされた感はありますけれど、せっかく途中まで書いた下書きも残ってたので。

iPadの革命的な大きさと薄さ

電子書籍がどうのこうのとか大量のアプリがどうこうとかいろいろ言われてますけれど、iPadが革命的なのは機能面ではなくて、あの大きさ・薄さだと思う。あのB5サイズのモニター画面を水平に置けるところが革命的なんだと思う。

水平に置いたひとつの画面をみんなでワイワイ触って楽しみを共有出来るあの体験はPCでもケータイでもテレビでも見られなかった風景じゃないかと。マルチタッチもあの画面サイズになってようやく本来の威力を発揮できる感じ。

あのサイズになったことで、デジタル・アナログ問わず、同じ大きさの製品の市場は少なからず荒らすんじゃないかな。。
本、雑誌、小さいテレビ、携帯ゲーム機、ノートパソコン、デジタルフォトフレーム、カーナビ、、。
特に、写真をスライドショーで流すしか脳がないデジタルフォトフレームは、もう存在意義すら失いそうな予感。。

そういう意味で、iPadよりも大きなサイズの、大型テレビや据え置き型ゲーム機（wii・PS3・XBOXとか）、業務用パソコンとかとはもちろん棲み分けができそうです。

iPadの遊び方例

ネットで拾った動画をいくつか並べますね。

Click here to view the embedded video.

DJアプリで遊ぶお姉さん。
iPadにはスピーカーも付いてるしUSBで他デバイスと繋げられたりするので、音をいじって遊ぶ系アプリとも相性が良さそう。
TENORI-ONやKAOSSILATORっぽいアプリもそのうち出て来そう。既に出てる？

• YouTube- little boots READY FOR THE FUN!!! hot chip tenorion cover
• YouTube- Kaossilator
• YouTube- Gadget Orchestra with RockStar

Click here to view the embedded video.

iPadでスーファミ。
iPadをモニターにして、iPhoneをコントローラーとして使うってわけですね。Bluetoothで通信？

• 動画：iPadでスーパーファミコン HD & iPhoneコントローラアプリ
• iPhoneをコントローラーにするiPadアプリが登場！：in the looop：ITmedia オルタナティブ・ブログ

Click here to view the embedded video.

iPhoneを使って実際にラジコンヘリを飛ばす『Ar.Drone』

• ASCII.jp：iPhoneで操作！ 未来のラジコンヘリ「AR.Drone」を触った

うわーすごいー、夢が広がりんぐですねー（棒読み）。
遊ぶ以外の用途で革命的な動画はあまり見つかりませんでしたー。

iPadを触る会の様子

iPadをワイワイ触ってきた会の様子を貼りますねー。
小学生の頃に、数人で初代ゲームボーイを囲んで遊んだ記憶が蘇りました。

インタラクティブでリッチなデジタル絵本。タップ操作でちょっとした仕掛けが。
コストは高いけど子供は喜ぶだろうなー（でも飽きるのも早いんかな？）。俺もちょと興奮しました。

Click here to view the embedded video.

『Magic Window』というiPadアプリ。
キレイな映像流れてるだけだけど、「窓を開けるとこんな風景が！」っていうようなコンセプトが好き。

デラックス師匠からお叱りのメッセージが届いたようです

この後の2次会では、iPadを持っているだけで女性にモテるという現象を目の当たりにしました。

娘さんだけでなくお母さんをも虜にしてしまうiPad。
まさに革命的で魔法のようなデバイス！乗るしかない、このビッグウェーブに！

なんて浮かれていたところ、マツコ・デラックス師匠からのメッセージを見てハッと我に返りました。

Click here to view the embedded video.

「iPadなんて馬鹿が欲しがるのよ！」「これで何がしたいのよ！どうせエロ動画とか見るんでしょ？」

もうおっしゃる通りですｗ　すぐメディアに踊らされてサーセンｗｗ

[追記 10.06.10]
WindowsVista 環境で FlashPlayer8の挙動がおかしくて戸惑ってた件を追記しました。

旧バージョンのFlashPlayerでのデバッグ作業に便利なのが、お馴染みFirefoxアドオン『FlashSwitcher』なんですけど、これがFirefoxのバージョンに随時対応していなかったりしてなんだか調子が悪かったり、その回避策もなにやら難しそうだったりして、微妙に使いにくいところもあったんです。

そこで今回ご紹介するのが、PluginSwitcherというツール（ただしWindowsに限る）。
ネット上にあまり紹介記事が無かったので書いときます。

ダウンロード

こちらのページの右側「Download Plugin Switcher」からダウンロードできます。
なぜか今現在サイトにアクセスすると謎の認証画面が出たりして（無視でOK）怪しいかもしれませんが、そこは自己責任ということで。

PluginSwitcherで異なるFlashPlayerの共存ができます

PluginSwitcherは、ブラウザごとに管理しているFlashPlayerを切り替えられます。
上記画像の『ActiveX』でIEのFlashPlayerを、『Netscape』でFirefox、Chrome、SafariのFlashPlayerを瞬時にインストールして切り替えているようです。

最新のFlashPlayerしか持ってない状態では、現時点最新のFlashPlayer10しか選べませんが、旧バージョンのFlashPlayerをインストールし直すことで、プルダウンリストに追加されていきます。

• テスト用のアーカイブ版 Flash Player の提供について

上記のAdobe公式サイトで、旧バージョンのFlashPlayerがダウンロードできます。

FlashPlayerだけでなく他のプラグインも切り替えられます

あんまり使わなさそうですけど、ブラウザ上のFlashPlayer以外にも、パブリッシュ時やスタンドアローン時のバージョンも切り替えられたり、iTunesやQuickTimeなども切り替えられるようです。

WindowsVista環境でFlashPlayer8の挙動がおかしくて戸惑った件

WindowsVistaなPCで、このPluginSwitcherを使ってFlashPlayer8での動作チェックを行っていたところ、
expressInstallまわりの挙動がおかしくなりました。
具体的には、swfobject.jsを使って用意していた代替コンテンツが表示されず、替わりにexpressInstall.swfが表示されるもこれも正しく動いていないようでした。

ただ、別のWindowsXP環境では問題なく正常動作してるようでした。

FlashPlayer8がサポートを明記しているのはWinXPまで

そうなんです。Adobe公式サイトの必要システム条件に関するページを調べてみると、
Macromedia FlashPlayer8がサポートを明記している欄にWindowsVistaがありません。。

• Macromedia – Flash Player 8 : 必要なシステム条件
• Adobe – Flash Player 9: 必要システム構成

つまり、VistaではFlashPlayer8はサポート外なんです。

実際、PluginSwitcherではなく通常のインストーラーからVistaにFlashplayer8をインストールしようとする際に、
「まともにインストールできなかったけどOK？」みたいなダイアログが出てきたとの報告有り。
FlashPlayer8 × WindowsVistaの組み合わせは、意図的に操作しないと通常ありえない組み合わせだということのようですね。

公式が言ってるのならしょうがない、諦めて寝よう

この件に関して、なんとか対処しようといろいろ足掻いてswfobject.jsやFireFoxを疑ったりもしたのですが、
Adobe様がサポート外を公言しているページを発見してすべてがどうでもよくなりました。これでぐっすり寝れますね。おやすみなさい。

ロクナナさんのサイトで、先日行われた『GEEKs + 大阪てら子』で僕が１００人の前でスベッてる映像が御覧頂けるようです！

動画がうｐされてました！

こちらです！

• GEEKs in OSAKAFlash モーションプログラミング + 大阪てら子 | 67WS event

グダグダですいません・・・

周りのみなさんには「てら子セッション良かったですよ！」なんて言ってくださる方も沢山いらっしゃったのですが、やっぱりですね、逆の立場になった時にですね、3,800円という大金を叩いて見た3番目のセッションで、なんか壇上の知らねーメガネ野郎がベジータ殴るとかグダグダしやがってまじふざくんな！という意見もあると思うのですよ。
そこは素直に反省しておりまして段取り悪くてすいません。。でもアレは僕の一生懸命な姿でした＾＾（ありがとうございました！）

ひとつだけ思うのは、僕も過去に誰かをディスったつぶやきをしたことはあるので、僕自身もディスりの対象となって然るべきですよそれは、ていうのは当然思ってます。あと、そういう場に立つのはゾクゾクして楽しいなていうのも思いました。

スベッたとかスベってないとか

スベッたとかスベってないとか、もうそういうのはよさないか君達。

自分の空気さえ出せてたらスベっても大したダメージにはならないんですよ、スベり基準を決めるのは自分だから。問題なのは、その空気を掻き消された時だったり、「なんかおもろいこと言って」ていうような他人主導の局面。はっきり言ってあれは相手次第では何言ってもスベる。
[ by _sakotsu（僕です） ]

こういうことなんですよ。

セッションの後にも、「僕はシナチクさん別にスベってなかったと思いますよ！」って突然知らない人からメッセージ頂いたんですけどｗ、そういうことなんですよ。僕はスベッてなんかいないんです。それがファイナルなアンサーなんです。なので、僕の目の前であのシーンを大音量で再生するのはやめてください。会場が静まり返るシーンだけをリピートするのは勘弁してください。

まとめ

貧弱Flasherが凄腕Flasherの皆さんに紛れ込んで良い経験させて頂きました！
みなさん、ありがとうございました！ディスりの対象になるぐらいのことしていかねば、ですよね＾＾

さー、もうすぐ発売されますねーiPad。どうなんですかねー触ってみたい。

ここ最近では、「Flash載せろ/嫌じゃ載せねー」なんていうバトルが、AppleさんとAdobeさんの間で繰り広げられてるわけで、僕らはそれを見守っているわけで、、かと思えば、『CloudBrowse』てiPhoneアプリ上では非公式にFlashはちゃんと動いてるわけで、、

まーそんな、web業界にとっても話題満載なipadを触っちゃおうていうのが表向きなタイトルですけど、別に通常と変わりません。

詳細＆参加表明はこちらから。

• http://atnd.org/events/4529

やっぱアレですね。
適当にタイトル付けると、あまりみなさん喰い付きがよろしくなかったりしますねｗ（現在参加表明9名）。
OK、いいでしょう。今回は少人数制で楽しくやりますよ！iPadでラブプラスとかやってやりますよ！

Click here to view the embedded video.

こんな風にやってみたいなぁｗ
「あっ、キス来た！」「うそー！」みたいなんをみんなでやってみたいです。

こんにちは。
なんやかんやありまして、東京のロクナナさんが主催する「GEEKs　Flash モーションプログラミング」というイベントの大阪版に、特別枠として参加することになりました。

どうやら久しぶりにステージに上がることになりそうです。
（規模的に、大学でのプロレスサークルの試合レベル以来かも）

以下に、詳細お伝えします。

ワークショップについて

いつも月一ぐらいのペースで『てら子』というFlashの勉強会を開いているのですが、
なんやかんやありましてその流れで、東京イベント『GEEKs』の大阪版に特別枠として僕らの勉強会が急遽参加することに相成ったわけです。

詳しくはこちらのバナーをクリック！参加の申し込みもこちらから出来ます。

メンツについて

Flashに携わっている方ならご存知だと思っているのですが、『GEEKs』には、あのROXIKの城戸さんや、alumican.netの奥田さん（tha所属）、そして若くしてオーガナイザーを務める加茂さんなど豪華な顔ぶれが並び、てら子側からもさくーしゃさんというスーパーFlasherなみなさんが参加することになっています。

でまあ、その超人達の中にですね、なんと僕ことシナチクもうまく紛れ込むことに成功しました！ｗ
僕のレベルなんて、このブログの「手を動かす」カテゴリを辿って頂くと微妙な感じがお分かり頂けると思います。

で、その妙な構図をうまくTwitter上で伝えようとわーわーしていたところ、

その手に持っているFlasher専用のスカウターで上から順に見ていってみろよ、
戦闘力おかしいやつが一人だけ紛れ込んでるからｗ
(by @_sakotsu：私)

悟空とベジータの間にミスターサタンがいる感じなのかな
(by @ahchang さん)

というすげー的確なレスを頂けました！これツボ過ぎて即★Favoriteしたｗ

そんなミスターサタンにですね、ありがたいことに応援コメントなども頂けたりしてうれしかったです！
僕の持ち時間は10分そこらぐらいになりそうだけど、いつものアレな感じに頑張りたいと思います！ありがとうございます！

大阪てら子の紹介文を抜粋

大阪版 特別 Session
大阪てら子 「Flash好きなやつちょっと来て」
出演：シナチク、Saqoosha

「Flash好きが高じて情報共有したくていてもたってもいられない人達による集まり」こと大阪てら子が、今回はGEEKsに参戦します！

Saqooshaによるサウンドプログラミングの事例紹介をはじめ、まるでお茶会のようなゆるーい勉強会の中から産まれた楽しいFlash作品達を、技術的な解説を交えて紹介していきます。Web上だけに留まらないFlashの可能性を感じて頂ければと思います。

一応、タイトルが「Flash好きなやつちょっと来て」ですので、Flash好きなやつはちょっと来てください！
宜しくお願いします。

こんにちは。
先日、大阪てら子30 「大阪てら子 × IAMAS DSPコース　メディアアートをゆるーく学ぶ」を開催しましたので、僕が発表した内容について触れたいと思います。

IAMAS DSPコース、メディアアートとは

今回はですね、いつもの「Flashのスクリプトがどうのこうの」というよりは、iPhoneなどのデジタルデバイスを使ったメディアアートを楽しんじゃおうという趣旨のもとに、Flashを得意とする我らがてら子サイドと、そういうインタラクティブなインスタレーションに対して日夜取り組んでいらっしゃるIAMAS（情報科学芸術大学大学院）のDSPコースのみなさんをゲストに迎えて行いました。

ドラえもん のび太とリモコン

僕は、『ドラえもん のび太とリモコン』というタイトルの長編映画のデモを作ってきました。
発表は、以下のUstream録画の[ 01:22:30 ]あたりからご覧頂けます。
（音声がだいぶ小さくてすみませんー＞＜）

要はですね、
iPhoneを使ってパソコン上のswfを操作するということがやりたかったのです！

詳しくは後述しますが、『OSCemote』というiPhoneアプリの操作画面を通じて、
のび太んちの居間のテレビのチャンネルを操作しているのです！

しずかちゃんの入浴シーンを流したり（有料チャンネル）、
花沢さんを追う隠しカメラ映像に切り替えたり、はたまた松岡修造兄さんの励ましチャンネルを繰り返し再生したり、、
そうまさに神の視点に立ったかのようなイタズラが出来るのです！

もちろんiPhoneの操作画面上のスライダーをいじることで音量も上下できますし、
iPhoneを傾けることでドラえもん、のび太本人に気付かれずに物理的な位置操作もできるんです！
どうですかみなさん、すいませんみなさん。

iPhoneによる多彩な入力方式

iPhoneには多彩な入力方式があります。

今回iPhoneアプリとして使った『OSCemote』から入力として使える方式は、
ボタン、スライダー、マルチタッチ、３軸加速度センサー。
これらに加えて、iPhone自体が使える機能として、カメラ（静止画）、マイク（音声情報）、GPS（位置情報）なども扱えます。

普段、マウスやキーボードなどのPC環境では出来なかった入力操作を扱うおもしろさ、新鮮さ。
そしてそれらを使った仕掛けの操作インターフェイスデザインについての意識も必要だと感じました。これおもしろいっす。

iPhoneとswfを繋ぐライブラリ『iphoneas』

浦野さんという方が作られた、iPhoneとFlash間で通信するためのAS3ライブラリを今回は使わせていただきました。
使い方その他は以下を参照してください。ありがとうございます！

• iPhoneをリモコンにしてみる（1/4）- ＠IT
• uranodai/iphoneas – Spark project
• SBAW09 » SBAW09後期予定、iPhoneでOSCを使う

みなさんの発表

さーて、他のみなさんの発表はどうだったのでしょうか。
まーそれは今回のてら子のレポートをまとめてくれたaxcelworkさんのエントリーをありがたく参考にしていただくとして、

• 大阪てら子 30 「大阪てら子×IAMAS DSPコース」の参加レポ – Shift×Style×Blog

僕はIAMASさんの発表であった印象的なワンシーンをピックアップして載せますね。

8つのiPhoneそれぞれMaxで制御してる？
iPhoneを振ったりタップすると音が鳴って、その音を拾った他のiPhoneも共鳴するっていうなんだかステキで不思議な作品でした。

他にも、iPhoneを逆さに吊るして風鈴、といったようなこれまたお洒落な作品も紹介して頂きました。
IAMAS DSPコースのみなさま、その節はありがとうございました。
新たな発見があり有意義で楽しかったです！またの機会に是非！

ちょと宣伝。
今回参加してくださったIAMAS DSPコースのみなさんによる展示が京都であるそうです。3/20～22。
興味ある人は覗いてみてはいかがかしら。

• g r a g r a -IAMAS DSP course Project exhibition

締め

キーボード入力・マウスクリックなどの1次元的な単調な入力方法から、
マルチタッチ・3軸加速度センサーなどの3次元・複数ポイントの情報を扱えるようになって、
さらなる可能性が広がってきたwebやアプリの世界、、それが乗っかる媒体も広がりを見せてきて楽しくなってきましたね。

• アップル – iPad – ウェブ、メール、写真を体験する、まったく新しい方法。
• Firefox、加速度センサーをサポート | エンタープライズ | マイコミジャーナル
• Windows 7のマルチタッチのデモ（動画）

僕は今はActionScriptしか触れないので、その周辺を固執してやってきてますけど、
モノヅクリをする人は言語なんて関係なしにいろんな手段で挑んでやってるもんなのですね。
みんなすごいなあーと思いつつ、僕も自分の味を活かしたモノヅクリに没頭してーす、など感じ、とても良い刺激になりました。
みなさまありがとうございました！

楽天さんのFlash案件やっててちょっと躓いたのでメモ。

【検証準備】 何の変哲も無いただのローディングです

まずは、swfのソースをご覧下さい。こんな感じでテストしました。

//以下をEnterFrameで回してます
private function loadSwf(e:Event):void {
	debug_tf.appendText("1.loading SWF...　" + " bytesLoaded: " + loaderInfo.bytesLoaded + " / bytesTotal: " + loaderInfo.bytesTotal+ "\n");
	debug_tf.appendText( " bytesLoaded == bytesTotal ->[ " + String( loaderInfo.bytesLoaded == loaderInfo.bytesTotal ) +  " ] | " + loaderInfo.bytesLoaded + " , " + loaderInfo.bytesTotal + "\n" );

	if (loaderInfo.bytesLoaded == loaderInfo.bytesTotal){
		removeEventListener(Event.ENTER_FRAME, loadSwf);
		next();
	}
}

3、4行目がごちゃごちゃうるさいですが、ここはあまり関係ありません。debug用のTextFieldに値を吐き出しているだけです。
要は、swfファイルの総ファイルサイズと読込み終えたファイルサイズが一致したら次進みます、ってことだけなんですけれど、このswfを楽天のサーバー[www.rakuten.ne.jp]と、自分のサーバー[file.sakotsu.jp]上にアップロードして動作確認してみました。対象ブラウザは、WindowsVista環境でFirefox3.5とChrome4.1とIE8.0の３つ。

【結果】 www.rakuten.ne.jpにアップしたswfのローディングが終わらない

さあ、このでかい画像を喰らいなさい。状況をキャプチャしたものです。

自分のサーバーにアップしたswfは何の問題も無く正常動作してるのですが、
楽天サーバーにアップしたswfは、ブラウザによってloaderInfo.bytesTotalの値が異なっていました。
Firefoxだと正常値より微増、IE・Chromeだと0になっているようです。いったいどういうことでしょうか。。

【原因？】

「どうぞおググりください」との天の声に導かれ、いつも通りにGoogleセンセに尋ねてみたところ、以下のページがヒットしました。
もうこれの仕業だと安易に決めつけて先書いちゃいますよ！もう迷わない！

• [AS3.0]loaderInfoのbytesTotalがゼロになる原因 » TECH Matari

一部抜粋させて頂きます。

ロードの対象の画像をサーバ側で動的にリサイズするPHPを使っていて、それがContent-Lengthを出力していなかったため、Flash側でbytesTotalが取得できず、総バイト数を取得できなかった。

とのこと。なるほど、アップロードしたファイルが細工されちゃってたらどうしようもないですね。

ていうかswfに対してもそんなこと出来ちゃうんですね。
10年ぐらい昔にあったホームページレンタルサービスのサーバーにhtmlをアップしたら、bodyタグ内に勝手に広告追加されちゃうノリですよね。

いやそれにしても、FirefoxさんだけbytesTotalの値が増えるのはこれまたどうしてなんだろね？
何回読んでも何回読んでも完了条件に絶対届かないやン！すげー意地悪なそんな仕様を早くどうにかしてあげてください。

あと、楽天サーバーの超強力なキャッシュを相手にするのもしんどいっす！
「ブラウザのキャッシュは何度も消したはずなのに、嗚呼消したはずなのに！それでも消せないスウィッフ！スウィッフ！」ですよ。
ブラウザのキャッシュではなくてサーバーのキャッシュとか、そういうのもあるのかな？それぐらいに強力でした。

【対策】

原因がわかったので対策は簡単です。読み込み完了条件をゆるゆるにすればOKなのだ！（OKかわかんないけど！）

if (loaderInfo.bytesLoaded == loaderInfo.bytesTotal)

この条件式を、こうしました。

if (0 < loaderInfo.bytesLoaded)

もう読み込んだ瞬間に、if文通過OK。アレですよ、タッチ＆GOですよ。
いやこれが100パー良いとは全然思ってないですけど、今回の場合はswf自体のファイルサイズも数十KBなので問題ありませんでした。
だってbytesTotalが0だったり、規定値より多かったりしたらどうしたらいいかわからんやん！ てことで暫定こうしてます。

ただ、このswfをアクセスが超集中する高負荷なページに貼ってたら、それはそれで耐え切れなさそうですね。。エラーが拾えなさそう。
だもんで、一番の解決方法は、楽天の中の人に直してもらうのがいいのかな？ 余力があったらこの件伝えてみてもいいかもですね。

どうしてこうなった

さっき、仕事中に年下のFlasherさんから軽く説教受けてる最中に、「いったいどういう力が働いてこうなってるんだ？」的なページを、別の知り合いの方から教えて頂きました。

• デザインのブログ Twitterをやってる有名デザイナー・アートディレクター・イラストレーター・ウェブデザイナー・建築プロダクト・映像クリエイター150人まとめ

あのー、なんだかよくわかんないんすけど、こんな恐れ多いリストに僕ことsakotsuの人[ http://twitter.com/_sakotsu/ ]が参列してるらしいんすよ。。このくだらねード低脳貧弱Flasherこと僕が。。

ひゃーなんてこった！おかしいってこれ絶対ｗ　おれだけ明らかにおかしいｗ
もっと載せるべき人が大量にいるはずです＞＜

僕もFlash界での己の力量やランクぐらいはある程度把握してるつもりなので、
Flashに疎い人達には「ちーーっす！あざーす！」みたいな顔ができても、
日頃顔を合わせてるFlash界のみなさんの「おいおいおいコイツはねーよｗ」な反応はわかってるんで、
だいぶ吊るし上げられた恥ずかしい感じも否めないので、
まーちゃんとなにやらちゃんとゴニョゴニョやってそうだってぐらいのレベルにはなっときたいってことです。俺、今実績なにもねーですしｗ

でもまー、こういう扱いをされることもあんまないですし、素直に喜んどきますありがとうございます。
よし、このブログをプリントアウトしたやつをご近所にでも配ってくるわ朝刊に挟んでくる。

あと、俺2010年頑張って生きるわ。宜しくお願い致します。

■大阪てら子 29 「HIGE5」

【　テーマ・概要　】HIGEさんを招いてのFlashカンファレンス

『Flash界を牽引する髭』といえばこの人、イズカワタカノブ（HIGE）氏。
その彼が、なななんとこのFlash勉強会のためだけにこの度、緊急来日します！！
わが大阪てら子が誇る髭の精鋭4人と併せてHIGE5（ヒゲファイブ）として勉強会を盛り上げていきます！！

・・・ていう設定で、いつも通りのゆるーい感じでやります。

東京からのビッグゲスト@clockmakerの中の人とか京都の@nitoyonさんとかみなさんすごい方達が来られることもあってか、残念ながらもう席は埋まってしまいましたが、当日の様子はUstream中継する予定ですので、参加できない方ももし良かったらご覧下さい。

↓↓2/13（土）の勉強会の詳細はこちら。

• http://atnd.org/events/2939

あと、大阪てら子の公式Twitterアカウントはこちらになります。
当日の連絡とかはこの子につぶやいてもらいますのでチェックしてみてください。

• 大阪てら子（Twitter : teraco_osaka）

こんばんわ。

今回はですね、ぼんやりわかってるつもりでいたProgression4を実務案件に使い始めたら思うように動かせず途方に暮れた昨今の僕が、備忘録として引っ掛かってた箇所を挙げていくエントリーです。

ある時はTwitter上でうるさくヘルプを求めて叫んだり、またある時は休日にも関わらず知り合いFlaherさんに直接スカイプ通話を繋いでもらったり、はたまたProgression4勉強会に急遽駆け込んだりしてたわけなんですが、いざ原因をまとめてみるといかに自分が初歩的なところから抜け落ちてたんだなということがわかりました。まあ、それでもコレを見て救われる人がもしかして居るかもしれないので書き残しておきます、ってことで。

単独swfではちゃんと動作するのに、preloader.swfを介して複数swfを読み込むと挙動がおかしかった時の原因

「うまく・・・いかないです・・・＞＜」などとTwitter上でわーわー叫んでいたら、
Flasherのみなさんが口々に「コンフリクトがどうのこうの」と返信してくれました。
いくつか抜粋させていただきます。

「コンフリクトエラー」って殴り書いた紙をぐちゃぐちゃにしてるよ！
(by 私)

僕の、得体の知れないコンフリクトエラーに対する八つ当たりがTwitterのタイムラインをコダマする。。

↓↓↓

デフォルトで、リンケージのみのクラスは自動生成されるから、実質からのMovieClipのサブクラスが補完されるのでクラスのコンフリクトが起こるときもあるよ。同じリンケージを設定できないのも、事実上クラスがコンフリクトするから。
(by @doke さん)

たぶん、デフォルトで ApplicationDomain が currentDomain 指定になっていて、コンフリクトしまくってるんだと思われまっす。ここらへん prog ってよりは AS3 のとっつきにくさから来てると思います。
（by @soundkitchen さん）

SWFで親子構造になるときって、たいていクラス側でパッケージ名を変えてやるのが定石ですかね。クラス名がかぶってもパッケージ違うからOKみたいな。ただ、Main重複は見通しがよくないので避けたりしますね。
（by @naggg さん）

今思い出したけど、わたしもpreloader通すと読めなくなるって現象やったわ。原因は子swfでも画像とか読むために同じ名前で中身のちがうloading使ってたから。
（by @chabudai さん）

もっと言うと、僕が作る場合はかなりがっしり仕様固めるという頭の悪い作りで、ライブラリのリンケージ書き出しのとき、たとえそのクラスが存在しない場合でも（例：ビットマップのリンケージ設定）、パッケージ名を設定するようにしてます
（by @nagggさん）

うわーーーみなさんありがとうございます！！めちゃくちゃありがとう！
この助けてくれた方の中から抽選で1名の方に金塊を送らせて頂きました！

えーとですね、これらをまとめると。。

親swfから複数の子swfを読み込む際に、それぞれのswf同士で定義したクラスやリンケージに同じ名前のものがあるとコンフリクト（衝突）して、内容が上書き？無効化？されてしまい、意図しない命令が実行されたり別の箇所のパーツが読み込まれたりしてしまいます。

なので、これを回避するには、それぞれのswfで定義するクラス名やリンケージ名が他と被らないように命名するか、新しい別のApplicationDomainを定義してそちらで読み込むかするといけると思います。

僕の場合は、全てのswfのドキュメントクラスを「Main.as」としてましてコンフリクトの嵐が巻き起こっていたようです。。複数swfで組むようなサイトはファイル構成も気をつけないといけないですね。。

ちなみに、これはProgressionがどうのこうのというよりはAS3の仕様的なルールだそうですので、Progressionは悪くありませんよ！
（ちょっとでも疑ってごめんなさいｗ）

「アプリケーションドメイン(ApplicationDomain)」ってなんですか？

アプリケーションドメインという概念は、クラス定義の親子関係やグループ分けを管理するためのもの、と本に書いてあったのですが、まだあんまりよくわかってないのでｗ、他サイトさまのわかりやすいエントリーを参照してくださいませ。

• Adobe ActionScript 3.0 * ApplicationDomain クラスの使用
• 親SWFと子SWFと同名クラス | eternity design BLOG
• AS3.0 | ApplicationDomain 知らんかった – DUBFLASH

addCommandの中と外に命令書いた時の処理の違い

処理の完了を待って上から順に実行してくれるという便利なaddCommand内で、
new AddChild(container, CastObject)するという当たり前の作法を私は疎かにしていたのだった。
どうりで、CastObjectの atCastAdded()、atCastRemoved()が機能しないわけだ。。
同様に、addCommandの外に、Tweener.addTween()も書いていましたが、やはりonCompleteを書こうが終了は待たずにシーンは遷移していく罠にハマってしまってました。まーそりゃそうですよね。。

なぜこういう書き方に固執してたかというと、
addCommand内でのfor文の書き方がわからなかったからなのです。
こうやろうとしてあがいてました＞＜↓↓↓

addCommand(
	function(){
		for (var i:int = 0; i < ITEM_MAX; i++ ){
			var btn:HogeButton = new HogeButton();
			new AddChild(container, btn);
		},
		"ボタン生成できたかな？どう？" //できるわけねーよどうすんだよこれ・・
	}
)

という書き方でエラーが出て困っていたところ、最寄のFlasherさんに相談したところ正解な書き方を教えてもらいました。

addCommand(
	function(){
		for (var i:int = 0; i < ITEM_MAX; i++ ){
			var btn:HogeButton = new HogeButton();
			this.parent.insertCommand(
				new AddChild(container, btn)
			);
		}
	}
)

なんかうまいことinsertCommand()を使うようです。この書き方でうまくいきました。
ikekouさん、教えてくれてありがとう！かっこいい！今度ラーメン奢ります！

その他のつまづいた箇所

• 子swfのコンストラクトでstageを参照しようとしてたらエラー出ました。

public function Constructor(){
	if (!stage)
		addEventListener(Event.ADDED_TO_STAGE, init);
	else
		init();
}
private function init(e:Event = null):void {
	removeEventListener(Event.ADDED_TO_STAGE, init);

	//初期設定
}

こういう書き方で回避できましたっけ？
まあとにかく、いきなりコンストラクタでstage参照したらnullになってエラーで止まりましたっていう事例です。

• alpha=0の透明DisplayObjectを消し忘れてて下層がクリックが出来なかったです。うっかりしてました。

それはうっかりだね気をつけよう。（だんだんコメントが適当になってきました）

閉め

というわけで、助けてくれたみなさん。
大変お世話になりましてありがとうございました！貴方が居るから僕も居る、よくわかりませんがそんな感じです！
僕もProgression乗りこなせる様に頑張っていきますので、今後ともよろしくお願いします！