• Flex SDK “Hero” プレビュー版公開 – akihiro kamijo

そこで早速、このHeroというFlexフレームワークを使って、Androidアプリをつくってみたので紹介します。Adobe Labsからダウンロードできる次期 Flash Builder “Burrito” プレビュー版をインストールすることで、Flex SDK 4.5の開発環境が整います。今回はこのソフトを使ってAndroidアプリを作りました。

デモの動画

実機で動かしているところを動画で撮影しましたので、それを見て頂ければと思います。デモは私のLabsサイトで公開しているJSONファイルを使った、ポートフォリオアプリです。

このアプリの開発のために記述したソースコードは150行ほどのシンプルなものです。Adobeから提供された新しいFlexフレームワークを使えば、モバイルデバイス(スマートフォン・タブレット)に最適化されたインターフェースが、短いソースコードで提供できます。

具体的にモバイルデバイスに最適化されているポイントは次となります。

• タッチでスクロールができる
• 画面が横にスライドして新しい画面を展開できる
• 戻るボタンの実装 (以前の画面に戻る)
• Androidの［戻るボタン］との対応

タッチのスクロールバーなど自力でActionScriptを記述すると結構大変ですが（これは後日、Pure ASでの実装方法を紹介します）、こういったモバイル向けの面倒な実装部分がフレームワークとして既に完成しているため、開発効率が上がるのが大きなメリットです。Hero はFlex 4系列でありスキンのカスタマイズの自由度が高く、イレギュラーなデザインにも対応しやすいため、実案件導入もそこまで懸念しなくてもいいかと思います。

もちろん、Flex SDK 4.5はWebコンテンツやデスクトップアプリ向けにも利用することができます。

今年のAdobe MAXでは様々なデバイス対応が謳われておりFlashのマルチプラットフォーム化が一段と進んでいます。Flash ProfessionalユーザーはFlexに頼らずに実装するケースが多いと思いますが、多種多様なデバイス向けに全部自前のActionScriptで作ることよりも、大枠はFlexのようなフレームワークで処理して、中身を作り込む方向にリソースを割かないとこれからの時代はきつくなっていくかもしれません。

デモのソースコード

なお、このデモアプリのソースコードも公開しています。MXMLに馴染みのない方や、どういったように作るのか見てみたい方は次のURLからZIPファイルをダウンロードしてもらえればと思います。

• ソースコード (Flash Builder Burritoで、プロジェクトの読み込みを選択)

またあわせて、Adobe MAX直前にAdobeから発表された新技術については、次の記事が参考になります。

• Adobe AIR 2.5 公開 – akihiro kamijo
• Flash Builder “Burrito” プレビュー版公開 – akihiro kamijo
• Flash Catalyst “Panini” プレビュー版公開 – akihiro kamijo

資料はAcrobat.comにアップしていますので、よければご覧くださいませ。

発表資料中のサンプルはこちらからダウンロードできます。

• サンプルデータ一式(Flash Builder 4 用)

先日紹介したFlash Builder 4ですが、皆さんはもう試されましたでしょうか？ アップグレードしたばかりで、どのような使用感なのか気になるところですよね。今回はFlash Builder 4の紹介に加えて、さらにコード補完を劇的に強化するプラグインの紹介です。

Flash Builder 4は様々な機能が豊富でとても強力なツールなのですが、他コードエディターの進化に比べると若干コード補完のみが物足りない印象があります。AdobeエヴァンジェリストであるLee氏のブログThe Flash Blogで知ったのですが、SourceMateというプラグインがとても優秀でコード支援機能を強化してくれます。

Flash Builder 4でActionScript 3.0をコーディングする様子をビデオにまとめたので、まずはご覧くださいませ。90秒のムービーで、Flash Builder 4とSourceMateの組み合わせで、いかにコード補完が強力になったかがおわかりになると思います。

以下、詳しい機能紹介です。

プラグインについて

SourceMateはElementRiverが提供している有償のプラグインです。79ドルとわりと高めですが、十分もとをとれるプラグインかと思います。

どんなことができる？

ElementRiver: Featuresの機能一覧ページから便利名機能を抜粋して勝手に翻訳してみました。

コード生成機能

• Getter/Setter 生成機能が向上
• OverrideやInterface のメソッドを自動生成
• スーパークラスからコンストラクターを生成
• toString()メソッドを生成 (※クラスプロパティーを列挙してくれます)
• ASDocコメントを自動生成

