<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
   <title>irukakujira</title>
   <link rel="alternate" type="text/html" href="http://www.techno-tokyo.com/irukakujira/" />
   <link rel="self" type="application/atom+xml" href="http://www.techno-tokyo.com/irukakujira/atom.xml" />
   <id>tag:www.techno-tokyo.com,2008:/irukakujira/1</id>
   <updated>2008-09-24T05:27:00Z</updated>
   <subtitle>とあるWeb製作者のブログ</subtitle>
   <generator uri="http://www.sixapart.com/movabletype/">Movable Type 3.35</generator>

<entry>
   <title>Android携帯ついに出た。</title>
   <link rel="alternate" type="text/html" href="http://www.techno-tokyo.com/irukakujira/2008/09/android.html" />
   <id>tag:www.techno-tokyo.com,2008:/irukakujira//1.51</id>
   
   <published>2008-09-24T04:01:02Z</published>
   <updated>2008-09-24T05:27:00Z</updated>
   
   <summary>長きに渡りベールに包まれていた？google携帯がついに発表されました。 とはい...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="雑記" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.techno-tokyo.com/irukakujira/">
      長きに渡りベールに包まれていた？google携帯がついに発表されました。
とはいいつつも散々リークされていたものとあまり変わらずといった感じですが。

米T-Mobile、最初のGoogle Android携帯「G1」を発表
http://www.itmedia.co.jp/news/articles/0809/24/news021.html

T-MobileのAndroid携帯「G1」にAmazon MP3アクセス用アプリ搭載
http://www.itmedia.co.jp/news/articles/0809/24/news030.html
ここら辺の動きは早いですね。音楽はamazonからということになりましたと。
HTC製造の端末でキーボード付きでタッチスクリーン。マルチタスク、Wi-Fi、google各種サービス対応といったところです。
売れる売れないからいったらまだ売れる環境は整ってないような気がするけど。
Androidのアプリ開発には興味があるのでそろそろ動きだすかも。
Appstoreのようなアプリマーケットもできるはずだし。

      
   </content>
</entry>
<entry>
   <title>Flash初歩の話</title>
   <link rel="alternate" type="text/html" href="http://www.techno-tokyo.com/irukakujira/2008/08/flash.html" />
   <id>tag:www.techno-tokyo.com,2008:/irukakujira//1.50</id>
   
   <published>2008-08-20T15:04:01Z</published>
   <updated>2008-08-20T15:14:55Z</updated>
   
   <summary>初歩的なことだけど今日気づいたこと。 再生ヘッドがキーフレーム到達したとき配置し...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Flash" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.techno-tokyo.com/irukakujira/">
      初歩的なことだけど今日気づいたこと。
再生ヘッドがキーフレーム到達したとき配置しているインスタンスが再生される。
そのインスタンスがかなり重い画像だったりした場合、そのフレームの再生時に結構な負荷が掛かるようだ。
重い画像を一つのフレームで何枚か配置しているようだと、負荷で一瞬再生がとまるような状態になる場合もある。
そんなときはあらかじめ前のフレームに重いインスタンスを移動させておくと良い。

いじょ。



つい最近までとても忙しかった…。
あともう一週間ほどぼーっとしていたい。

      
   </content>
