irukakujira

Android携帯ついに出た。

Wed, 24 Sep 2008 13:01:02 +0900

長きに渡りベールに包まれていた？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のようなアプリマーケットもできるはずだし。

Flash初歩の話

Thu, 21 Aug 2008 00:04:01 +0900

初歩的なことだけど今日気づいたこと。再生ヘッドがキーフレーム到達したとき配置しているインスタンスが再生される。そのインスタンスがかなり重い画像だったりした場合、そのフレームの再生時に結構な負荷が掛かるようだ。重い画像を一つのフレームで何枚か配置しているようだと、負荷で一瞬再生がとまるような状態になる場合もある。そんなときはあらかじめ前のフレームに重いインスタンスを移動させておくと良い。いじょ。つい最近までとても忙しかった…。あともう一週間ほどぼーっとしていたい。

Flex Tips(基本)

Tue, 01 Jul 2008 17:33:55 +0900

仕事でFlex使ってます。まるで触ったことの無かったFlexですがだいぶ慣れてきました。とはいいつつも最初は右も左もわからず冷や汗ものでございましたが…。開発途中で気づいた、詰まった事を書いていってみます。 1.FlexのCSS http://www.loscavio.com/downloads/blog/flex3_css_list/flex3_css_list.htm Flexはスタイルも使用できるのですがHTMLのCSSとは絶妙に違うので上記参照必須です。使用するコンポーネントによって使えるスタイルが変わってくるので注意です。 .Window{ backgroundImage:Embed('parts.swf', symbol='header'); backgroundSize:"100%"; } こんな感じで指定します。 2.カスタムコンポーネントアプリケーションの再利用が必要な部分をそのままカスタムコンポーネントにして、アクションスクリプトでクラスとして読み込んでaddChildしたりとかできます。 custom.mxml 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などを使いたい場合は宣言しておく。こんな感じで始めに宣言しておきます。内とかでは宣言できません。 5.データバインディング変更があった場合も反映されるので便利。こんな書き方も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が書き出せるようになるのかな？）

そうだ！これからは携帯だよ！

Thu, 19 Jun 2008 01:40:23 +0900

昨今、何やら騒がしいのはiPhoneやらアンドロイドやら携帯端末関連ですよね。小型のノートPCが売れたり、スマートフォンを各社出してきたりしてデスクトップ物とは違って活気付いてるのは明らかですよ。それではこの波に乗り遅れないよう今のうちにFlashLiteとアンドロイドを触っておこうと今日決意したのです。　暇さえあれば手をつけられるのだが、いつも無いのは時間とKANEと…。この分野は何が標準化されるか全く読めないけど絶賛鎖国中のiPhoneは無いよね。とシリコンバレーの先達達は申しておりますな。うむ。

PV3D

Wed, 28 May 2008 17:00:26 +0900

遅まきながらpapervision3D始めました。 gotoandlearn.comのビデオを見ながらコーディング。 http://www.gotoandlearn.com/player.php?id=40 フムフム。やってみると割と簡単にできるものである。これとか作ってみたらできそうじゃん！ http://pen-web.jp/01award/index.html イヤイヤ恐れ多いアワアワ。ちょろっと習作を作ってみる。 http://www.techno-tokyo.com/neta/scene.html いやいや楽しい。まだ手を出してない人は是非手を出すべき。まだまだweb上のドキュメントが少ないし、敷居の高い感じはするけどいじると楽しいよPepervison3D ちょっと3Dの知識がある方が使いやすいと思うので3Dのオーサリングソフトを触ってみるのがいいかも。 Flashを使い始めて何年もたつけど、3Dをグリグリ動かせたのははじめてなのでちょいと興奮しました。

ムムムムムーー

Mon, 12 May 2008 16:54:32 +0900

HTMLLoader上でMOUSE_DOWNが効かないぃぃぃ～～～～。正確にいうと読み込んだHTML上のリンクやボタンをクリックするとMOUSE_DOWNのイベントが起きる。これは仕様かバグか。別途回避策を考え中…。

ADOBE AIRでブラウザを

Thu, 01 May 2008 16:14:19 +0900

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

AIRやってます。

Wed, 16 Apr 2008 15:37:06 +0900

