FICC LABS

CakePHP のデバッグ出力を FirePHP で表示する。

Thu, 16 Apr 2009 20:47:30 +0900

たけしです。

CakePHP で開発をしている時は、core.php のデバッグレベルを２とか３とかにして開発をしているのですが、これがhtmlの最後の方にブリッと大量に吐かれて案外邪魔です。
そこで FirePHP (FireBugのPHP版のようなもの)を導入して、consoleタブ色々なデバッグ情報を出力してみます。ちなみにPHP5限定です。

MT 4.25 でアクションストリームの表示をカスタマイズ

Thu, 16 Apr 2009 19:41:50 +0900

入社一年目にして、初エントリーのたけしです。こんにちは。
久しぶりにMTをいじってみたらバージョンが4.25になっていて、「アクションストリーム」という機能が追加されていたので少し触ってみました。
アクションストリーム詳細はこちら

JSFLとJSF

Mon, 23 Jun 2008 11:57:08 +0900

FICC安藤です。

タケシがJSFLとJSFのPDFを見つけてきたので試してみました。

[Flash]?http://livedocs.adobe.com/flash/9.0_jp/main/flash_cs3_extending.pdf

[Fireworks]?http://help.adobe.com/en_US/Fireworks/9.0_Extending/fireworks_cs3_extending.pdf

JSFLとは「Flashオーサリング環境をjavascriptで拡張し、定型的な作業を自動化する強力なマクロのような物が作れる」だそうで少しでもjavascriptを書いた事があればすぐに作れます、書いた事がなくてもAS触ってれば同じECMAScriptですから、大丈夫。

[FixSize.jsfl]
Flash CS3以降、ステージに読み込んだ画像が変なサイズになり「変形の解除」でも元に戻らなくなるときがあります。
それを本来のサイズに戻すJSFLです。
この間Twitterで書いた時のは画像がライブラリの中でフォルダに入ってると正しく動作しなかったようです、落とされた方はお手数ですがもう一度ダウンロードしてください。

[Export.jsf]
ちなみに鈴木に教えてもらったんですが上記の問題はそもそもFireworksで解像度をちゃんと72で書き出していないからだそうでFireworks用の選択項目を新規ファイルにコピー＆ペーストして解像度を72に変更し、フィットするJSFです。

[SetInstanceName.jsfl]
あと個人的に必要だった選択したインスタンスにクラスシンボル名の頭を小文字に変えて名前を付けてレイヤー分けするJSFLです。

