1.
おしゃれCatalystに触ってみた！！
2010/5/20 station5から
http://www.surfboard.jp/

2.
自己紹介
• 株式会社サーフボード
– 福井県に本社があるWeb制作会社
– RIAプロジェクト始動！
• サーフボード公式RIA開発者ブログ
– http://ria.surfboard.co.jp/blog/
• 森下智弘
– 東京営業所勤務（飯田橋）
– WEBプログラマ ＆ Flexプログラマ
– プログラミング ＆ セールス
– http://twitter.com/morishita_surf
http://www.surfboard.jp/

3.
謝辞
Adobeさん、
Catalystを作ってくれて
ありがとう！
http://www.surfboard.jp/

4.
Catalyst使用前と後の作業比率
80%
20%
0%
前
画面作成 プログラミング
おしゃれ
プログラムをあまりしない
プログラマってOK？20%
20%60%
後
画面作成 プログラミング
おしゃれ
http://www.surfboard.jp/

5.
なぜ？
ここまで
差が出るのか？
http://www.surfboard.jp/

6.
Catalyst使用前のワークフロー
デザイナー
プログラマー
打ち合わせ
デザイン
画像
切り出し
確認 画面
作成
プログラ
ミング
動作チェック
パーツ毎に
画像ファイルに
切り出し！
パーツを
組み合わせて
画面に！
http://www.surfboard.jp/

7.
Catalyst使用後のワークフロー
デザイナー
プログラマー
打ち合わせ
デザイン
確認
画面
作成
プログラ
ミング
動作チェック
PSDファイル
から
Flex画面に！
http://www.surfboard.jp/
デザイナーさんはPSD作るまで！PGの画面作成の時間が大幅に短縮！

8.
謝辞
Adobeさん、
Catalystを作ってくれて
ありがとう！
http://www.surfboard.jp/

9.
Catalystがなければ出来なかった！
http://www.surfboard.jp/
 白地図を使ったFlexアプリ
 47都道府県
⇒ 47個のボタン
 「コンポーネントに変換」で、
さくさくボタン化

10.
株式会社サーフボード RIAプロジェクト始動！
• ６月デモを10本公開します！
• WebサイトでのRIAコンテンツ活用
http://www.surfboard.jp/
サーフボード公式RIA開発者ブログ
http://ria.surfboard.co.jp/blog/

11.
http://www.surfboard.jp/
ご静聴ありがとうございました。