AIR作ってます。もう判らんことだらけで、ヒーヒー云ってますが。サンプルはもう色々出てるのですが、勉強するにはやはり自分で作ってみるのが一番です。 Flex3で製作してますが、あるプロジェクトだけずーっと「デバッガへの接続が確立されずにプロセスが終了しました」エラーに悩まされいて、ようやく原因が判明しました。 app.xmlの色々やっててどうやら判ってきた…。ウィンドウ枠をなくすために mx:Applicationを使った場合は app.xmlで none true true としなければならないみたい。環境によって現象が違ったりしたのでなんだか気持ち悪いのだけど、パッケージ化したAIRがit damegedとなってインストールできなかったり、デバックしたらデバッガへの接続が確立されずに…となったり。とにかく未だ要検証。 AIRの開発環境がApollo→β→AIR1.0と目まぐるしく変わったせいかウェブのドキュメントがあまり役にたたずｗ　変更点がいくつもあって追いきれませーん。 Flexも開発環境として便利そうだし、これからAIRの開発はFlexメインになりそう。 FlashCS3のAIR Extensionも試してみたけどとても簡単そう。なにか簡単なガジェットでもつくってみるとします。

AIR正式リリース＆Ｆｌｅｘ3正式リリース

Wed, 27 Feb 2008 12:09:36 +0900
でましたね。もうちょっとまってて欲しかった。焦っちゃうから。でも今更焦ってももう遅いｗ。んでちょいと疑問なのが。 Flex Builder 3 Standard * 製品版 31,500円（税込）アドビストア価格 Flex Builder 3 Professional * 製品版 89,250円（税込）アドビストア価格どっちを買えばいいのよ！ Flex2の時はStandardとProfessionalという構成じゃなく通常版とwith chartingっていう構成だったけど、 Professional＝with chartingって考えていいのかしら？ Professionalってなっていたらそっちを買わなきゃいけない感じがしてしまうわ。 Flex3に関してはStandardでいいよね？

これは凄い「うるまでるび」

Wed, 20 Feb 2008 11:30:42 +0900
まずはこれをじっくりご覧ください。 http://udpaint.com/ 圧巻です。ちょっと感動できると思います。マウスで書き殴った雑な線を後から補正できたり、線を引っ張って修正できたり、さらにAfterEffectsのようなパペットツールも搭載されているようです。 Flashでアニメーションを作成されたことのある方はこの凄さが理解できるはず。詳細はこちらを。 http://udpaint.com/top.html swfにも書き出せるようですね。もう号泣できますね。そういえばうるまさんてバスキュールのブログで紹介されていた方ですね。市販されるのがとても待ち遠しいソフトができました。 3/1～16迄渋谷パルコで触れるっぽい。 http://urumadelvi.jp/alamode.html 行きますとも。行きますとも。

ADOBEのセミナーに行ってきました。

Fri, 15 Feb 2008 16:42:13 +0900
昨日ラフォーレミュージアムで行われたADOBEのWebVideoセミナーに行ってきました。 FlashVedeoがテーマです。一部がFlashVideoを使ったコンテンツの事例紹介でスピーカーは株式会社バスキュール　田中謙一郎さんと株式会社ピクルス　タナカミノルさんバスキュールは話題のTHE AXE EFFECT のお話。タナカミノルさんはご自分でビデオ撮影をされているのでビデオを製作する上でのポイントを事例紹介を交えて解説されていました。 2部ではADOBEの方がFlashVideoを製作する際の手順を簡単に説明されていました。アルファビデオの作り方はとても参考になりましたねぇ。一度AfterEffectsで試してみたことがあったのですがその際カラーキーで背景を抜いてみたんですが全く綺麗に抜けなくて照明とかちゃんとしたブルーバックとかを用意しないとできないもんだと思ってたんですが、紹介されたアルファビデオの作り方ではしわのつきまくったブルーバックとか影も映ってるような、不完全な素材を使ったデモを見せられたんですけど、内心「それじゃうまくいかないでしょ！」って思っていました。ところがカラーキーの高性能版が搭載されているので、そちらを使うとほぼ一発で綺麗に背景を抜くことができるのです。感激して涙が出そうでした。さらにAfterEffectsの新機能の紹介をされました。パペットツールを使うとAfterEffectsに読み込んだアートワークにポイントを配置するとそのポイントに合わせてアートワークが動くという、なんだか恐ろしく強力な機能です。Ｆｌａｓｈで今まで動かす部分をパーツ毎に分けてアニメーションさせるよう製作していたコンテンツが簡単に作れてしまいます。非常に強力なプロモーションを受けてきました。 AfterEffectsで高クオリティなビデオを製作してそれをFlashでインタラクションを付けてコンテンツを製作するというスタイルが見えましたね。アルファビデオも簡単に作れるということがわかったので自分の中で敷居が低くなりました。