コードスニペット(テンプレート)

• コンテンツアシストやテンプレートビューから利用可能
• MXMLでもASでもスニペットが利用可能
• カスタマイズしたテンプレートも作成可能
• インポート、エクスポートも可能で共有できる

いろんな機能

• すべてのtrace()をコメントアウト
• ASDoc生成
• プロジェクトの設定からAntのbuild.xmlを生成
• TODO, FIXME, and XXX タスクをマークできる
• ActionScriptでもイベントハンドラーの自動生成

リファクタリング

• 選択範囲を新しいメソッドにする
• Interfaceファイルを自動生成
• ローカル変数をメンバ変数に変更できる

メタデータ機能

• メタデータのコンテンツアシストも利用可
• メタデータタグが正しく記述されているかのチェック

使用感

コード補完は、ローカル変数からメンバ変数の変換、イベントリスナーの自動生成、for文のテンプレートの3点が使用頻度が多いところですが、それらが搭載されている点で十分実用的だと思いました。わりと高機能で、インターフェースの自動生成や、選択した範囲を新しいメソッドとして作成できる点は感動するところです。

万能な統合開発環境＋強力なコード支援機能

先日紹介したとおりFlash Builder 4は総合的に便利な機能が盛りだくさんで、これにSourceMateによるコード支援機能が付くので、不足はないような感じです。

なにげにさらに便利だと思うのが、Eclipseならではのコード支援機能がついてくることです。

• インデントの自動整形(コピペしたときにインデントを勝手に調整してくれる)
• 簡単に行の移動ができる(Alt+上下で行が移動できる)
• メソッド移動が簡単(Ctrl+Oでアウトライン呼び出し)

他ソフトと比べると…

ちなみに冒頭のビデオは、FlashDevelopのコーディングビデオでやったことと同じ内容を試しています。FlashDevelopと同じ90秒で書き上げることができたので、私にとっては同じぐらいのコーディング速度向上効果がありました。(実際はFlashDevelopのほうが若干早く書けるかなという気もしますが…)

FlashDevelop Code Hint Movie from clockmaker on Vimeo.

FlashDevelopはサクサクな補完表示が魅力的でこの点では他を圧倒しています。Flash Builder 4やFDTはEclipseによる便利機能も使えるのが利点ですが、Eclipseならではのとっつきにくさみたいなのも実はあったりします（特にFDTは英語インターフェースで、導入するときに色々設定が上手くいかないので、結構苦労します。それを乗り越えれば使えるようになるのですが。。）。個人的な好みによると思いますので、ぜひ自分にあったエディターを試して探してみてはいかがでしょうか？

• 無料でFlashの制作環境を構築 FlashDevelopとFlex SDKのインストール | ClockMaker Blog
• MacでFlashやるならコレ! 魅惑の開発環境FDTでつくろう！ | エントリー | _level0.KAYAC

主要エディターの価格を比較

Flash Builder 4とSourceMateを組み合わせた場合の価格ですが、そこそこ高値になるので、他ソフトも検討してみたいところです。ざっくりと価格帯をまとめてみました。(3/25(木)時点の価格なので公式ページなどをご確認ください。キャンペーンとかアカデミック版の提供の有無などもあったりしますので)

• FlashDevelop：無料
• TextMate : 54ドル
• FDT Pure :129ドル
• Flash Builder 4 Standard版：31,500円
• Flash Builder 4 Standard版+SourceMate：31,500円 + 79ドル
• FDT Professinal : 529 ドル
• FDT Enterprise : 779ドル
• Flash Builder 4 Premium版+SourceMate : 89,250円 + 79ドル

＜追記＞
Adobe CS5 Web Premium / Master CollectionにはFlash Builder 4 Standardが同梱されることになりました。つまり、79ドルのSouceMateプラグインを購入するだけで、FDT相当のコーディング機能に、Adobe謹製ならではの確実なリファクタリング機能が手に入ります。79ドルならFDTの下位パッケージのPureよりも安いので、かなりお買い得かも。

他にもオススメのFlash Builder 4の無償プラグイン

Flex Formatterというプラグインがかなりオススメです。汚いコードもキレイに自動的に整形してくれます。ちなみにビデオの最後にコード整形しているのはこのプラグインの機能です。