</entry>
<entry>
   <title>Flex Tips(基本)</title>
   <link rel="alternate" type="text/html" href="http://www.techno-tokyo.com/irukakujira/2008/07/flex_tips.html" />
   <id>tag:www.techno-tokyo.com,2008:/irukakujira//1.49</id>
   
   <published>2008-07-01T08:33:55Z</published>
   <updated>2008-07-07T04:17:08Z</updated>
   
   <summary>仕事でFlex使ってます。 まるで触ったことの無かったFlexですがだいぶ慣れて...</summary>
   <author>
      <name></name>
      
   </author>
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.techno-tokyo.com/irukakujira/">
      <![CDATA[仕事でFlex使ってます。
まるで触ったことの無かったFlexですがだいぶ慣れてきました。
とはいいつつも最初は右も左もわからず冷や汗ものでございましたが…。

開発途中で気づいた、詰まった事を書いていってみます。

1.FlexのCSS
http://www.loscavio.com/downloads/blog/flex3_css_list/flex3_css_list.htm
Flexはスタイルも使用できるのですがHTMLのCSSとは絶妙に違うので上記参照必須です。
使用するコンポーネントによって使えるスタイルが変わってくるので注意です。
<mx:Style>
.Window{
	backgroundImage:Embed('parts.swf', symbol='header');
	backgroundSize:"100%";
}
</mx:Style>
<mx:Box width="600" id="Window"></mx:Box>
こんな感じで指定します。

2.カスタムコンポーネント
アプリケーションの再利用が必要な部分をそのままカスタムコンポーネントにして、
アクションスクリプトでクラスとして読み込んでaddChildしたりとかできます。

custom.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Box xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" verticalGap="1" paddingTop="0" horizontalScrollPolicy="off" verticalScrollPolicy="off">
<mx:Text id="titleText" fontSize="12"></mx:Text>
</mx:Box>

base.as
private function titleFunc():void{
	var newTitle:custom = new custom();
	newTitle.titleText.text = "タイトル";
	VBOX.addChild(newTitle);
}
カスタムコンポーネント以外にFlexのコンポーネントもnew Box()とかnew Canvas()とかで生成できます。

3.width="100%"とか多用すると超重くなる。
なので要注意です。
ちなみにスクリプトで100%を使用するときはpercentWidth=100を使用します。

4.mxmlでStringなどを使いたい場合は宣言しておく。
<mx:String id="nowWord" />
こんな感じで始めに宣言しておきます。<mx:Box>内とかでは宣言できません。

5.データバインディング
<mx:VBox width="100%" height="{A.height}"></mx:VBox>
変更があった場合も反映されるので便利。
<mx:VBox width="100%" height="{A.height-B.height-C.height}"></mx:VBox>
こんな書き方もOK

6.RemoteObjectを使う場合endpoint="{'http://{server.name}:{server.port}/flex2gateway/'}"
を指定するとパフォーマンスアップする。
ローカルでテストする場合は絶対URLを指定しましょう。

7.Buttonのイベントをclick="CLICK()"等で指定した場合removeEventListenerで削除できない。
そのまんまです。
http://livedocs.adobe.com/flex/201_jp/html/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Book_Parts&file=events_054_09.html

8.カスタムコンポーネントからfunctionを呼び出す
click="parentDocument.clickfunc();"
parentDocumentで上の上位階層のfunctionを呼ぶわけですね。
階層構造になっているわけで、Flashの_parentと同じです。

9.豊富なエフェクトを使用できる
Moveエフェクトや
http://livedocs.adobe.com/flex/201_jp/langref/mx/effects/Move.html
Dissolveエフェクトなど
http://livedocs.adobe.com/flex/201_jp/langref/mx/effects/Dissolve.html
Flexでは既にエフェクトが用意されていて簡単な手順でそれらを使用できます。

10.もちろんライブラリも使用可能
例えばtweenerなら
import caurina.transitions.Tweener;
でインポートすれば使えます。

11.VBoxやHBoxは超便利ｗ
VBoxは内包するオブジェクトを勝手に縦に並べてくれます。
HBoxは横。

12.Buttonの透明度を0にしてもlabelはきえない
なのでリンクテキストのように使用することができます。

13.サーバーとの通信でデータ型を扱える。
例えばDate型だったら
private function loginOK(e:ResultEvent):void {
	var reObj:Object = e.result;
	var nDate:Data = new Date(retObj.DATE);
}
そのままnew Date()に放り込めるので超便利。感動した。
AS3で可能だと思われる。

14.AIR化する上でAIRに対応していない機能を使っているとAIRにできない。
基本Flexで開発している場合mxmlのApplicationタグをWindowedApplicationタグに変更すればAIR化できる。ですがExternalInterface等サポートされていない機能を使用しているとエラーがでちゃいます。


2週間ほどがっつり使ってみてFlexはRIAの開発環境として非常に優秀だという印象を持ちました。
レイアウトを作成するのがFlexのコンポーネントがあるおかげで非常に楽です。
Flashで作成する場合はレイアウトを作成する段階で非常に多くの労力を割かれてしまうかと。
一から手作りしなければいけませんから。
FlashでRIAやってる諸氏は是非Flexいじってみると良いです。
FireworksCS4でFlexとの連携が強化されるようですが（Fireworksからmxmlが書き出せるようになるのかな？）
]]>
      
   </content>
