2007年08月31日
[連載?] Flex2 入門 - 第2回
さて、お待ちかねの第2回の始まりです。
今回は『MXML』について簡単に説明をしていきます。
「ActionScript を書かなくても、XML を書けばアプリケーションが出来る」という誤解をちらほら耳にしますが、さすがにそうはいきません。
正確にはアプリケーションの UI（見た目）は出来るけど、制御が出来ません。
そう。MXML は簡単に言うと UI を定義する為のモノなのです。
以下の MXML を記述して実行をすると、ブラウザの中心部に「Say Hello」と書かれたボタンが表示されます。これだけで、ボタンにマウスを持っていけばフォーカス用の表示になるし、クリックした時には押された感たっぷりの表示になります。
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="100%" height="100%">
<mx:Box width="100%" height="100%" horizontalAlign="center" verticalAlign="middle">
<mx:Button label="Say Hello" />
</mx:Box>
</mx:Application>
<Application> はアプリケーションのメインとなる部分です。
HTMLの <html> と同じようなモノだと思えば大丈夫です。
<Box> はコンテナーの役割をするタグです。
HTMLの <div> みたいなモノです。
ここでは縦横を100%、縦/横揃えを共に中心に設定しています。
<Button> はボタンコンポーネントです。
<Button /> だけでボタンが生成されます。
ここでは label 属性に "Say Hello" という文字列を設定しています。
こう見ると HTML とほとんど変わりませんね。
シンプルな UI であればほんの数分でパッと作れてしまいます。
お客さんとの打ち合わせ中に、簡単な UI 定義だけ作れちゃうかもしれませんね！
（簡単じゃーんと思われて、値切られても困りますがｗ）
さて、これだけだと本当に UI だけで何も出来ません。
せめてボタンを押下したら何か表示されて欲しいですよね？
では、ちょっと ActionScript を利用して制御をしてみましょう。
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="100%" height="100%">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
]]>
</mx:Script>
<mx:Box width="100%" height="100%" horizontalAlign="center" verticalAlign="middle">
<mx:Button label="Say Hello" click="Alert.show( 'Hello Flex World!!' )" />
</mx:Box>
</mx:Application>
MXML を上記のように書き換えます。
そうすると "Say Hello" ボタンの押下で、"Hello Flex World!!" という文字が書かれた
ダイアログが表示される様になります。
これだけで簡単なアプリケーションが完成しました！
追加した部分と言えば、<Button> に click イベントでの処理を記述しただけです。
Alert.show() というのは Javascript でいう、alert() と同じものだと思ってください。
※先頭部分に <Script> というタグが追加されていますが今は「必要なもの」だと思って、気にしなくて大丈夫です。
今回は MXML を用いた UI 定義(+α)を説明いたしましたが、
次回はもうちょっと MXML と ActionScript の関係を説明したいと思います。
2007年08月22日
[連載?] Flex2 入門 - 第1回
「Flex2 ってなんかいろいろ出来てすごいんだよね？」
「XML 書くだけでアプリケーションが出来るんだって？」
「ActionScript3 になってすごい速いんでしょ？」
というような話しをちょこちょこ耳にします。
間違ってはないですね。ただ、過度な期待は挫折の第一歩です。
いろいろなサイトに書いてあるように Flex2 は mxml と ActionScript3 を用いて開発します。
細かく言語仕様等を説明しても仕方がない(というよりボクには出来ない)ので、
以下の疑問を一つの簡単なアプリケーション開発を通じてお伝えして行こうと思います。
- どうすればアプリケーションになるの？
- そもそも Flex2 ってどうなっているの？
- 基本知識ってどんなの？
そして、気になる簡単なアプリケーションはコレ↓
※画像をクリックするとサンプルアプリケーションが開きます
このアプリケーションは、当ブログでアップした画像を表示するアプリケーションです。
タイル状に並んだサムネイルをダブルクリックすると大きく表示されます。
※某社のアプリにそっくりなのはご愛嬌という事で...
という感じで、第2回目をお楽しみに！
2007年08月18日
Advanced/W-ZERO3 [es] WS011SH
iPhone 買うぞー！と意気込んでいたのですが、
値段発表 -> 日本円に変更 -> もろもろ手数料をプラス -> orz...
おもちゃに9万て ｡･ﾟ･(ﾉд`)･ﾟ･｡ という訳ですぱっと諦めました。
そんな時に友人が Advanced/W-ZERO3 [es] WS011SH（以降、アドエス）を購入。
「仕事用の京ポン使いづらいよねぇ」
「アドエスならちゃんとPDAとして使えるよねぇ」
「iPhone の半額で買えるよぉ」
という悪い方の「かめっこ」のささやきによりまんまと購入。
サイズ、速度、電話としての機能、質感 と全ての面で間違いなくトップクラス。
EMOBILEに比べると通信速度が遅いのが欠点だけど、なんとか我慢出来るレベルかなぁと。
一点だけメール機能がしょぼすぎるのをなんとかして欲しいけど、
そのうち良いソフトが出てくる事を期待してまってましょう。（待ってるのも楽しい）
TODAY は rlToday + rlPhone + 7500さん のスキン を使ってます。
カメラのアイコンが無かったので自作したんだけど、どうもテイストがあわないのでお願い中です。。。
2007年08月16日
GARU TABLE (我瑠テーブル)
昨日は社長とメシを食べよう！って事になり、
三宿の GARU TABLE に行ってきました。
噂ではご飯がウマイとの事だったのですが。。。
うめぇ。。。
全般的なレベルが高く、さらにパスタが激しくウマイ。
思わず「もう一個持ってきて！」と言っちゃうくらい。
後は、グラタンの真ん中にフランスパンがドンッと鎮座している料理が
気に入りました。
店員さんが全員女性でおもてなしの心が素晴しい事もあり、
通い候補になりました。
まぁ、20品目はあったのに出てきた瞬間食べちゃうので、一枚も写真が無いんですけどね ヽ( ´)Д(｀)ﾉ
2007年08月13日
ActionScript3 で Singleton
何故か public しか定義できない AS3 のクラスですが、
便利なシングルトンパターンを利用したいケースは多々あります。
AS2 では private でコンストラクタを定義すれば OK だったのですが、
AS3 では許してくれません。。。
皆さんそれぞれのやり方をしている様ですが、
ボクは以下のように実現をしてます。
package {
public class SingletonTest {
// Singleton 生成用キー
private static const SINGLETON_KEY:Function = new Function();
// 唯一のインスタンスを保持する
private static var instance:SingletonTest;
// Singleton の取得
public static function getInstance():SingletonTest {
// プライぺート定数のキーを渡す
if ( !instance )
instance = new SingletonTest( SINGLETON_KEY );
return instance;
}
// コンストラクタ
// 引数が SINGLETON_KEY と一致しなかった場合は Error を throw する
public function SingletonTest(singletonKey:Function=null) {
if ( singletonKey != SINGLETON_KEY )
throw new Error( "SingletonError" );
}
}
関数の参照を定数として保持しているので全体で唯一のものになり、
さらにプライベートでの定義な為に外部からの参照も出来ません。
これにより、生成できるのは SingletonTest.getInstance() のみになる（ハズ...）
ここでは Function をキーに使っていますが、Object でも何でも良いと思います。
2007年08月13日
Full HD その2
&Mac さんが Full HD になりましたが、テレビさんも Full HD になりました。
『SHARP AQUOS LC-42GX1W』です。
購入はちょっと前で、ふらっと寄ったヨドバシ先生で休日特価だったのでつい。。。
丁度テレビを新調しようとも考えていた時だったので、ここは良しとしようと決めたのでした。
とにかくデカイ！！
とにかく綺麗！！
とにかく高精細！！
PS3 + Full HD テレビ は間違いなく最強です。
XBOX360 の映像がくすんで見えます。
良いゲームさえあれば。。。
※写真はPS3のダウンロードゲーム
※6軸センサーを使ったゲームで、かなり面白いのに 800YEN!!
2007年08月12日
Full HD
「何回再インストールしてもすぐ不調になるなぁ。。。」
今まで使っていた Mac さんは初代 MacBook Pro で、
発表後すぐにポチッとした超初期型であります。
例に漏れずバッテリーが膨らんで来たり、スピーカーからのノイズが
ひどかったり散々だったけど、それなりに愛着を持って利用していました。
しかし HDD を自分で換装したり、道端でかばんを落下させて角を
へこませてみたりと、いじめていたら頻繁にフリーズするようになってしまいました。
「Leopard が出るまでは我慢するぞー！」と意気込んでいたのですが、
ちょっと前に発表された MacBook Pro 17inch 様に一目ぼれ。
だって「Full HD」なんですもん！！
気付いたら購買申請を回していました。。。
↓ そしてこれが「Full HD」の威力だだだだだだだだ！！ ↓
文字が小さくてプログラマー向けじゃねぇ... orz
| 変更前 | 変更後 | 評価 | |
|---|---|---|---|
| マシン | MacBook Pro 15inch | MacBook Pro 17inch | でかい！ 重い！ 持ち歩くものじゃない！ |
| CPU | CoreDuo 2.0GHz | Core2Duo 2.4GHz | 体感1.5倍！満足 |
| メモリ | 2.0 GB | 4.0 GB | Flash + Eclipse + Photoshop + Illustrator + Mail + Safari + iTunes でも余裕アリ！ |
| HDD | 100GB 7200rpm | 160GB 7200rpm | 換装しなくて済みそう |
| 解像度 | 1440x900 | 1920x1200 | 130万画素 -> 230万画素 広大デス |
2007年08月09日
いつやるんだろうか？
ここ1,2ヶ月で購入したゲームを紹介。
[Wii] ドラゴンクエストソード 仮面の女王と鏡の塔
ネットを見ていて「今日発売なんだーへぇ」と思った数時間後に購入。
ドラクエじゃーないね。とにかく疲れますｗ
プレイ時間：4時間
[PS3] 湾岸ミッドナイト
「お。PS3で車ゲーでるじゃん！しかも元気じゃん！」という事でワクワクしながら購入。
。。。これ漫画ゲーじゃん！
プレイ時間：3時間
[DS] 天外魔境II 卍丸
中学の頃にハマって、今でも最高のRPGだと信じているゲームの移植作。
今までも移植はあったけど、無駄に3D化されてたりしてひどい出来。
しかし、DS版は当時をほぼ忠実に再現！
丁度普通のRPGやりたいなぁと思っていたので購入。
忠実ですごくよい！けど、今やるとやっぱり古くさいんだなぁ(*´д`*)
プレイ時間：12時間
[XBOX360] Forza Motorsport2
リアル系のレースゲーム。前評判も高く、車種もそこそこあるという事で購入。
中々良いんだけど、どうも中毒性が低い感じ。
ネットでは本編よりペイントが流行っているらしい。
プレイ時間：6時間
[XBOX360] OBLIVION (The Elder ScrollsIV)
最高のRPGと呼び声の高いOBLIVION。海外版ですら日本で反響を呼んでいたのに、
日本語版も出たらもう大変！という訳でもちろん購入。
「何でも出来る」のが売りらしいけど、何していいのかサッパリわかりませんｗ
これはじっくりやらねば！
※開始30分で3D酔いしたけどね(´▽｀*)ｱﾊﾊ
プレイ時間：4時間
しかし衝動買いし過ぎだなぁ。
きっと精神的に病んでるんﾃﾞｽﾈ
2007年08月08日
あれを拭くにも高級を。
最近みんな裕福になってきてるのか、ムリしてがんばってるのか知らないけど、
高級なモノを所有している人が増えてきてるなぁと感じる。
車好きなので道を歩いていると車ばかり見てるんだけど、明らかに外車が多い。
メルセデスSクラスなんて当たり前で、ベントレーやマイバッハ、SLRなんかも頻繁に見かける。
テレビも安くはなったけどまだまだ高いフルHDがバンバン売れてるし、
ゲームも食も旅行も何もかもが高級志向になってきている。
そんな世の中にこんなモノが登場したようだ。
ちょっと欲しくなった、人一倍高級志向なボクであった (ﾉд`)
