1ftseabass.blog

ブログ引越しました。

2011-07-16T16:56:56Z

というわけで、ブログ引越しました。 http://www.1ft-seabass.jp/memo/ 今後ともよろしくお願いします。

近々ブログ引越しします。

2011-07-10T15:55:25Z

こんばんわ。皆さんお元気でしょうか。私は元気です。かれこれ、2010年あーでもないこーでもないと記事をこねくり回していたら日々の業務に飲み込まれてパタリと書かなくなってしまいましたが、いま世間はスマートフォンやらHTML5やらなんやらといい具合に騒がしくなってきて楽しみです。あ、もちろん、FLASHも。さて、今日はご連絡です。ここを見ている人が何人いらっしゃるかわかりませんが、最近書きたいことはいくつか出てきたのですが現状のMovableTypeを今風に色々整えるとなると大変なので WordPressに移行しつつ近々ブログも引越すつもりです。なお移行先は仕事用の1ft-seabass.jp内ですが現在調整中です。こちらでお知らせしますので、そのときはよろしくお願いします。それではまたー。

なんというか。

2010-01-28T13:20:24Z

事務所に届けに来てくれたM所のヒトと近くのレストランで軽く飲んだ。こんな日もあるんだけど、やりたいことだけが、はかどらなくて、はかどらなくて、普段できない調べ物をしたり、仕事を滞らせないようメールのやり取りはをしたりと、罪滅ぼしに抑えてた。とにかくどうも進んでいる気がしない日。そんな一日はバッサリ終えて、源泉徴収票を手で持ってきてくれたM所のヒトとレストランで軽く飲んだわけでした。話したことは他愛もないんだけど、いろいろとぐちゃぐちゃしていたものが、パッとシンプルになった。また色々考えてしまうんだろうが、いまだけとてもスッキリ。家路について、上機嫌にゼロカロリーのマスカットゼリーを頬張った次第。やれることからちゃんとやろう。見極めるほど多くないんだし。

デザインの現場、休刊。

2010-01-28T08:37:48Z

うわー。デザインの現場休刊かー。『デザインの現場』休刊のお知らせ買って読んでるってわけじゃないんだけど、結構メジャー誌だったよなあ。最近印象に残っているのは『学習』『科学』『広告批評』『編集会議』『主婦の友』ですが、さびしいなー。

iPhoneのGmailメールで「1件の未送信メッセージ」が出たときの原因

2010-01-26T14:35:00Z

先日、iPhoneのGmailメールを使ってたら「1件の未送信メッセージ」が出てしまい気持ち悪いなーと思っていたんですが、なんとなく原因が分かりました。まずは、症状。
00_iphone_error posted by (C)seigo メール送信時にこういったエラーが起きます。
01_iphone_error posted by (C)seigo 何度かやって確実に起こったのは

iPhone SafariからWeb上のGmailで下書きメールを作成
そのメールをiPhoneメールソフト(Gmail)から編集
iPhoneメールソフト(Gmail)から送信
未送信エラー出て送信できない

という流れ。これかと。あくまで、推測ですが、Web上のGmailで重宝している送信時にFrom行してくれる機能で設定されたメールアドレスと iPhoneメールソフト(Gmail)で送信時に設定されるメールアドレスが違っていると起こるのではないかと思っています。 Web上のGmailで、たとえば仕事のメールで来たとしましょう。これを返信メールを作成し下書きに入れると From行は仕事のメールアドレスになるわけですが、 iPhoneメールソフト(Gmail)ではFrom行の変更はできず Gmail上の*******@gmail.comというアドレスしか使えないのでへんなコンフリクトが起きているのではないでしょうか。しばらく待って、だいたいは自動再送信で解決されるので、まあいいんですが。
02_iphone_error posted by (C)seigo ずっと残る場合は下記のように解決できるようです。 iPhone 1件の未送信メッセージ　が表示される場合の解決策 http://mac-informer.blogspot.com/2009/10/iphoneaunsendmessage.html というか、検索画面でメールも調べられるのに驚いた。

定型文を訳すならエキサイト翻訳も悪くない。

2010-01-23T14:15:35Z

エキサイト翻訳はState design patternsを州デザインパターンとステキに訳してくれる感じですから海外のブログを読むのに英和翻訳で概要把握で使ってました。ですが、見直した。英文Eメールに使える定型文・例文集を参考にしていて、何気なくエキサイト翻訳で訳してみたら英和、和英を可逆的に訳したくらい頑張ってくれる。専門用語だと残念な感じだけど、英文メールで使う定型文なら任せろってことか。ありがとう。ありがとう。エキサイト翻訳で学んだわけじゃないが、今日教えてもらった一番の英文は Best regards, これ。「お元気で」「よろしく」「それでは」という意味らしく汎用性高いぜ。

2010年

2010-01-06T12:50:27Z