• Flex Formatterが出ました – よねのはてな
• mxmlとasのソースコードフォーマットをするplugin Flex Formatter：nod::ぶろぐ:RIA::Flex/AIR/Flash

それでは、自分にあったコードエディターで爆速コーディングの毎日を！

ブログ内の関連記事

• Flash Builder 4のFlasherに役立つ10個の魅力的な新機能

ついに登場しましたAdobe Flash Builder 4。Flash Builder 4はFlashを作ることのできるAdobe謹製の統合開発環境で、Flash CS3/CS4製品よりもコードを中心に開発される方に向いたソフトです。

Flash Builder 4はFlex Builder 3の後継バージョンで、今回のアップデートでFlex BuilderからFlash Builderへと名前が変更されました。かなりの機能が盛り込まれたのですが、そんなFlash Builder 4の魅力をFlasher視点としてあまなく紹介してみたいと思います。

1.Flash Professionalとの連携

公式にFlash Professional (CS4/CS5)との連携できるようになりました。具体的にはFlash ProfessionalのコードエディターとしてFlash Builder 4を利用できるというものです。Flash Builder 4にはFlash Professionalで同じみのショートカット「Ctrl + Enter」がパブリッシュ用に割り当てられています。

2.コード補完

Flash Builder 4で強化されたのがコード補完。コンテンツアシストでは、以前からの前方一致補完のみだけではなく、より短いスペルで補完したいクラスを選択できるようになります。例えば、MCと入力すればMovieClipクラスが補完されます(TFだとTextField、MEだとMouseEvent)。またMXMLのみですが、イベントハンドラーの自動生成機能が搭載されています。

3.パッケージや変数名変更が楽になるリファクタリング

個人的にはイチオシの機能。Flex Builder 3から強化された機能ですが、変数名やパッケージ名をリネームすると、参照している箇所を自動的に変更されます。一般的なコードエディターでは「文字の検索・置換」をすることでリネームを行いますが、「参照」 でリネームされるため、正確かつ確実にリネームされます。

図1:プロパティーの変更

パッケージエクスプローラー上でクラスやパッケージをドラッグ＆ドロップするだけでも、参照のimport文まで変更してくれます。

図2:パッケージの変更

4.ASDocツールチップの表示

ヘルプを開かずとも、クラス名や変数名にフォーカスがあたっているだけでASDocツールチップが表示されるようになりました。ヘルプを開かずとも 素早くメソッドの詳細をチェックすることができます。

5.メモリやCPU使用率を詳細にチェックできるプロファイラ

SWFProfilerやStatsといったメモリ管理のためのAS3ライブラリが存在しますが、Flash Builder 4のプロファイラはもっと詳細にメモリ使用率をチェックすることができます。インスタンス毎にどれだけのメモリを使用したかをリスト表示でき、メモリリー クしているインスタンスが存在しないかをチェックすることができます。
※この機能はPREMIUM版のみです。

Flash CS4でパブリッシュしたSWFに対しても、プロファイリングすることが可能です。

6.setter/getterの自動生成

オブジェクト指向を意識してコードを記述すると、カプセル化としてsetter/getterメソッドを用意することが多いかと思います。変数を選択してsetter/getterの自動生成を選択すると、自動的にそれに応じたメソッドを用意してくれます。

7.Flash Professinalで作成したSWCコンポーネントを利用しやすくなる

Flash Professinalで作成したコンポーネントを利用しやすくなるような機能が用意されています。(後日追記予定)

8.PHPやXMLを読み込むためのプログラムを自動生成

サーバーサイドと連携するコードを自動生成することができます。AS3側だけではなくPHPの場合だとPHPのサーバーサイド側のプログラムも自動生成されます。ちなみに次の記事を参考にしてみたところ、5分でTwitterビューアー(XMLを読み込み、表に表示するアプリ)を開発できました。

• これさえ読めば分かる！ Flash Builder 4インストールから使い方まで徹底解説（4/5）：CodeZine

9.チャートコンポーネントがStandard版でも搭載

個人的に嬉しいのが、Flex Builder 2やFlex Builder 3の頃から高価な上位版でのみしかついていなかったチャート系コンポーネントがStandard版でも同封されたことです。以前のバージョンよりもStandard版はお買い得感がでたのではないでしょうか。MXMLでの場合のみですが、サクっとグラフを用意したいときとかに便利ですね。