</entry>
<entry>
   <title>そうだ！これからは携帯だよ！</title>
   <link rel="alternate" type="text/html" href="http://www.techno-tokyo.com/irukakujira/2008/06/post_6.html" />
   <id>tag:www.techno-tokyo.com,2008:/irukakujira//1.48</id>
   
   <published>2008-06-18T16:40:23Z</published>
   <updated>2008-06-18T16:57:33Z</updated>
   
   <summary>昨今、何やら騒がしいのはiPhoneやらアンドロイドやら携帯端末関連ですよね。 ...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="雑記" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.techno-tokyo.com/irukakujira/">
      昨今、何やら騒がしいのはiPhoneやらアンドロイドやら携帯端末関連ですよね。
小型のノートPCが売れたり、スマートフォンを各社出してきたりしてデスクトップ物とは違って活気付いてるのは明らかですよ。
それではこの波に乗り遅れないよう今のうちにFlashLiteとアンドロイドを触っておこうと今日決意したのです。　暇さえあれば手をつけられるのだが、いつも無いのは時間とKANEと…。
この分野は何が標準化されるか全く読めないけど絶賛鎖国中のiPhoneは無いよね。
とシリコンバレーの先達達は申しておりますな。うむ。
      
   </content>
</entry>
<entry>
   <title>PV3D</title>
   <link rel="alternate" type="text/html" href="http://www.techno-tokyo.com/irukakujira/2008/05/pv3d.html" />
   <id>tag:www.techno-tokyo.com,2008:/irukakujira//1.47</id>
   
   <published>2008-05-28T08:00:26Z</published>
   <updated>2008-05-28T08:42:28Z</updated>
   
   <summary>遅まきながらpapervision3D始めました。 gotoandlearn.c...</summary>
   <author>
      <name></name>
      
   </author>
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.techno-tokyo.com/irukakujira/">
      <![CDATA[遅まきながらpapervision3D始めました。
gotoandlearn.comのビデオを見ながらコーディング。
<a href="http://www.gotoandlearn.com/player.php?id=40" target="_blank">http://www.gotoandlearn.com/player.php?id=40</a>

フムフム。やってみると割と簡単にできるものである。
これとか作ってみたらできそうじゃん！
<a href="http://pen-web.jp/01award/index.html" target="_blank">http://pen-web.jp/01award/index.html</a>

イヤイヤ恐れ多いアワアワ。

ちょろっと習作を作ってみる。
<a href="http://www.techno-tokyo.com/neta/scene.html" target="_blank">http://www.techno-tokyo.com/neta/scene.html</a>

いやいや楽しい。まだ手を出してない人は是非手を出すべき。
まだまだweb上のドキュメントが少ないし、敷居の高い感じはするけどいじると楽しいよPepervison3D
ちょっと3Dの知識がある方が使いやすいと思うので3Dのオーサリングソフトを触ってみるのがいいかも。
Flashを使い始めて何年もたつけど、3Dをグリグリ動かせたのははじめてなのでちょいと興奮しました。
]]>
      
   </content>
</entry>
<entry>
   <title>ムムムムムーー</title>
   <link rel="alternate" type="text/html" href="http://www.techno-tokyo.com/irukakujira/2008/05/post_5.html" />
   <id>tag:www.techno-tokyo.com,2008:/irukakujira//1.46</id>
   
   <published>2008-05-12T07:54:32Z</published>
   <updated>2008-05-12T08:02:59Z</updated>
   
   <summary>HTMLLoader上でMOUSE_DOWNが効かないぃぃぃ～～～～。 正確にい...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="AIR" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.techno-tokyo.com/irukakujira/">
      HTMLLoader上でMOUSE_DOWNが効かないぃぃぃ～～～～。