さて、2010年。ぼちぼちいきましょうか。 2009年は色々と「集」の年だったかと、年末の飲み会で今年の１文字なんですかって聞かれたときに、スッと出てきた感じです。なにかと集まったり、集中、集約、集束したりしたんだろうと。　とりあえず。このブログももう少し使う。2009年に蓄積したTipsもちょいちょい出します。たぶん。Wonderfl面白いですね。ネット上にコードが置けるステキさが分かってきましたよ。Twitterもある程度使ってみたんですけど、自分としてはまだまだうまく使えてません。アウトプットとインプットがぶつかり合っちゃってかなり導線不良ぎみ。RT、QTとかはうまく使えてないなぁ。　制作面では2009年はかなり3D絡みでしたが、今年はどうなるんだろうなー。なんのテクノロジーを使うっていう目前の目標も大切ですが、すでにFLASHが提示してるいろいろなモノを繋げられる可能性を自分自身が選択して紡いでいけたらいいですね。　F-siteの新幹事をやらせていただくことになりましてあわただしくなるかなと思います。いろいろと至らない点があるかと思いますが、自分なりにがんばりますのでよろしくお願いします。こちら、しょっぱなから、何かと忙しいですが。とりとめもないですが、今年もよろしくお願いします。

事務所を構えました

2009-07-08T14:43:25Z

お久しぶりです。表題のとおりですが、7月より新しく事務所を構えました！（以前間借りしてた水玉製作所の方々には、先日盛大に送り出していただきました。ありがとうございました。）場所は、JR中野駅から徒歩15分程度の新井薬師近く住居用ワンルームです。中野へは徒歩圏内という場所にありながら、静かで桜や柳の並木がきれいなところ。そして、自分の家からも徒歩10分でいい感じです。今まで水玉インフラに依存してたので、目下大変なのは、設備周りですね。いろいろ欠けが多いです。あれこれ考えるのは楽しいですが。とりあえず、ネットを光にしたのがいい。あと固定IPも業務上必要だったので導入。ASAHIネット好きだわ～。あとは、プリンター。Bortherの複合機が、昔に買ったの同社機より格段に進化しててびっくりした。というわけで、新たな気持ちで制作に邁進していきたいと思います！よろしくお願いします！

はてなブックマークその後

2009-03-09T05:40:03Z

前の記事にも追記しましたが、とりあえず、はてなブックマークが403 Forbiddenな件は、先月の何処かのタイミングで解消されたようです。（こちらはなにも設定は変えてないです、念のため）。 1月中旬に気づき、約1ヶ月で繋がらなかったわけですがとにかく良かった。どうして解消されたかですが、どうも、うちのスタッフ君がかなり困ったらしく（そりゃそうだよね。）。独自にはてなに報告して、はてなブックマークご担当の方が解消してくれたようです（たしか2月後半だったかな？）ご担当の方、お忙しいところありがとうございました。原因はよく分かりません。が、あちらですぐに直るものだったようですね。IPアドレスの制限とかそういうことでしょうか。さて、僕のはてなブックマークはその後どうなったかというと、以下のようになりました。せっかく1300件貯めた自分はてブが使えなく、かなりションボリする。　　　▼ 仕事が佳境だが、自分のも他の人のもはてブが見れないため、困る。たかだか一個人の雑多なブックマークだけど、情報を振り返れないのはキツい。　　　▼ 「Google検索による情報収集能力」がUP！（当社比）　　　▼ 自前のブックマークツールを急遽作成。heteml＋SQLite＋Smarty＋PEAR。　　　▼ 「Smarty＋PEARの知識」「SQL記述への理解」がUP！（当社比）　　　▼ はてブっぽくブックマークレットによる登録も制作。これで今後の情報収集はひとまず安泰。　　　▼ ブックマークを見なくても案外大丈夫なことを悟る。ただ、ブックマークを貯められないのは、後で情報を振り返れないので支障が出ることにも気づく。　　　▼ 自宅では繋がるので、自分のはてブデータをOPMLで吸出して、退避。　　　▼ いままでの整理も兼ねて、一旦はてなブックマーク全件削除を試みたがはてブはそう言う機能はないと気づいて、ションボリする。　　　▼ ブックマーク全削除はGreasemonkyやPerl/PHPでAPI叩けば出来るようだけど、手間だろう。。。　　　▼ 　（感情的にはなんともいえなくなりましたが、ここは中略...）　　　▼ はてなアカウントを削除してはてなブックマーク全件削除するライフハックを閃く。　　　▼ はてなの色々なサービスの情報を削除 or 引き上げ。　　　▼ はてなアカウントを削除というわけで、はてなブックマークが使えないのは大変残念ですが、まあ、見るだけは出来るからいいですね。自分用のブックマークサービスを作るのを通じ、いろいろ勉強できました。怪我の功名ですね。いやー、作ってみて思いましたけど、足元の及ばなさもさることながら、はてなブックマークとかdel.icio.usとか、ほんとよく出来てます。改めて、感銘を受けました。現状は自前ブックマークも出来て、情報収集の手法も見直せたので大丈夫ですが、必要になれば、はてなのアカウントはまた取るかもしれません。それでは。

【2009/1中旬より】はてなブックマーク、事務所ネット環境から403 Forbidden

2009-02-06T05:01:58Z