10.コンパイラーが高速化されたFlex SDK 4

Flex SDKはFlash Builder 4のコンパイラやMXMLのフレームワークを含むオープンソースの開発キットです。Flash Professinalの利用ではなくFlex SDKをベースにコンパイルする場合のみですが、コンパイラが高速されたためにswfの生成にかかる時間が短くなります。これは近々どのくらい高速化され たのか検証してみたいと思います。

まとめ

全体的に機能が盛りだくさんになり、かなり満足なアップグレードになったように思っています。なが〜いpublic beta期間もありましたし、今のところ不具合もほとんどなく完成度の高い製品になった印象があります。以下に、参考になるリンクをまとめましたのでよければご覧くださいませ。

学生さんや失業者だと無料でFlash Builder 4を手に入れることができます。

• 無償のAdobe Flash Platformテクノロジ | Adobe Flexデベロッパーセンター

Adobe Developer Centerにまとめ記事が大量に投下されました。

• Sparkのアーキテクチャーとコンポーネントセットの概要
  
• Flash Builder 4によるデータ中心型開発
• Flex 3とFlex 4との違い
  
• Flash Builder 4の新機能
• Flex 4 マスターシリーズ #02 Flash Builder 4 新機能
• Flex 4 マスターシリーズ #01 MXML 2009

いち早くレビュー

• これさえ読めば分かる！ Flash Builder 4インストールから使い方まで徹底解説

AdobeのFlash Builder 4発表の記者会見の動画

• ShoShow 03/23/10 12:58AM, ShoShow 03/23/10 12:58AM shoichi30 on USTREAM. Other Events

ちなみにFlash Professionalのエディターで考えられている方は、コード補完がどのくらい便利かが気になるところだと思います。Flash Builder 4は総合的な機能では他のソフトウェアを圧倒していますが、もしかしたら既にFlashDevelopを使われている方には、コード支援に関しては少し物足りなさを感じる方もいらっしゃるかも知れません。ということで、次回はFlash Builder 4でも爆速コーディングが可能になるプラグインを紹介します。

※ちなみに私はFlashDevelopもFlash Builder 4もどちらも優れているので両方併用して利用しています。(プロトタイピング的なものやプロジェクト開始時はFlashDevelop、プロジェクト後半のチューニング段階からはFlex Builder 3(Flash Builder 4)といった使い分けをしています)

6/1(月)、Adobe LabsにてFlash CatalystとFlash Builder 4のベータ版が公開されたようです。

• Adobe Labs – Adobe Flash Catalyst (映像がカッコイイ…)
• Adobe Labs – Adobe Flash Builder 4

Flash Builder 4はFlex Builder 3の次期バージョンで、Flash Catalyst (カタリスト)は新しいFlashワークフロー支援ツールです。カタリストのほうは簡単に言うとPsやAiから簡単にFlashアプリを作れるようになるというソフトです。

上記URLからダウンロードできるみたいなので、興味ある人は試してみては。

ちなみにバグはFxUGでも募集しているみたいです。

• フォーラム – Flex User Group

さっそくgotoAndLaernにもチュートリアルビデオもアップされてました。

• gotoandlearn.com – Flash Catalyst and Flex 4: Part 1
• gotoandlearn.com – Flash Catalyst and Flex 4: Part 2

初期化は creationComplete のイベントで行うことが多いですが、stage 参照が必要な場合は applicationComplete で初期化するというのは既知の話。私はつまり、 creationComplete は不要(不要というと言い過ぎですが)で特に意識しない限りは applicationComplete を使った方が stage の null 参照問題にぶつかることがなくてスマートだと思ったのですが、これってどうなのでしょう? ご意見募集中です。

そもそも Flex のライフサイクル等の理解が進んでいないので、このように思っているのかもしれません。

ライフサイクルの参考記事

• Adobe MAX Japan 2009 D-4 資料 – blog.taiga.jp
• Flex コンポーネントのインスタンス化ライフサイクルについて – 抜かれるならド肝だよね
• [Flex]初期化系イベントめも – l4l

applicationCompleteに関する参考記事

• AIRガジェット起動時にTextInputにフォーカスを当てる方法 | RontanBlog
• Mich Blog: Adobe AIR の TextInput
• applicationComplete なのか、creationCompleteなのか · 映像とその周辺
• 鮭とプログラムとか: ＡＩＲでのリサイズを禁止する
• FlexアプリケーションでMacのマウスホイールに対応させる
  

