Flash Builderの設定

2010.09.07(火)

ActionScriptエディタって、Flashについてるやつから始まって、秀丸とか、Sepyとか経て、ここ何年かFlashDevelopに落ち着いてたけど、CS5にFlashBuilder4がついてきたので、乗り換えてみることにしました。

その設定とか、思ったこととか、いろいろ覚書きです。

■フォントの設定
僕はSepyの名残で「Courier」が好きなので変更。Win7のフォントの管理で表示にしておかないと指定できなかった。
「設定」→「一般」→「外観」→「色とフォント」→「基本」→「テキスト・フォント」

■カラーリングの設定
「設定」→「一般」→「エディター」→「テキスト・エディター」
「設定」→「Flash Builder」→「エディター」→「構文の色指定」

■よく使うショートカット(一部SourceMateがいる)

コードヒントとかクラスのimport
Ctrl+Space

)選択行をコメント
ctrl+/

行削除
Ctrl+D

行の複写
Ctrl+Alt+↑

ローカル変数をメンバー変数に変更
Alt+Shift+V

変数名の変更(関連箇所も一括で変更)
ctrl+Alt+R

getter、setterの設定
Alt+Shift+G

現在カーソルがいる行の次の行を改行
shift+Enter

参考と備忘録
http://cuaoar.jp/2010/04/adobe-flash-builder-4.html
http://clockmaker.jp/blog/2010/03/sourcemate-flashbuilder4/
http://utweb.jp/blog/archives/815

とりあえずはプラグインではSourceMateが必須だということがわかりました。円高のうちに買うしかないですね。

使ってみて思ったのは、エディタ機能だけならFDのほうが賢い気がする。でもそのほかの機能を含めると、FBのほうがよさげ。

あと、他の環境でも同じように作業したいので、設定ファイルとか、スニペッツとか、テンプレートのエクスポートの仕方を知りたいです。誰か!

円高オーサリング

2010.09.07(火)

円高ですね。

最近輸入物の果物とかの恩恵を受けているbeshinです。

と、いうわけでTweenMaxやTweenLiteの有償版、ClubGreenshockを購入してみました。

無償版と比べていくつかプラグインの機能追加されているのですが、とりあえず、よく使いそうなdynamicPropsとtransformAroundCenterを紹介してみようと思います。

まずは、dynamicProps

Tween系のエンジンって、どこどこまで何秒かけてっていうのが基本なので、最終のどこどこの値が動的に変化するアニメーションには使えなかったりしますね。(あんまり無いけど)

わかりやすい例でいうと、画面のサイズが変わったときとか、マウスを追いかけるとか、例外的な処理を書いて、アニメーションをスキップさせたりして対応していたのですが、このdynamicPropsを使うと、うまいことやってくれるみたいです。

TweenLite.to(mc, 1, {
dynamicProps: {
x:this.mouseX
,y:this.mouseY
}
});

private function _getX():Number {
return stage.stageWidth / 2;
}

private function _getY():Number {
return stage.stageHeight / 2;
}

注意しないといけないのは、ゴールとなる値をFunction型で指定しないといけないことくらいです。ろくにドキュメントを読まずに、適当にやっていた僕は、しばらく悩みました。ドキュメントは大事です。しっかり読みましょう。

次に、transformAroundCenterです。
通常、Flashって基準点があって、それを基準に移動とか、回転とかをするんですが、transformAroundCenter使うと、インスタンスの中心を基準にいろいろな変形処理をやってくれます。

TweenLite.to(mc, 1, {
transformAroundCenter: { x:stage.stageWidth / 2, y:stage.stageHeight / 2 },
ease:Quad.easeOut
});

さらに、transformAroundPointというのがあって、任意の点を基準に動かしたりということも出来ます。

ただ、このtransformAroundCenterですが、使えるプロパティが限られてます。TransformAroundPointVarsのプロパティがそれにあたります。
scaleX:Number、scaleY:Number、rotation:Number、width:Number、height:Number、shortRotation:Object 、x:Number、y:Number

実は、この二つを組み合わせることができると便利そうだなと思っていたのですが、そんな感じの事情でうまくいきませんでした。

後から知ったんですが、flパッケージにある、MatrixTransformerクラスを使っても同じようなことが出来るみたいですね。

任意の点で回転させるサンプル。
var mat:Matrix = mc.transform.matrix;
MatrixTransformer.rotateAroundExternalPoint(mat, 任意のX座標, 任意のY座標, 回転);
mc.transform.matrix = mat;