＜2008.3.9 追記＞とりあえず、先月の何処かのタイミングで解消されたようです。（こちらはなにも設定は変えてない）。どうも、うちのスタッフが、2度はてなに連絡してくれてたようで、担当の方が解消してくれたようです。原因は説明はないのでよく分かりませんが、すぐに直るものだったのでよかったですね。実は、はてなブックマークが事務所ネット環境から403 Forbiddenになって大変困っています。ブクマ登録も出来ないし、自分のブックマークも見れない。

症状

　・1月中旬頃、アクセスできなくなった。　・http://b.hatena.ne.jp/にアクセスすると403 Forbidden 　・「ブックマークに追加」ブックマークレットも403 Forbidden 　・RSS取得に関しても403 Forbidden 　・http://www.hatena.ne.jp/および他サービスは表示される。　・自宅のネット環境やE-MOBILEでつなげるとアクセスできる。　・携帯からもアクセスできる。

なんで？

自分のアカウントが禁止ではなさそう。あと、俺、はてブに迷惑かけた心当たりはなし。へんなアクセスもしてない。

推測

どうも、自宅のネット環境やE-MOBILEでつなげるとアクセスできるので、IPによるアクセス禁止をかけられてるんじゃないかと推測されます。また、シェアしている制作会社さんもアクセスできないそうだ。となると、同じネット環境からのみアクセス禁止が疑われるなぁ。

とりあえずの解決法

403 Forbiddenじゃなんかこちらで解決しにくいし。そのためだけにプロキシとかやってるのも、大変です。ただ、このままだと情報収集能力が著しく低下して困るのでとりあえず、自作のブックマークレット環境をPHP+SQLiteで作って事なきを得た。 Googleやdeli.cio.usとかの他のサービスも検討しましたが、今回みたいにアクセス禁止のような不具合でここまでダメージ受ける恐怖が先立ってやめました。はてなさん早く解消してくれないかな～。とか淡い気持ちを抱きつつも、今回の事件はすごいショックだったので、いまははてな依存度を減らすべく、はてな関連からデータ引き上げを画策中。あ～、大事なツールをネットサービスに握られてちゃダメっていう大変いい経験になりました。

Adobe Max Japan 2009 2日目

2009-02-01T10:38:52Z

つづいて、2日目です。 2/2 12:05 追記 Spark Projectで齋藤栄二氏(e_s_jp)とイズカワタカノブ氏(soundkitchen)の紹介している情報が逆でした。イズカワタカノブ氏 ( soundkitchen ) は SWFWheel の方、齋藤栄二氏 ( e_s_jp ) が mxp 紹介した方でした、すいません＞＜；指摘ありがとー、taiga！

L-4　失敗事例に学ぶFlexプロジェクトの第一歩 NECシステムテクノロジー株式会社坂田泰平氏

失敗プロジェクトとは、Quality, Cost, Deliveryがまず実現できていないと失敗になってしまう。そうでなくても、終わった後、開発者が疲れてしまって辞めっちゃったりするのも失敗だよね。高コストの原因、Flexはなんでもできる。よって要求のハードルが高い。要求が次々にでてきて終わらない。やり直しが増える。あやふやなまま進めがちである。品質問題。スクリプトでなんとなく作れる。なんとなくだからトラブルに対応できなくてバグが分からない。よって遅延。Flex初心者がプロジェクトにありがち。 HTMLですでに運用されている場合、Flex化するときに「もうできてるじゃないですか」となって、物事が決まらない。よって遅延。などなど、色々な事例を交えて失敗プロジェクトを分析していました。・できるかできないのか？・無理がないものなのか？・べからず設計をしていないか？性能に問題がないのか？・メモリーリークになりそうなコーディングをしていないか。（ガベコレとか強参照・弱参照）・ツールを使いこなす。traceだけに頼るやり方は古い。プロファイラやデバッガを効率よく使いましょう。またプロファイラは1シーンだけの検証じゃダメ。多くとって検証しよう。・QDB繰り返しテスト・Flex評価ツールも効果的。最終的にiBizBlockとかに落ち着く話だった。 iBizBlock http://www.necst.co.jp/product/ibiz/ 大林組の事例。 http://www.necsoft.com/event/2008/0208-adobeflex.html

映像とプログラミング中村勇吾氏

ActionScriptでなくて、デザインとは何かの伝え方を考えています。今日はアニメーションを軸にお話します。アニマ。あとは、ユニクロなどを例に挙げた裏話などなど。フォントパーク。人力駆動でなんとなくできていくUI。わざと制約を作る。時という情報を伝える「時計」っていいよね。最後に見た「骨展」のサイトで使われるという、物体崩壊プログラムが面白かった。以下印象に残った言葉。「WEBを何も知らない人に伝えるときにホームページとかサイトとか色々な呼称ったえるけどよく考えて言葉を選ぼう。そうすることで言葉が力を持ち広がりが出てくる。」「WEBの中で考えるとWEBの中で止まってしまう。俯瞰してみるのは大事！」「広告ECサイトを作るんじゃなくてWEBのアニメーションを考えると割とうまく行きます。」「ポニョは手書き。複雑で豊穣。FFはトゥイーン。単純で平板。」

[Flash]アイデアの実装：コントロールと最適化 Roxik 城戸雅行氏