• Demo
• Source (mxml, zip)

参考にしたロジックはこちら

• ギークなお姉さんは好きですか 年齢は3行で割り出せるぞ！

対処方法として、 Flash 単独では Mac のマウスホイールに対応できないので、JavaScript と連動させる仕組みを実装します。やや難しい実装方法となるため、少数派のユーザーのために大きな労力をかける必要がありました。そのため対応するところに開発者の良心のようなものが見えるというコメントがあるほどです。

前置きが長くなりましたが、最近では複数環境のマウスホールイベントに対応した SWFWheel ライブラリを使用することで簡単に解決できます。Flex アプリケーションもしかりで、SWFWheel を使う事で mx.controls.scrollClasses.ScrollBar を Mac のマウスホイール対応にできます。まずはデモでチェックしてみます。

Macのマウスホイールのデモ

Windowsの方はどちらのデモも変わらず動作すると思いますが、Mac環境では通常の Flex デモはマウスホイールが動作しません。

• 通常のFlexアプリケーション
• SWFWheelを使用したFlexアプリケーション

※List に表示している情報は 萌店ＡＰＩを使用させて頂きました。おかげさまで花のない当ブログが鮮やかになりました（＾ー＾）

• デモのソースはこちら(FlashDevelopプロジェクト、MXML、zip)

実装方法

SWFWheel – Spark project からライブラリを入手。

メインアプリの applicationComplete イベントハンドラーに次の一行を記述するだけです。これで Mac 環境のブラウザにおいても全てのコンポーネントのマウスホイールが動作するようになります。

SWFWheel.initialize(stage);

ポイントとしてcreationCompleteのタイミングではstageを参照できないことがあるので、applicationCompleteのタイミングを使う事です。

参考

• [Flex]初期化系イベントめも – l4l

HTML側はエンベッド時の属性を追加してあげるだけでOKです(以下のページを参照ください)。特にJavaScriptファイルを用意する必要はありません(ActionScript内に含められているため)

参考

• SWFWheel – Spark project
• feb19.jp blog – SWFWheelを使う

ついでに

ついでに Flex フレームワーク(MXML)で作った当ブログの Flash Lab ページも Mac のマウスホイールに対応させてみました。

http://clockmaker.jp/labs/

こちらが実験サンプル。デバイスフォントの alpha を 0 から 1 へループさせています。

• デモ (要 Flash Player 10)

ソースコードはこんな感じ

package
{
	import flash.display.*;
	import flash.events.*;
	import flash.text.*;
	import flash.utils.*;

	public class Main extends Sprite
	{
		public function Main():void
		{
			var txt:TextField = new TextField()
			txt.text = "いろはにほへと\nちりぬるをわか\nよたれそつねな\nらむうゐのおく\nやまけふこえて\nあさきゆめみし\nゑひもせす";
			txt.autoSize = TextFieldAutoSize.LEFT;

			addChild(txt);
			addEventListener(Event.ENTER_FRAME, function(e:Event):void
			{
				txt.alpha = (Math.sin(getTimer() / 500) + 1) / 2;
			});
		}
	}
}

Flex のエフェクトで確認

ちなみに、Flex 3.2 で作っていたということは MXML でも利用可能。タブナビゲーターで使ってみたところ、こんな感じ。

ViewStack 関連でデバイスフォントにもエフェクトが適用できるのは、かなりありがたいですね！このためだけに埋め込みフォントにしていたのですが、デバイスフォントを使用すれば容量削減になりますし、フォントのライセンス確認しなくてすみますし、他言語対応もしやすいので、地味にうれしい機能改善です。

Flash Player 9 と 10 の両方を書き出してみましたので、比較してみてください。

• デモ (Flash Player 10 向け)
• デモ (Flash Player 9 向け)

Flash Player 9で書き出すと、alphaが効かないのでデバイスフォントだけカットインアウトなトウィーンとなります。