正確にいうと読み込んだHTML上のリンクやボタンをクリックするとMOUSE_DOWNのイベントが起きる。
これは仕様かバグか。

別途回避策を考え中…。

      
   </content>
</entry>
<entry>
   <title>ADOBE AIRでブラウザを</title>
   <link rel="alternate" type="text/html" href="http://www.techno-tokyo.com/irukakujira/2008/05/adobe_air.html" />
   <id>tag:www.techno-tokyo.com,2008:/irukakujira//1.45</id>
   
   <published>2008-05-01T07:14:19Z</published>
   <updated>2008-05-01T09:50:46Z</updated>
   
   <summary>AIRにはwebkitというブラウザエンジンが組み込まれています。 なのでブラウ...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="AIR" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.techno-tokyo.com/irukakujira/">
      <![CDATA[AIRにはwebkitというブラウザエンジンが組み込まれています。
なのでブラウザが出来る！というわけで作ってみました。

開発環境はFlashCS3で！Flexは今のところmxmlがちょいと難しいです。
web上でサンプルプログラムが転がっていますが、ベータ版の時のもののようでそのまま動かそうと思ってもできないものがあります。
AIR開発時に躓くのがこういうところのようでWeb上のドキュメントが古いために開発に手間取ってしまう場合が現状多々あり…。例えばHTMLControlというクラスがHTMLLoaderに変更になっていたりとか。
リファレンスを見ればいいと思うかと思いますが、FlashCS3のリファレンスはAIR関連のクラスがリファレンスが未掲載だったりorz、Flexを見てみたら英語であったり。
そんな感じの中で重宝しているのが
<a href="http://livedocs.adobe.com/flex/3_jp/langref/">http://livedocs.adobe.com/flex/3_jp/langref/</a>
です。
ところでなんかリファンレンス使いづらくないですかね？

<a href="http://www.techno-tokyo.com/irukakujira/nextbrowse.html" onclick="window.open('http://www.techno-tokyo.com/irukakujira/nextbrowse.html','popup','width=800,height=595,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.techno-tokyo.com/irukakujira/nextbrowse-thumb.jpg" width="300" height="223" alt="" /></a>

とりあえずNEXT、BACKボタンとアドレス表示、URL変更ジャンプくらいの機能をつけてみる。
独自の機能を盛り込んでいこうと企み中。
新しいUIの提案が出来るようなものを作りたいなぁ。

一応ソース公開。

ソース
-----------------------------------------------------
import flash.html.HTMLLoader;
import flash.net.URLRequest;

//stage設定
stage.align = "TL";
stage.scaleMode = StageScaleMode.NO_SCALE;

//読み込む外部HTMLデータの設定
var urlReq:URLRequest = new URLRequest("http://www.yahoo.co.jp/");

//HTMLデータの読み込みと表示設定
var html:HTMLLoader = new HTMLLoader();
html.load(urlReq);
html.y = 34;
HTMLlocation.text = html.location;
html.width = stage.stageWidth;
html.height = stage.stageHeight-100;
html.addEventListener(Event.COMPLETE,COMPLETE);
html.addEventListener(Event.LOCATION_CHANGE ,CHANGE);
stage.addChild(html);
//初期設定
stage.addEventListener(Event.RESIZE,Resize);
HTMLlocation.addEventListener(FocusEvent.FOCUS_IN,locationCLOSE);
bar.addEventListener(MouseEvent.MOUSE_DOWN,barCLICK);
back_button.addEventListener(MouseEvent.CLICK,BACK);
next_button.addEventListener(MouseEvent.CLICK,FORWARD);

bar.width = stage.stageWidth;
bar_foot.x = stage.stageWidth-bar_foot.width;
//リサイズ処理
function Resize(event:Event){
	html.width = html.contentWidth + stage.stageWidth-html.contentWidth;
	html.height = html.contentHeight + stage.stageHeight-html.contentHeight-40;
	bar.width = stage.stageWidth;
	bar_foot.x = stage.stageWidth-bar_foot.width;

}
//アドレス表示処理
function CHANGE(event:Event){
	HTMLlocation.text = html.location;
}
//読み込み完了時処理
function COMPLETE(event:Event){
	html.width = html.contentWidth + stage.stageWidth-html.contentWidth;
	html.height = html.contentHeight + stage.stageHeight-html.contentHeight-40;
}
//戻るキー
function BACK(event:Event){
	html.historyBack();
}
//進むキー
function FORWARD(event:Event){
	html.historyForward();
}
//ENTERキー用イベントリススナー登録
function locationCLOSE(event:Event){
	HTMLlocation.addEventListener(KeyboardEvent.KEY_DOWN,locationKEYDOWN);
}
//ENTERキーを押してlocation移動
function locationKEYDOWN(event:KeyboardEvent){
	if(event.keyCode == 13){
		var newUrl:URLRequest = new URLRequest(HTMLlocation.text);
		html.load(newUrl);
	}
}
//ドラッグでウィンドウ移動
function barCLICK(event:MouseEvent){
	stage.nativeWindow.startMove();
}
]]>
      
   </content>