主に3Dの実装に関して。座標変換とその管理方法。モーションとレンダリングを分離する。分かりやすくプレゼンするために、変数名に日本語を使っていた。また、後半の軽量化の方法は、パターン化できる動きはビットマップにレンダリングしたほうがいいということ。例えば、360度回転ぶん・3Dでもループする部分はレンダリングしきっておくとか対称なオブジェクトは半分だけレンダリングするとか。 EcoだZooで使われていたLightwaveでFlashの3D管理を出来る城戸さん独自のツールは圧巻の一言。以下印象に残った言葉。「3DやボーンなどFlash10で実装されたけど、自分でも紐ほどいて作ってみると、扱いやすくなるし重い通りに動くようになると思います」「ただ動くだけなら簡単に作れる。けれど思い通りに動かすにはいつも時間がかかる。」

ActionScript 3.0におけるパフォーマンス向上のヒント野中文雄氏

ActionScript3.0のコーディングでのパフォーマンスを高めるテクニック。概ね下記リンクに書かれていることが中心だったけど、野中さんの厳選のTips集となりました。なにより、丁寧で分かりやすい説明がとてもありがたかった。高速化の議論って概ねヘビーに色々盛り込んで納期に近い時期にあがってくるので、殺伐としがちだから、できるだけわかりやすい説明を心がけたいですから。 [tips]ActionScript3 最適化・高速化Tips 簡易まとめ http://actionscript.g.hatena.ne.jp/ConquestArrow/20070621/1182359767 いくつか気になったTipを書いておきます。・hitArea=true、visible=falseでもAS3.0では描画上見えないけど、押すことが出来る。表示負荷がかからない透明ボタン。・Arrayは中に入る値は型指定できないが、Flash10から登場のVectorでは型指定が可能。またエレメントへのアクセスが高速。ただし、Arrayよりも厳しいルールがある（エレメントにはひとつのデータ型を指定。エレメントは密である必要がある。Arrayでできた飛び飛びはダメ）・Math.pow(n)よりn*nのほうが高速・Math.absは(n<0)-n:nのほうが高速。だけど可読性が悪いかも。・ただし、べた書きは早いがfunctionにくるむとやや遅くなる。・int処理がAS3.0だと高速。ただ、AS2.0でのintとは役割も仕様も違うので注意。・割り算より掛け算が早い。n/5よりn*0.2のほうが早いということ。・2の累乗は最適化されていて早い。・ビット演算はCPUの処理に近く一般的には高速。・<<は×と同じ。>>は÷と同じ。RGBの処理に向いている。・ビット演算は理論和にも使える。ただ、高速化の件はOSやブラウザの組み合わせ、スタンドアロン再生かブラウザ再生かでも結果が変わってくるので、あまり軽微な高速化には飛びつく必要はない。また、高速化のテクニックには可読性やメンテナンスのしやすさが下がってしまうことで別の「速度低下」が起きるので注意したい。詳しいコードは野中さんが公開してくれるようなのでそれを待つことにします。

D-8　コミッタ全員集合！？ Spark project ライトニングトークセッション Spark Project

総勢8名のライトニングトーク！一人持ち時間5分の盛りだくさんなセッションでした。

はじめに

Flash/Actionscriptのオープンソースコミュニティ。みんなでソースコードやノウハウを共有して幸せになろうという思いの元運営がしてます。

山崎貴明氏(zk33)

sazameki オーディオ操作ライブラリ。Flash内で音を生成したり加工したりといったことができる。popforgeにインスパイアされました。テルミンのようにマウスで触れて音を奏でるようなサンプルやクリックした場所でスクラッチがかけれたりするサンプル。現在、FlashPlayer10版の制作に注力中！ http://sazameki.org/

寺井周平氏(trick7)

ライブラリを使うメリット。ライブラリを使っていると楽しくなるよ。とっつきやすいライブラリって何？→標準のActionScriptと同じ記述が出来る。ライブラリは必殺技と思って是非使ってみてください。メラとか、メテオとか。メラということで、簡単に炎が作れるライブラリ。 TeraFire http://www.libspark.org/wiki/trick7/TeraFire TeraClock そして、簡単に時計が作れるライブラリ。 http://www.libspark.org/wiki/trick7/TeraClock 最後に簡単に日の出を作るライブラリも紹介されていました。TeraHinode。

小山智彦氏(Saqoosha)

拡張現実を簡単に実現するARToolKitをFlashに移植。おもしろい！ http://www.libspark.org/wiki/saqoosha/FLARToolKit PaperVisionが使えるなら使えるらしいです。ブースでも公開されていました。

齋藤栄二氏(e_s_jp)