というか、やり方としてはこれで求めたmatrixをdynamicPropsでTweenさせればいいんじゃね?という話になりますね。

ライブラリ依存しまくりな今日この頃ですが、ちょっとした時間も惜しいときとかにいかがでしょうか?

円高の今がチャンスですよ。

とんでもないチャレンジ

2010.09.02(木)

暑さに完全にヤラれてるpearmasterです

さて、先日livedoorがとんでもないチャレンジをやらかしました
普段4コマ漫画しか訪問していないlivedoorですが、
久々に興味がそそられました

一体なにがおこったかというと。。。
・検索エンジンをNAVERに変更
・広告を1/3に
ということらしいです
(詳細はコチラ

さてさて、早速聞き慣れない言葉が出てきましたねー
NAVERとはなんぞや?
そう思われた方もいらっしゃるのではないでしょうか

NAVERとは、韓国で圧倒的シェアを誇る検索エンジンです
オンラインゲームで有名なNHN社が提供し、2009年7月から日本でもサービスを提供しています
まぁ以前1度日本に乗り込んできてるんですが、その時はあえなく撤退…

しかし、なぜlivedoorがNAVERを使うのかというと
NHN Japanの傘下に入っているからに他ならないでしょうな

NAVER、画像検索では結構優秀らしいです

ロボットが巡回しないとなんともいえないんで、
今後も生温かい目で見てみようとおもいます~

さよならマウス

2010.08.24(火)

早寝早起きbeshinです。こんにちわ。
長時間作業していると、マウス操作が邪魔くさくなるときがありませんか?
特にコードとか書いてるときに、何か別のアプリを起動するときとか、いちいちマウス握って、カーソル合わせて、ダブルクリック・・・って、わー!だー!とにかく面倒です。
そんなとき、こんなtweetを見つけました。
キーボード>マウス>タッチパネル、どん
どん脳とコンピュータの間が広くなっている
気がする。せっかく脳とコンピューターを
キーボードで直結したのに、わざわざ身体
を伴うタッチはまどろっこしい。
なるほどたしかに。あれってコンピューターとの距離感だったんですね。
とはいうもの、すべてCUIてな感じで操作というのは、ちょいとハードルが高い気がします。
というわけで、少しでもマウスに触れない生活する方法を考えてみました。
まず、使っている人は、すでに使っていると思うのですが、Windowsには「ファイル名を指定して実行」というのがあります。
ショートカットでwin+rを押すと起動します。
たとえば、コマンドプロンプトを起動したければ、名前のところに「cmd」と打つと起動します。メモ帳だと、「notepad」と打つと起動します。
他にも、適当に普段使っているアプリ名を入れると、結構起動します。ファイルのパス名とかをいれると、エクスプローラーが立ち上がって、そのフォルダを表示してくれたりもします。
アプリ名を入れても起動しないものは、環境変数のPathとかを設定します。
いちいちマウスもたなくていいので、少しは楽ですね。
また、ブラウザとかだと、vim風のキーバインド操作が出来る拡張機能とかもあります。
firefoxだと、Vimperatorとか有名ですね。
僕は普段choromeを使っているのですが、Vimiumっていうのがシンプルでいい感じです。
ちなみに、MacだとQuickSilverっていうすばらしいランチャーとかもあります。
いろいろ組み合わせて使うと、ネットやメールくらいならほとんどマウス操作なしで生活できるようになりました。
次はエディタをvimに乗り換えてみようかなあと思ってます。
http://ja.wikipedia.org/wiki/Vim
まだまだ残暑が厳しい季節です。マウスみたいな重たいものはささっと窓から放り投げて、涼しく過ごせばいいんじゃないでしょうか?
それではごきげんよう。

消えちゃうよ!?

2010.08.17(火)

毎日暑いですねーそろそろ暑さにも飽きてきたpearmasterです

さて、以前何気なく見ていたページですが
テキストをコピペしようと選択すると・・・
消えてしまうやろー!
ほんとビックリです

と、とにかく見てください!
コチラ
Ctrl+Aしてみてください、消えちゃいますよー(IE以外で見てね)

さて、そのソースを簡単にしたのがコチラ
どうやらJavaScriptで選択したら消しているようです
(詳細はソース見てね)

どうしてもコピーされたくない文章を公開する時なんか使えそうですね

「IA」ってなんですか?

2010.08.03(火)

最近個人的によく耳にするのが「IA」という単語。
気になったので少し調べてみました。

どうやら、情報アーキテクチャ(Information Architecture)の略称のようです。
wikiから抜粋すると、

「情報をわかりやすく伝え」「受け手が情報を探しやすくする」ための表現技術である

情報アーキテクチャ

ウェブの場合、動画や、フラッシュなどのテクノロジーが発展し、
情報整理が難しくなっているような気がします。
なので、いま情報アーキテクチャの考え方が必要になってきてるみたいです。

僕はデザインするときクオリティの部分しか見えなくなる時があるので、
見てくれる人がちゃんと情報を引き出せてるのか、
考えながらデザインする必要があると考えるようになりました。

IAにもいくつか手法があるようです。

  • ユーザー調査
  • ペルソナ設計
  • メンタルモデル開発
  • 情報設計
  • ウォークスルーテスト

が、詳しくわからなかったので、
次回に持ち越したいと思います。
IA(情報アーキテクチャ)にフォーカスしたCSS Nite LPを9月に開催

日本に旅行にきたなら我が家へおいでよ

2010.07.27(火)

最近、私生活がめまぐるしく変わっているchomeoです。
一番大きいのは、ルームシェアを始めた事ですね。
「いってきます」「ただいま」って言える相手がいるだけで、すごく嬉しくなります。

お互い色んな事を話して新しい発見が楽しいです!
その同居人ですが、自由な人間なんで1年かけて中国からヨーロッパまでバックパッカーしてました。
そういう事のつながりもあって、8月に海外旅行者が3人(ギリシャとタイと韓国の人が別々で)ほど我が家に泊まりにくるそうです。

まぁ、僕的にはそういうのあんまり気にするタイプじゃないんでOKしましたけど。
そういう旅行者さん達との繋がりができるwebサービスがあるんですね。

couch surfing
http://www.couchsurfing.org/

という、旅行者と旅行者の行き先の現地の人が繋がりあるコミュニティーサービスだそうで。
couch surfing=安っぽく泊まること、知り合いのソーファで寝巡ること。
だそうです。

同居人が登録してますが、僕もとりあえず登録してみようかなと。

まぁ、ちょっとサイトが英語であんまりよくわかっていないのですが、「サーフ・ホスト」のページで絞りこんでいくんですね。

ちょっと、オモシロイとおもったのが、Vouchシステムっていうので、
説明的には、
「Vouchを受ける唯一の方法はあなたが、Vouchを3回以上受けた他のメンバーに心から信頼されることです。面識がなくてはいけません。あなたが信頼の置ける人なら、Vouchを受けたメンバーはあなたをVouchできます。3回Vouchを受ければ、今度はあなたが他のメンバーをVouchできます。 あなたが心から信頼するメンバーをVouchしてください。」

やはり、初対面の人を泊めたり泊まったりするわけですから、常に気をつけないといけませんね。その人がどんな人か前にあった人の評価などでわかるということです。女性とか危ないですもんね。

それと大事なのは、コミュニケーションですよね。chomeoは、英語全くしゃべれません。聞くこともできません。
そこで、iphoneです。

色々調べてみるとこれがいいらしいのですが、
iPhone 音声自動翻訳アプリ-Jibbigo-
http://www.ichibel.com/products/jibbigo.html
3200円…結構高いですね。でも、音声で翻訳してくれるんでやっぱり便利だと思いました。
まぁ、家の中だけならPCがあるんでなんとかなりますかね!

グローバルに楽しんでいきたいと思います。

なんでもブックマーク。その名も「Zootool」

2010.07.21(水)

世の中にはブクマ系のサービスが充実しておりますが、
Zootoolは他とは一味違うようです。


http://zootool.com/

簡単に説明すると、気に入ったサイトや画像などを気軽にブックマークして一覧して見れるサービス。
らしいので使ってみました。

続きを読む »

まだかなマナカナ

2010.07.14(水)

民主大敗で幕を閉じた参院選、有権者のみなさん行きましたか??
もちろん行きましたよね!!

さて、日本の選挙は記名式ですね
そして未だにネット選挙は解禁されず、選挙期間中もblog更新やついったーは禁止
いったいなぜなんでしょう??
続きを読む »

OkAGOSTINI (オカゴスティーニ)第4号 ボタンで操作★解答例

2010.07.06(火)

前回、恐れ多いことで課題を出させてもらったんですけど、
僕が今現在ベストな考えで解答例を出させてもらいます。

ここらへんの仕組みがわかるといろんなところで応用できるので、
よければ参考にしてやってください!

flash on 2010-7-6 – wonderfl build flash online