(追記：クラス名ではなくシンボル名からでした）

JSFL（Flash）のインストール場所
windows
c:\Documents and Setting\ユーザー\Local Setting\Application Data\Adobe\Flash CS3\ja\Configuration\Commands\
mac
/Users/ユーザー/Library/Application Support/Adobe/Flash CS3/ja/Configuration/Commands/

JSF（Fireworks）のインストール場所
windows
c:\Documents and Setting\ユーザー\Application Data\Adobe\Fireworks CS3\Commands\
mac
/Application/Adobe Fireworks CS3/Configuration/Commands/

重要なお知らせ

Mon, 31 Mar 2008 20:27:23 +0900

ラボブログのリーダーの方への重要なお知らせです。サーバーの移行に伴い、フィード登録先や各エントリーページのURLに変更が発生しました。お手数ですが、RSSリーダーに登録されている方は、登録のし直しをお願いします。また、個別エントリーページをブックマークされている方もご注意ください。

以下、主な変更点です。

RSSのURL変更
旧：http://www.ficc.jp/labs/feeds/top.xml
新：http://www.ficc.jp/labs/feeds/rss.xml
ATOMのURL変更
旧：http://www.ficc.jp/labs/feeds/top_atom.xml
新：http://www.ficc.jp/labs/feeds/atom.xml
カテゴリーアーカイブページのURL変更
ユーザー別アーカイブのURL変更

＊環境によっては、まだ旧サーバーに飛ぶ場合もあります。

サーバー移行に伴い、Movable TypeをVersion 4.1にアップグレードしてブログを再構築しました。諸事情の理由で、デフォルトのテンプレートをほぼそのまま使用した形でのリニューアルになってしまいましたが、近いうちにリニューアルを行う予定です。CSSがかなりお見苦しいことになっております。

また、コードを見易くするために、実験的にsyntaxhighlighterを導入しました。ActionScript関係のネタが多いこのブログ、そのコードのためにも導入したのですが、実はオリジナルのsyntaxhighlighterには、ActionScriptには対応しておらず、取り敢えずJSの色分けで対応しています。（AS拡張用のJSもあるのですが、表示が重くなってしまい今回の導入は見送りました。）

今後ともFICCラボブログを宜しくお願い致します。

滑らかな3次ベジェでゆらゆら曲線を描く

Tue, 18 Mar 2008 17:04:34 +0900

FICC 福岡です。

珍しくやる気になりましてAS3関連のエントリー。個人的にゆらゆらした円が描きたくなり、

こんな図を描き出す方法を考えてみました。Flashで滑らかな曲線、といえばgraphics.curveTo()ですが、このcurveToは2次ベジェ曲線しか書く事ができません。ベジェ曲線の詳しい話は省略しますが、できればIllustratorのようにハンドリングが楽な3次ベジェが使いたい。今回はアンカーポイントとコントロールポイントの位置から3次ベジェを計算し、2次ベジェに変換してFlashで描画します。幸いFlashCS3のfl.motion.BezierSegmentクラスが面倒な計算を助けてくれますのでこのクラスを有効活用します。

AS3 Macでのマウススクロールイベント

Wed, 13 Feb 2008 15:12:51 +0900

FICC安藤です。

連続で Box2DFlashAS3 関連のエントリーでしたが今回は実用的なエントリー、対応するところに開発者の良心のようなものが見える「AS3 Macでのマウススクロールイベント」です。

AS2のMacMouseWheelと同じくpixelbreakerの方がAS3バージョンを公開されています。

Box2DFlashAS3での衝突判定

Tue, 29 Jan 2008 15:55:02 +0900

昨日に引き継ぎBox2DFlashAS3、楽しすぎます。
FICC安藤です。

今回は、もしゲームを作るとなると必要になると思われる「当たり判定」です。
上のサンプルでは３つのルールがあって

1 敵役は星形
2 マウスクリックで左側から玉が飛んでくる
3 玉が敵に当たるとエフェクトを残して玉だけ消す。

Box2DflashAS3で F I C の文字を降らす

Mon, 28 Jan 2008 18:37:32 +0900

あけましておめでとうございます、FICC安藤です。
やっと通常業務が落ち着いたので、去年の末からずっと気になってたBox2DFlashAS3のエントリーです。
サンプルを見ながら四角や丸を一通り降らして見たので今度は自由な形状、安易に「F」「I」「C」の文字を降らしてみたいと思います。

FileReferenceList、引数と戻り値

Sat, 17 Nov 2007 22:51:00 +0900

FICC安藤です、遅ればせながらやっとAS3に移行を始めたので習作を兼ねたエントリーです。

個人的な理由でファイルのアップローダーが必要になり何でもかんでもFlashベースに組んでしまうのがFlash使いの悪いクセだと思いhtmlベースのフォームで作ってみると、複数ファイルのアップロードが意外と面倒くさいということに気づきました。

結局Flashの出番です。

Flash8から利用可能になったFileReferenceListは複数ファイルを一気に選択してアップロードができる便利なクラスでしたが放り投げたファイルを追いかけるのが厄介なクラスでもありました。
CS3への変更時にその辺が改善されたので今更感もありますが、画像をFileReferenceListを使ったサンプル「FIleReferenceList、引数と戻り値」です。

サンプルファイル一式はこちら

Photoshop ショートカット(2)

Thu, 27 Sep 2007 20:11:32 +0900

だいぶ久しぶりのエントリーになってしまいましたが、Photoshopショートカット第2弾です。
今回は知っていると便利そうなものを中心にまとめてみました。
日ごろ集めた情報と自分の良く使うものを、とりあえず、ダーっと勢いでまとめた感じなので箇条書きで少し見辛いですが、今後は便利系ショートカットはこのページに追記していく予定なのでキャプチャーとかいれてもう少し見易くしていければと思っております。
もし、他にもこんなのも便利なショートカットがあるよという方がいらっしゃいましたら教えていただけると大変有難いです。

Twitterブログパーツ更新

Thu, 23 Aug 2007 21:04:49 +0900

FICC安藤です。

春に作ったtwitterブログパーツが意外に貼って頂いてたらしく、申し訳ないのでちゃんと作り直ししました。

ファイルの場所が変わりましたので以前貼って頂いた方も新しいソースに更新をお願いします。

以下貼付け用ソースです。

サンプルとしてページ右側の「ficc」のソースです。

attachBlogParts(205, "#FAFAFA", "ficc");

免責事項：
このブログパーツをご利用されたことで生じるいかなる損害についても責任を負うものではありません。
このブログパーツは予告なしに停止・変更又は抹消される場合があります。あらかじめご了承ください。

[MTプラグイン] エントリーのプレビュー機能を改善するプラグイン

Tue, 26 Jun 2007 16:45:10 +0900

どうも、FICC戸塚です。MTの便利なプラグインを先日見つけたので投稿します。

エントリーを投稿する時、公開しているブログと同様の見えでプレビューができればなぁと思っている方は多いはず。一度「公開」して、本番で確認するのもありですが、それだとフィードが一度生成されてしまいます。

そんな時、StylePreviewというプラグインがあれば、もう大丈夫。これを使えば、ブログのエントリーページのCSSが適用された状態で投稿内容がプレビューができます。ついに、投稿ページの「確認」ボタンで本当に「確認」できるようになります。ちなみにバージョン4ではちゃんとプレビューができるようになってるようです...。

カメラと被写体の関係から擬似3D空間を作る (2)

Mon, 18 Jun 2007 10:18:56 +0900

FICC 福岡です。
CS3ももうすぐ登場する事だしそろそろPaperVision3Dとか...と思っている方もいらっしゃるでしょうが、今回も引き続きAS2でがんばる3Dのお話。前回お話しした「カメラと被写体の関係から擬似3D空間を作る」で公開したコードですが、実はちょっとした問題点を抱えております。それは「カメラのZ座標によってオブジェクトの見え方が異なる」。図で簡単にご説明しましょう。

[MTプラグイン] RightFieldsについて

Tue, 12 Jun 2007 12:08:41 +0900

はじめまして、FICCの戸塚です。

FICCではデザイン・HTMLコーディングを担当しています。LABSでは、MTのプラグインやいかついカスタマイズ方法についてご紹介できればと思います。また、CSSの小ネタなんかも投稿予定です。

MT4が発表されてしまった今タイミング的に非常に微妙なのですが、今回はRightFieldsというMTのプラグインについて簡単にご紹介します。

Flashから画像ファイルを保存する

Mon, 11 Jun 2007 22:00:20 +0900

喜び勇んで英語版Flash CS3 Trialをインストールした皆様、そろそろ試用期限が切れてしまった頃でしょうか？

FICC安藤です。
FICCサイトのバックエンドの設計、構築、FLASH開発など担当しました、裏方の人です。
MT+Flashの記事から始める予定でしたがCS3日本語版の発売間近という事もあり先にCS3(AS3)関連のエントリーから。

今回はFlashから画像ファイルを保存する方法です。
画像ファイルを保存するという事だけであればAS2時代から「一応」可能でしたが今回はせっかくAS3ですのでよりスマートな方法で実現したいと思います。