MXML のソースコードはこちら。同じソースでも書き出しの設定を変えると結果が変わります。

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
	<mx:TabNavigator width="100%" height="100%">

		<mx:Box label="Page 1" showEffect="Fade" hideEffect="Fade">
			<mx:Text
				width="100%"
				text="The quick brown fox jumps over the lazy dog"
				fontSize="16" />
			<mx:Box
				width="100" height="100"
				backgroundColor="0xFF0000" />
		</mx:Box>

		<mx:Box label="Page 2" showEffect="Fade" hideEffect="Fade">
			<mx:Text
				width="100%"
				text="いろはにほへと ちりぬるをわか よたれそつねな らむうゐのおく やまけふこえて あさきゆめみし ゑひもせす"
				fontSize="16" />
			<mx:Box
				width="100" height="100"
				backgroundColor="0x0000FF" />
		</mx:Box>

	</mx:TabNavigator>
</mx:Application>

参考

• ダイナミックテキストの回転やalpha(透過)を設定

addEventLister を簡単にするテクニック

森 巧尚氏の「強引にやさしいAS3入門」でAS3のイベント登録の話題。ステージをマウスでクリックしたら、それが回転するようなサンプルを紹介されてました。例えば次のようなスクリプトがあったとします。

addEventListenerはスペルが長くて感覚的につかみづらいので、日本語の「に」で置き換えて読んでみてはどうかという提案です。

確かに日本語の感覚で文法を記述してみると、AS3に不慣れでも感覚がつかめて読めると思いました。

そこで、addEventListenerを「に」を置き換えてみる

セミナーでは野中さんが「に」を「addEventListener」として単語登録して会場を沸かせましたが、そのとき私が考えたのは「に」を本物のメソッド名にしてしまってはどうかということです。Flex SDKやCS3のビルドインのEventDispatcherを直接修正するという方法ももしかしたらあると思いますが、それはやりすぎな気がしましたのでカスタムクラス実装で検証してみたいと思います。

日本語ActionScript

まず前提として日本語をメソッド名にするわけですが、ASはUTF-8なので日本語で変数・メソッド名を設定することができます。そこで、スプライトを継承しメソッド「に」がキックされたときにaddEventListenerに接続するように組んでみました。

class Rect extends Sprite
{
    public function に(type:String, listener:Function, useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false):void
    {
        super.addEventListener(type, listener, useCapture, priority, useWeakReference);
    }
}

こうすることでクラスRectには「に」というイベントを登録するメソッドが用意されます。使用方法としてはaddEventListenerと同様の記述をします。

package
{
import flash.display.Sprite;
import flash.events.MouseEvent;

public class Main2 extends Sprite
{
private var sp:Rect;
public function Main2():void
{
sp = new Rect();
sp.x = sp.y = 100;

addChild(sp);

sp.に(MouseEvent.CLICK, doRotate);
}

private function doRotate(e:MouseEvent):void
{
sp.rotation += 45
}
}
}

実行結果はこちらです。

どうせなら全部日本語でやってみては

せっかくなので「に」以外にも英語で書かれた部分をできる限り日本語に置き換えてみました。

package
{
public class Main3 extends ステージ
{
private var 図形:四角形;
public function Main3():void
{
図形 = new 四角形();
図形.のX座標 = 図形.のY座標 = 100;

表示する(図形);

図形.に(割り当てた.クリックされたときの処理は, 回転する);
}

private function 回転する(イベント:*):void
{
図形.の角度 += 45
}
}
}

イベント登録のあたりはトリッキーなクラス名・メソッド名になってますが、直感的に掴みやすいでしょうか。これももちろん動作するスクリプトです（実行結果は上と同じ）。ちなみに紹介したソースはこちらからDLできます。

• src (zipファイル / FlashDevelop3.0.9でFlex SDK 3.1を使用してます)

F-siteの感想

今回はProgression / AS3入門 / Flash CS4紹介 / 行列とベクトルというレジメでした。内容はいずれも面白く何度かうなずきながら聞いていました。以前Flash CS4をまとめましたがソフト上で実際に動かされているのを見るとワクワクしてきます。

F-siteのセミナーは2度目の参加でしたが、今回懇親会にも足を伸ばしてみることに。私的にはこういうFlasherが集まる懇親会に初めて参加したのですが、社外の人とリアルでFlashの会話をしたことがほぼ皆無でしたので新鮮でした。今後もこういった機会がありましたら参加していきたいと思いますのでよろしくお願いします。

↓ じゃんけん大会戦利品のFlash TシャツとCS4シールとAdobe金太郎飴

(iPhone – Toy Cameraで撮影)