これは凄い　TVais

Tue, 05 Feb 2008 00:07:33 +0900
久々に凄いサイト見つけました。 TVais http://www.tvais.jp/ TVに出てきた商品、人、サービスなどを検索できます。またNHK、民法各局の番組の内容も把握されていてどんなコーナーがあったか、そこに誰が出てきたかということまで情報を調べることができます。 TVで紹介されたもの、食べ物や書籍やお店などにアマゾンやぐるナビ等のリンクが貼ってあって超便利です。TVにでてきたもののメモを取ったりするのはなかなか難しかったりしますがTVaisをみれば一発で分かるわけですね。すばらしい。ところでこのサイトのバックエンドは一体どうなっているのやらと非常に興味があったんですが。 http://internet.watch.impress.co.jp/cda/news/2008/01/16/18123.html人力だったんですねぇぇぇ。

MTの落とし穴

Wed, 30 Jan 2008 21:30:27 +0900
MTにはダイナミックパブリッシング機能というものがありますが、 Movable Type 3.2 マニュアル - ダイナミック・パブリッシング簡単に設定できるので設定して再構築したら上手くいかず、元に戻して再構築したんだけど元に戻らず焦ってしまった時の対処法。ダイナミックパブリッシングに設定したときに第一階層に.htaccessとmtview.phpが生成されるようになっているが静的に構築するように元に戻したときにそれらが削除されない。なので.htaccessとmtview.phpを手動で削除しなければならない。全く面倒な話です。ええ

Flexが

Tue, 08 Jan 2008 10:13:36 +0900
なんということでしょう。 Flex Builder 2が30000円になっております…。 https://store3.adobe.com/cfusion/store/index.cfm?store=OLS-JP&view=ols_prod&category=/Applications/FlexBuilder 前は確か60000円はしたかと思うんですけど。こ、これは！！買わなきゃ駄目だ！買わなきゃ駄目だ！買わなきゃ駄目だ！ airの開発環境を整えなければと思っていたところですのでこれは良いニュースです。もっとも年始からヘビーな案件を請け負ったので、手を出せるのはもうちょい先ですか。

AS3.0　event.target

Fri, 14 Dec 2007 00:59:04 +0900
昨日のAS2.0のコードですが
function layout(){ attachMovie("square","sq1",1); _root.onEnterFrame = moveX; } function moveX(){ sq1._x += 1; if(sq1._x > 100){ removeMovieClip("sq1"); } } layout();
こんな書き方の方が望ましいですね。
function layout(){ attachMovie("square","sq1",1); sq1.onEnterFrame = moveX; } function moveX(){ this._x += 1; if(this._x > 100){ removeMovieClip(this); } } layout();
Mcの参照にthisを使えばmoveX()は使いまわしが効くわけで。 sq1のonEnterFrameにmoveXを当てているのでthis＝sq1になりますよね。ところがAS3.0で同じようにthisを使うと
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();
thisがsq1を参照せずMainTimelineを参照します。 AS2.0のようにthisが使えれば凄く便利なんですが…。結構悩んだんですが、解決しました。結論からいきます。
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();
thisの代わりにevent.targetを使えばオッケー。

irukakujira

Android携帯ついに出た。

Flash初歩の話

Flex Tips(基本)

そうだ！これからは携帯だよ！

PV3D

ムムムムムーー

ADOBE AIRでブラウザを

AIRやってます。

AIR正式リリース＆Ｆｌｅｘ3正式リリース

これは凄い「うるまでるび」

ADOBEのセミナーに行ってきました。

これは凄い TVais

MTの落とし穴

Flexが

AS3.0 event.target

これは凄い　TVais

AS3.0　event.target