Spark project は ActionScript ライブラリだけでなくJSFLもコミットされています。拡張機能・コマンドは、複数処理よくやる処理に便利。Flashにはない機能を追加できる。MXPで簡単インストールでコマンドメニューからすぐに試せる TransformationPoint Flash CS3 でオブジェクトの変形点をパネルから設定する拡張機能。 http://www.libspark.org/wiki/e_s_jp/TransformationPoint 以下、JSFL作者のほかの方々も紹介されました。 カラーピッカーPS RGB、HSVを同時に調整できる拡張パネル。グラデーションも簡単に作れる。 http://www.libspark.org/wiki/dada/colorPickerPS Frame2Symbol フレームを選択してコピーして新規シンボル内にペーストして座標が同じになるように配置する http://www.libspark.org/browser/mxp/Frame2Symbol TimelineController Flashアニメ制作をサポートする機能拡張パネル http://www.libspark.org/wiki/yoropan/TimelineController insertLabel フレームラベルを連番で生成する機能拡張 http://www.libspark.org/wiki/kaede/insertLabel tanablogさんのコマンド集 http://bitmap.dyndns.org/blog/archives/cat_jsfl.html http://www.libspark.org/browser/jsfl/Commands letterspace ライブラリ内のMC化された静止テキストの指定文字をカーニング http://www.libspark.org/wiki/yoropan/LetterspaceStaticText EasingGenerator Tweenerのtransitionパラメータを3次ベジェで指定する為の拡張パネル http://www.libspark.org/wiki/dsk/EasingGenerator TrueFLfile CJSFL File APIの不具合を修正する拡張DLL http://www.libspark.org/wiki/TrueFLfile GetLibraryItemClass .flaファイルのライブラリでクラス設定されているものを調べてその一覧を出力するコマンド http://www.libspark.org/wiki/e_s_jp/GetLibraryItemClass

イズカワタカノブ氏(soundkitchen)

Macでうまくマウスホイールが取れないのは有名だが、実はWindowsでもwmodeによって取れないことがあるがなんとこれも吸収している。また、検証ブラウザもかなり網羅されてる。どれくらい網羅されてるかというと、MacだとStainless、CaminoとかWindowsだとChromeとかマニアックなところまで！ SWFWheel マウスホイールイベントの環境依存・状況依存を吸収するライブラリ。 http://www.libspark.org/wiki/SWFWheel

高輪知明氏(nutsu)

Frocessingという、Processingライクなドロー系AS3ライブラリの紹介。 Frocessing http://www.libspark.org/wiki/nutsu/Frocessing AS3標準のGraphicsとProcssingの違いは、いろいろな描画をシンプルに使えるようにしているところ。RGBだけでなくHSVの指定も出来る。3次元ベジエが使えたり。きれいなフラクタル描画サンプルも見れたり、

松野規親氏(まっつん)

specialbuttonコンポーネント ActionScriptの初心者から上級者まで幅広くサポートした汎用ボタンコンポーネント。 http://www.libspark.org/wiki/n_mattun/specialbutton ずっとしゃべり続けてたトークセッション。すごい！コンポーネント定数が全て日本語。フレーム移動系命令とリンク設定は記述不要。ツールチップやショートカットも実装。ボタン押しっぱなしの挙動も実装。

新藤愛大氏(beinteractive)

オオトリ。 ActionScript Thread Library 1.0 (そうめん) http://www.libspark.org/wiki/Thread AS3で煩雑になりがちな非同期イベントを管理するライブラリ。リスナーさようなら。あと、新ライブラリ BetweenAS3も紹介されてました。2009春ごろを目指して製作中とのことで超期待！！

ブース

また、Spark Projectはブースもあり、FLARToolKitデモ（Saqoosha）、SMSas デモ(ll_koba_ll)が展示されていました。 小林陽介氏(ll_koba_ll) SMSas MacBookのモーションセンサーの値をFlashで使えるようにするライブラリ。 http://www.libspark.org/wiki/ll_koba_ll/SMSas ということで、ライトニングトークの名にふさわしいあっというまのセッションでした。けれど、そこに垣間見えるのはSpark Projectの層の厚さとオープンソースのもつパワーを感じました。実は私もコミッターですがソースを見ているばかりでなかなか自分のライブラリを上げたりすることができませんでしたが、これを機会にまたがんばりたい！

Adobe Max Japan 2009 1日目

2009-02-01T09:12:48Z

Adobe Max 2009 行ってきました。今回はかなりがっつりいろいろな人と出会えて、受けたセッションもツボにはまって有意義なものとなりました。まずは、1日目。 ~~2日目は、現在編集中。(2/1 18:45 現在)~~ 2日目はこちら。