</entry>
<entry>
   <title>AIRやってます。</title>
   <link rel="alternate" type="text/html" href="http://www.techno-tokyo.com/irukakujira/2008/04/air.html" />
   <id>tag:www.techno-tokyo.com,2008:/irukakujira//1.44</id>
   
   <published>2008-04-16T06:37:06Z</published>
   <updated>2008-04-16T15:17:09Z</updated>
   
   <summary>AIR作ってます。もう判らんことだらけで、ヒーヒー云ってますが。 サンプルはもう...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="AIR" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.techno-tokyo.com/irukakujira/">
      <![CDATA[AIR作ってます。もう判らんことだらけで、ヒーヒー云ってますが。
サンプルはもう色々出てるのですが、勉強するにはやはり自分で作ってみるのが一番です。
Flex3で製作してますが、あるプロジェクトだけずーっと「デバッガへの接続が確立されずにプロセスが終了しました」エラーに悩まされいて、ようやく原因が判明しました。

<s>app.xmlの&lt;id&lt;&lt;/id&lt;に_（アンダースコア）や-（ハイフン）が入っていると出ちゃうらしい。
プロジェクト名に_を入れてたので引っかかっていた。
これからは_使いません。
なんだか下らん理由で時間を無駄にしてしまったけどスッキリ。</s>

色々やっててどうやら判ってきた…。
ウィンドウ枠をなくすために
mx:Applicationを使った場合は
app.xmlで
&lt;systemChrome&gt;none&lt;/systemChrome&gt;
&lt;transparent&gt;true&lt;/transparent&gt;
&lt;visible&gt;true&lt;/visible&gt;
としなければならないみたい。
環境によって現象が違ったりしたのでなんだか気持ち悪いのだけど、
パッケージ化したAIRがit damegedとなってインストールできなかったり、デバックしたらデバッガへの接続が確立されずに…となったり。
とにかく未だ要検証。

AIRの開発環境がApollo→β→AIR1.0と目まぐるしく変わったせいかウェブのドキュメントがあまり役にたたずｗ　変更点がいくつもあって追いきれませーん。

Flexも開発環境として便利そうだし、これからAIRの開発はFlexメインになりそう。
FlashCS3のAIR Extensionも試してみたけどとても簡単そう。
なにか簡単なガジェットでもつくってみるとします。]]>
      
   </content>
</entry>
<entry>
   <title>AIR正式リリース＆Ｆｌｅｘ3正式リリース</title>
   <link rel="alternate" type="text/html" href="http://www.techno-tokyo.com/irukakujira/2008/02/air3.html" />
   <id>tag:www.techno-tokyo.com,2008:/irukakujira//1.43</id>
   
   <published>2008-02-27T03:09:36Z</published>
   <updated>2008-02-27T03:24:06Z</updated>
   
   <summary>でましたね。もうちょっとまってて欲しかった。焦っちゃうから。でも今更焦ってももう...</summary>
   <author>
      <name></name>
      
   </author>
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.techno-tokyo.com/irukakujira/">
      でましたね。もうちょっとまってて欲しかった。焦っちゃうから。でも今更焦ってももう遅いｗ。
んでちょいと疑問なのが。

Flex Builder 3 Standard
    * 製品版 31,500円（税込）
      アドビストア価格

Flex Builder 3 Professional
    * 製品版 89,250円（税込）
      アドビストア価格

どっちを買えばいいのよ！
Flex2の時はStandardとProfessionalという構成じゃなく通常版とwith chartingっていう構成だったけど、
Professional＝with chartingって考えていいのかしら？
Professionalってなっていたらそっちを買わなきゃいけない感じがしてしまうわ。
Flex3に関してはStandardでいいよね？
      
   </content>
</entry>
<entry>
   <title>これは凄い「うるまでるび」</title>
   <link rel="alternate" type="text/html" href="http://www.techno-tokyo.com/irukakujira/2008/02/post_4.html" />
   <id>tag:www.techno-tokyo.com,2008:/irukakujira//1.42</id>
   
   <published>2008-02-20T02:30:42Z</published>
   <updated>2008-02-20T02:50:03Z</updated>
   
   <summary>まずはこれをじっくりご覧ください。 http://udpaint.com/ 圧巻...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="雑記" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.techno-tokyo.com/irukakujira/">
      <![CDATA[まずはこれをじっくりご覧ください。
<a href="http://udpaint.com/" target="_blank">http://udpaint.com/</a>

圧巻です。ちょっと感動できると思います。
マウスで書き殴った雑な線を後から補正できたり、線を引っ張って修正できたり、さらにAfterEffectsのようなパペットツールも搭載されているようです。
Flashでアニメーションを作成されたことのある方はこの凄さが理解できるはず。

詳細はこちらを。
<a href="http://udpaint.com/top.html" target="_blank">http://udpaint.com/top.html</a>
swfにも書き出せるようですね。もう号泣できますね。

そういえばうるまさんて<a href="http://alt.faces.jp/2007/03/post_1.html" target="_blank">バスキュールのブログ</a>で紹介されていた方ですね。

市販されるのがとても待ち遠しいソフトができました。
3/1～16迄渋谷パルコで触れるっぽい。
<a href="http://urumadelvi.jp/alamode.html" target="_blank">http://urumadelvi.jp/alamode.html</a>
行きますとも。行きますとも。]]>
      
   </content>
</entry>
<entry>
   <title>ADOBEのセミナーに行ってきました。</title>
   <link rel="alternate" type="text/html" href="http://www.techno-tokyo.com/irukakujira/2008/02/adobe.html" />
   <id>tag:www.techno-tokyo.com,2008:/irukakujira//1.41</id>
   
   <published>2008-02-15T07:42:13Z</published>
   <updated>2008-02-15T08:41:06Z</updated>
   
   <summary>昨日ラフォーレミュージアムで行われたADOBEのWebVideoセミナーに行って...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="雑記" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.techno-tokyo.com/irukakujira/">
      <![CDATA[昨日ラフォーレミュージアムで行われたADOBEのWebVideoセミナーに行ってきました。
FlashVedeoがテーマです。

一部がFlashVideoを使ったコンテンツの事例紹介でスピーカーは
株式会社バスキュール　田中謙一郎さんと
株式会社ピクルス　タナカミノルさん
バスキュールは話題の<a href="http://www.axeeffect.jp/index.html">THE AXE EFFECT</a>
のお話。
タナカミノルさんはご自分でビデオ撮影をされているのでビデオを製作する上でのポイントを事例紹介を交えて解説されていました。

2部ではADOBEの方がFlashVideoを製作する際の手順を簡単に説明されていました。
アルファビデオの作り方はとても参考になりましたねぇ。
一度AfterEffectsで試してみたことがあったのですがその際カラーキーで背景を抜いてみたんですが全く綺麗に抜けなくて照明とかちゃんとしたブルーバックとかを用意しないとできないもんだと思ってたんですが、紹介されたアルファビデオの作り方ではしわのつきまくったブルーバックとか影も映ってるような、不完全な素材を使ったデモを見せられたんですけど、内心「それじゃうまくいかないでしょ！」って思っていました。ところがカラーキーの高性能版が搭載されているので、そちらを使うとほぼ一発で綺麗に背景を抜くことができるのです。感激して涙が出そうでした。
さらにAfterEffectsの新機能の紹介をされました。
パペットツールを使うとAfterEffectsに読み込んだアートワークにポイントを配置するとそのポイントに合わせてアートワークが動くという、なんだか恐ろしく強力な機能です。Ｆｌａｓｈで今まで動かす部分をパーツ毎に分けてアニメーションさせるよう製作していたコンテンツが簡単に作れてしまいます。

非常に強力なプロモーションを受けてきました。
AfterEffectsで高クオリティなビデオを製作してそれをFlashでインタラクションを付けてコンテンツを製作するというスタイルが見えましたね。
アルファビデオも簡単に作れるということがわかったので自分の中で敷居が低くなりました。]]>
      
   </content>