Flex4/AIR/CS4によるデザイナー&デベロッパーのワークフロー革新(仮）クラスメソッド株式会社　杉浦篤史氏

Flex開発の難しさ

・Javaほどツールが充実してない。・RIA開発の特性。

ワークフロー

・いままではこんなかんじ。 Ai,Ps,Fw,Fl→(PNG,JPEB,SWF)→Flex ・FlexBuilderに詳しくないといけない。・デザイナーが開発者に指示を出さなきゃいけない。・開発者もエフェクト・インタラクションの理屈を分からないといけない。

CS4でどうなる？

Flash Catalyst登場！元Thermo（サーモ） Flash Catalyst http://www.adobe.com/jp/newsletters/edge/december2008/articles/article2/index.html デザイナーとディベロッパーの触媒である。インタラクションツール。・このようにワークフローが変わる Ai,Ps,Fw→(FEG)Fc(FXP)→Fx Fl→Fx Flash CatalystはEclipsベースらしい。今はデモ版でMacのみで使える。 PSDを直接読み込み、レイヤーの個別のオンオフをFlexのStateに設定するイメージ。 A・B・C・D・Eというレイヤーがあったとき、State1ではA・B・E(C・Dは非表示)、State2ではC・E(A・B・Dは非表示）といったことで細かく表示を制御できる。

そもそも何がいいのか？

高速なプロトタイプ制作が可能。画面遷移や素材加工に煩わせられずに、作りこみに注力できる。デザインとコードが双方向になる。デザイナーがMXMLやActionScriptを意識せずにインタラクションやレイアウトが出来る。まだ、自動書き出しのMXML精度がまだいまいちだったり、複雑なコンポーネント開発には向かない。インタラクションはState単位になるので、ロジック実装の際は意識して作る必要がある。いろいろ大変なことはあるけど、Flash Catalyst今後絶対開発のキーになる。

質疑応答

（質問）今回のFlash Catalystの話ではデザイン→Flexコンポーネントになったけど、Flexコンポーネントからデザインに戻るのか。（回答）ベータ版なのもありわからない。不明。（質問）Flex CS4 でいままでのカスタムコンポーネントは流用できるか？（回答）バージョンアップで色々と手が入ったので難しそうです。

ウェブとタイポグラフィー、伝達と表現川上俊氏

川上さんのサイト http://www.artless.co.jp/ 今の目指すところなるべく単一化されたページ構成にしたい。シンプルに。1枚しかないサイトを作ろうと思った。グリッドデザイン。システマチックなレイアウト。ドイツバウハウス。 ジュリアーノフジワラ http://www.giulianofujiwara.com/ 注文のところの番号があるといいよね。LookNoのところ。英語と日本語を表記しよう。WEBだし世界に繋がっているんだし。日本語という言葉のイメージがブランドに繋がる可能性だってあるし。 イッセイミヤケ http://www.isseymiyake.co.jp/ 3階建ての建物のイメージ。メインナビゲーション＝メインビジュアル。インタラクティブ化したタイポグラフィー。ハレーションを取り入れた元のデザインにあるコンセプトをWEBで再現した。 BACKの矢印は統一し、自分のルールを骨太に作った。デザインはシンプルにページ移動少なめに。それは、FLASHクリエイターに渡したとき、なるべく動きやインタラクションを考える時間にあててほしいから。 Studio Apartment http://www.studioapartment.jp/ ロールオーバーで音が鳴る。気になる曲を触れて聴いてもらう。クリックという動作の手前でサウンドが聞ける。 null http://www.nullartless.com/ 2006年ごろ活動。WEBデザイナーの人たちにプリントの作品を作ってもらったが、印刷の人たちと同じように色々ことを意識しながら作っていた。以下印象に残った言葉。「インテリアデザイナー、建築デザイナーになりたかった。だから、構造や仕組みにとても意識を置いている。」「だいたい文字から話を始める。クライアントはわからない方もいるけど「好き嫌い」というのは誰にも言えるはずまずはそこから。」「WEBのモニターだけでなく飛び出してグラフィックとか他のメディアにも飛び出していこうよ！印刷だってWEBに触れることで変化していく。広い視野デザインしていくのはいいのではないか。」「WEBの歴史は浅い。だから文字（長い歴史にあるパワフルな）に頼る。頼りにする。」「WEBはいい。視覚と聴覚がミックスされている。いろいろなことを意識しないと良いサイトは作れない。文字の表現という意味でFLASHはいいね。」「WEBにこだわらずいろいろとやっていきたい。どんどんarchiveされる未来、映像とよりリンクする未来、いろいろあるけど、どのようにグラフィックデザインをWEBに持ち込むのかを考え続けたい。」

Adobe made some noise! 改め、space。Joshua Davis氏

~~Adobe made some noise! - Flashのサウンド最新情報[FITC session]~~ Joshua Davisが代打！の豪華すぎるセッション。終始、絶妙なテクノロジー漫才でした。はじめは、ランダムグリッド配置・ベジエで流体プログラム・カレイドスコープ生成などプログラム例を紹介。まるでFLASH・ActionScriptで自分の画材をカスタマイズしていく、作り出していくようなプロセスを見た。そこに色々なパラメータを与えていろいろな変化を試す。しかも、そのツールたちでクライアントの要望にもしっかりこたえてるようです。（ここ重要だと思う）以下印象に残った言葉。「テクノロジーの良いところとはより良いものを迅速に作り出すことができることだ。」「予見できる動きはつまらない。予見できない、面白い、度肝を抜く動きを考えよう！」「些細なこと（パラメーター）でも面白いテクスチャになる可能性がある。」「テクノロジーは20年前人の手で行ったものが出来なかった。今は人の手を越えるものができる可能性がある！」「ああ！コンピューター愛してる！」「アイデアがないなんていわないこと。そんなことはない。日常をちゃんとみていないだけさ。見えないものが見えるようになる。」「好きだから作る。これからも作り続ける。それが大事だよ。それが自分を現すんだ。もちろんたくさんの失敗はある。でも、hardにがんばろう！（ニヤリ）」

プロフェッショナルのピクセルコントロール[FITC session] Ralph Hauwert氏

Ralph Hauwert氏氏のサイト http://www.unitzeroone.com/blog/ http://www.osflash.org/ はじめは、いままでのテクノロジーの進化を紹介。

PaperVision3D X

PixcelBenderがスゴイ。環境光・反射光・拡散光を自分でカスタマイズできる。結果、Quake並みのレンダリングをFLASH10＋PixcelBenderで実現できたよ。ほんとサクサク動いてた。 参考リンク カスタムレンダリングエンジンをC++などで作成できる。 http://labs.anthill.jp/2008/05/pixel_bender_toolkit.html Flash Player 10のPixel Benderデモ色々 - MACお宝鑑定団 blog http://www.macotakara.jp/blog/index.php?ID=1156

rePhlex

http://code.google.com/p/rephlex/ ちょっと良く分からなかったけど、サウンド同期とかエフェクトなどを使いやすくした新しいライブラリ群？？いまはComing Soon。

CATMAN作者が語るFlashアニメーション最新情報青池良輔氏

他の映像ソフトと比べてFLASHの良いところ。

レンダリングが早い。プレビューがすぐ見れる。すぐ目で見れるのっていいよね。高いソフトで制作すると、持ってない人が多くとかノウハウが少なくて、共同作業しにくい。AfterEffectでももちろんアニメーションはできる、そこは個人の判断でお願いします。

CS4の新機能導入例

・HD映像とFLASHアニメーションの合成。・IK（インバースキネマティクス）を使ったアニメに挑戦中。鋭意製作中。

CS4戸惑ったけど・・・。

デザイナーの可能性を広げる。アニメーションのオブジェクト指向化。 CS4は、モーションが強化されたと思う。

そのほかに。

スマートになっていく表現と今までの泥臭い表現がこれからどうなるか。新しい創意工夫を見て見たい。テクノロジーはすごくなったけど、じっくり作るアニメーションだって絶対楽しい。いまやPSDでアニメーションだって出来るし、入り口はどこだっていいと思う。

Tips

CS3のAVI/MOV書き出しはマシンスペックによってズレたり違いが出るので、しっかりやりたいなら断然画像連番ファイルでの映像連携がお勧めです。

スペシャルイベント：Technology Sneak Peek

気になったものをいくつかピックアップ。

Duango

http://labs.adobe.com/technologies/durango/ Drag & Drop live components between AIR apps ライブコンポーネント（ブラウザの今表示しているサイトや、SWFそのもの、Flexコンポーネント）をサクサクDrag & Dropできる。どうやって再現してるんだろ！！

Serverside ActionScript

サーバー側でのActionscriptという概念。クライアントに負荷かけずにFlashが実行できる。

Web Widget Packager

http://labs.adobe.com/wiki/index.php/Dreamweaver_Widget_Packager Dreamweaverの話。今まではドキュメントやソースを人のサイトをよく読んでから、設置するので大変だった。ほんと、FTPとかで一生懸命設置してServerErrorとか萎えるよね。そこで登場するのがWeb Widget。ajax自動インストーラー！しかも、FlashのUIを使ってプレビューできる。パラメーターをいじって検証できる。たとえば、スライドショーajaxの元が300x400の画像サイズを400x400にするとどうなるかとか。 Ajaxの事例として使われていたサイト http://ajaxrain.com

Infinite Images

写真から空間を作り出す技術Infinite Images。写真から無限の世界を作り出す（と、自分は意訳しました）言ってみれば、Seam Carvingのような技術を使って類似画像、近似画像を判定。奥行きを持った情報をとして管理。たとえば、富士山を海を含めて遠くから取ったものと富士山だけのアップのものは、3D空間上同じものになるわけだからグルーピングされる。これを使ったら、旅行で行ってきた写真から、3D空間を起こして一味違った階層が出来て楽しいかも！他にも、実際に行ってみなければ分からない例えば物件探しのときとか、より強力にフォローできそうだなー。

COMPACT COLLECTION - Kanebo Web Museum - 制作しました。

2008-12-21T07:24:42Z

COMPACT COLLECTION - Kanebo Web Museum - というコンテンツを制作しました。 Web Creator 1月号 WEB DESIGN WORKS に掲載されていました！関係者のみなさま、ありがとうございました！ COMPACT COLLECTION - Kanebo Web Museum - http://www.kanebo-compact.com/ クライアント：（株）カネボウ化粧品 制作：（株）コンセント スタッフ： 　PR　プロデュース　大岡旨成　AD　アートディレクション　堀田理佳　DI・DE　ディレクション・デザイン　安井実里　FL　Flash制作　長谷川巧・田中正吾　CO　森史憲　SO　小野雄紀８月から１２月までFlash制作担当としてご一緒させていただきました。今回はなにより3D表現ありってのが大変でした。そのため、スタートでAS3.0開発に手を付けようか、はたまた2.0にするのかかなり悩みました。でも、もろもろ思惑があって、2.0での独自3D開発で作りました。いやー、これがTwitterで行列ウキーとか座標変換がなんだとか、深度ソートがなんだとか唸ってたわけです。最終的に実用的なところまで落とし込めたと思います。よかった。また、XMLで完全に外部化して、多言語管理を盛り込んでいます（日・英・中）。今回はこの設計がスムーズにはまりました。こういうのは気持ちいいですね。最初から、情報の扱いを皆さんと刷り合わせが出来たので、うまく軸が作れたんだと思います。ただ、最近は、AS2.0開発でもパワー不足を目の当たりにする機会も多くて、パワフルなAS3.0はいいな～と感じます。ほんとに。もちろん、自分のソースがまだまだメタボな部分もあるでしょう。結局、プログラムの無駄を減らして再生負荷軽減する努力といけないでしょうね。絶対そういう意識は生きるはず。両面で頑張らないと。

忙しかった。

2008-10-21T14:27:30Z

いやー、お久しぶりです！！ここ２ヶ月忙しかったです。寝てなくて頭がクワンクワンした感じ。 AS2でやや3Dやら、JSONとAPIでガシガシつなげて、ファイルアップロードとBasic認証で泣いたりとか、翻訳が伴うフルフラッシュサイトの改修とか、多言語を見据えた設計でXMLと戯れたりとか、もー、いろいろ。今回関わった皆々様、ホントお疲れ様でした。「コイツいそがしそーだなー。だいじょうぶか？」と思いながらも、暖かく接していただき、ありがとうございました。いやー、ブログの再起動を暫く書かなかったことの言い訳に文章費やすと、その草稿に引きづられて、さらにさらにのとんでもない遅延が生じるから、とりあえず書くことにしました。（事実、そんなのが、9/7くらいに書いた草稿が残ったままです。）とりあえず、明日くらいにチャンビーが届くぜ！！うおー。

Flash OOP Japanイベント2008いってきました。

2008-08-15T10:46:51Z

Flash OOP Japanイベント2008いってきました。さすがに２度目のスーパーデラックスは場所が分かりました。というわけで、メモ。全体的にそれぞれのクリエイターの方々がAS3という画材を使ってモノを表現しているような雰囲気。AS3は厳密がゆえにかな、それぞれの制作思想が色濃く出ているように思えました。イベントとしてそう見せているところもあるけれど。関わる案件の大きさ・指向によって（デザインパターンとまでいかなくても）設計思想を如実に映し出してた。さらにいえば、モーショントゥイーンで超絶アニメーションというアプローチは、今回のイベントでは鳴りを潜めていて。どうスマートにコンテンツを見抜き、くみ上げるか、そういうカラーが出ているように見えた。

第一部　実案件におけるActionScript3.0の使われ方

「PV3Dでスノードームができるまで」 スピーカー： セトウナオ氏 PV3Dのいろいろなモック紹介。半分の画像サイズで描画速度アップ。粒子の表現ぱーてぃくる。案件の流れを日記形式に見せてくれたのがおもしろかった。HTMLでのスクロール、プレゼン。なんというか目に優しい。 「表現も使いやすさも作りやすさも。フレームワークとチーム開発で加速するAS3の可能性。」 スピーカー： 長井健一氏　阿部貴弘氏 MVCの考え方の紹介。イベント駆動とはちょっと違ったupdateでパーツ総駆動のサンプル。AS3は作法が厳密だから色々導入しやすそうだ。モーショントゥイーンも地味に早くなってる。独自フレームワークとProgressionのような汎用フレームワークの違いが勉強になった。両方に良い点があるよね。過渡期からかもしれないけど、やはりパフォーマンスなども悩みどころ。

第二部　AS3を使った実験的コンテンツの紹介

スピーカー： 浦野大輔氏　切通伸人氏　原央樹氏インパクト重視な立ち上がり。WiiFlashを利用した、WiiリモコンとFlashの連携がおもしろかった。BlueToothサーバーとの連携をSocketクラスで。Socketクラスはバイナリを送れる。swcをFlexに導入してラクラク連携。素敵だね。ライブラリの選び方を物理エンジンを例に。ライセンス、更新（取り組み具合）、使いやすさでふるいにかける。Box2Dライブラリの紹介。作ルがのこった。

第三部 Flex User Group Presents :「Flex & Flash、共に歩んでより明るい未来を手に」

スピーカー： 舩倉純氏　杉浦篤史氏　廣畑大雅氏 Flash×Flex。２人は敵同士じゃないよ。共存できるよ！色々紹介するよ！・ProgrammaticSkinクラス ActionScriptで見た目を操作。。一般的なFlexのCSS設定とは違うアプローチ。容量が軽い。・FlashCS3によるFlexComponentKit Flash のMovieClipを使えるよ。Extention必要だけど。オリジナルコンポーネント。

第四部　「AS3をやるべきか？」AS3のこれから

スピーカー： 野中文雄氏　富川真也氏　上野直彦氏　松村慎氏時間がおしおしでもったいなかったけど。質問の回答から興味深い話が聞けました。特に、AIRを他の並み居るデスクトップアプリ立ちの中から選択するタイミング。Webコンテンツをスムーズにデスクトップアプリケーションにするというのが根幹にあるので、求めている機能が搭載されて、やりたいことが実現できるならぜひ使ってほしい、AIRにはその力があると言ってた。一言で言えば適材適所ですね。というわけでボリューム盛りだくさん。楽しいイベントでした。