</entry>
<entry>
   <title>これは凄い　TVais</title>
   <link rel="alternate" type="text/html" href="http://www.techno-tokyo.com/irukakujira/2008/02/tvais.html" />
   <id>tag:www.techno-tokyo.com,2008:/irukakujira//1.40</id>
   
   <published>2008-02-04T15:07:33Z</published>
   <updated>2008-02-05T01:24:12Z</updated>
   
   <summary>久々に凄いサイト見つけました。 TVais http://www.tvais.j...</summary>
   <author>
      <name></name>
      
   </author>
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.techno-tokyo.com/irukakujira/">
      <![CDATA[久々に凄いサイト見つけました。
TVais
<a href="http://www.tvais.jp/" target="_blank">http://www.tvais.jp/</a>

TVに出てきた商品、人、サービスなどを検索できます。またNHK、民法各局の番組の内容も把握されていてどんなコーナーがあったか、そこに誰が出てきたかということまで情報を調べることができます。
TVで紹介されたもの、食べ物や書籍やお店などにアマゾンやぐるナビ等のリンクが貼ってあって超便利です。TVにでてきたもののメモを取ったりするのはなかなか難しかったりしますがTVaisをみれば一発で分かるわけですね。すばらしい。

ところでこのサイトのバックエンドは一体どうなっているのやらと非常に興味があったんですが。
<a href="http://internet.watch.impress.co.jp/cda/news/2008/01/16/18123.html" target="_blank">http://internet.watch.impress.co.jp/cda/news/2008/01/16/18123.html</a>人力だったんですねぇぇぇ。

]]>
      
   </content>
</entry>
<entry>
   <title>MTの落とし穴</title>
   <link rel="alternate" type="text/html" href="http://www.techno-tokyo.com/irukakujira/2008/01/mt.html" />
   <id>tag:www.techno-tokyo.com,2008:/irukakujira//1.39</id>
   
   <published>2008-01-30T12:30:27Z</published>
   <updated>2008-02-01T05:06:03Z</updated>
   
   <summary>MTにはダイナミックパブリッシング機能というものがありますが、 Movable ...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="MT" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.techno-tokyo.com/irukakujira/">
      <![CDATA[MTにはダイナミックパブリッシング機能というものがありますが、

<a href="http://www.sixapart.jp/movabletype/manual/3.2/mtmanual_dynamic.html" target="_blank">Movable Type 3.2 マニュアル - ダイナミック・パブリッシング</a>

簡単に設定できるので設定して再構築したら上手くいかず、元に戻して再構築したんだけど元に戻らず焦ってしまった時の対処法。

ダイナミックパブリッシングに設定したときに第一階層に.htaccessとmtview.phpが生成されるようになっているが静的に構築するように元に戻したときにそれらが削除されない。
なので.htaccessとmtview.phpを手動で削除しなければならない。

全く面倒な話です。ええ]]>
      
   </content>
</entry>
<entry>
   <title>Flexが</title>
   <link rel="alternate" type="text/html" href="http://www.techno-tokyo.com/irukakujira/2008/01/flex_3.html" />
   <id>tag:www.techno-tokyo.com,2008:/irukakujira//1.38</id>
   
   <published>2008-01-08T01:13:36Z</published>
   <updated>2008-01-08T01:26:39Z</updated>
   
   <summary>なんということでしょう。 Flex Builder 2が30000円になっており...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Flash" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.techno-tokyo.com/irukakujira/">
      <![CDATA[なんということでしょう。
Flex Builder 2が30000円になっております…。
<a href="https://store3.adobe.com/cfusion/store/index.cfm?store=OLS-JP&view=ols_prod&category=/Applications/FlexBuilder">https://store3.adobe.com/cfusion/store/index.cfm?store=OLS-JP&view=ols_prod&category=/Applications/FlexBuilder</a>
前は確か60000円はしたかと思うんですけど。

こ、これは！！
買わなきゃ駄目だ！
買わなきゃ駄目だ！
買わなきゃ駄目だ！

airの開発環境を整えなければと思っていたところですのでこれは良いニュースです。
もっとも年始からヘビーな案件を請け負ったので、手を出せるのはもうちょい先ですか。
]]>
      
   </content>
</entry>
<entry>
   <title>AS3.0　event.target</title>
   <link rel="alternate" type="text/html" href="http://www.techno-tokyo.com/irukakujira/2007/12/as30eventtarget.html" />
   <id>tag:www.techno-tokyo.com,2007:/irukakujira//1.34</id>
   
   <published>2007-12-13T15:59:04Z</published>
   <updated>2007-12-18T07:33:15Z</updated>
   
   <summary>昨日のAS2.0のコードですが function layout(){ 	atta...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="AS3.0" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.techno-tokyo.com/irukakujira/">
      <![CDATA[昨日のAS2.0のコードですが
<pre>
function layout(){
	attachMovie("square","sq1",1);
	_root.onEnterFrame = moveX;
}
function moveX(){
	sq1._x += 1;
	if(sq1._x > 100){
		removeMovieClip("sq1");
	}
}
layout();
</pre>

こんな書き方の方が望ましいですね。
<pre>
function layout(){
	attachMovie("square","sq1",1);
	sq1.onEnterFrame = moveX;
}
function moveX(){
	this._x += 1;
	if(this._x > 100){
		removeMovieClip(this);
	}
}
layout();
</pre>
Mcの参照にthisを使えばmoveX()は使いまわしが効くわけで。
sq1のonEnterFrameにmoveXを当てているのでthis＝sq1になりますよね。
ところがAS3.0で同じようにthisを使うと
<pre>
var sq1:Sprite;
function layout(){
	sq1 = new square();
	addChild(sq1);
	sq1.addEventListener(Event.ENTER_FRAME,moveX);
}
function moveX(event:Event){
	this.x += 1;
	if(this.x > 100){
	removeChild(this);
	this.removeEventListener(Event.ENTER_FRAME,moveX)
	}
}
layout();
</pre>
thisがsq1を参照せずMainTimelineを参照します。
AS2.0のようにthisが使えれば凄く便利なんですが…。
結構悩んだんですが、解決しました。
結論からいきます。
<pre>
var sq1:Sprite;
function layout(){
	sq1 = new square();
	addChild(sq1);
	sq1.addEventListener(Event.ENTER_FRAME,moveX);
}
function moveX(event:Event){
	event.target.x += 1;
	if(event.target.x > 100){
	removeChild(event.target);
	event.target.removeEventListener(Event.ENTER_FRAME,moveX)
	}
}
layout();
</pre>

thisの代わりにevent.targetを使えばオッケー。]]>
      
   </content>
</entry>

</feed>
