More Related Content
Similar to おしゃれCatalystに触ってみた (20)
おしゃれCatalystに触ってみた
- 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使用前と後の作業比率
前 後
画面作成 プログラミング 画面作成 プログラミング
おしゃれ おしゃれ
0%
プログラムをあまりしない
20% プログラマってOK?
20%
60% 20%
80%
http://www.surfboard.jp/
- 6. Catalyst使用前のワークフロー
パーツ毎に
画像ファイルに
切り出し!
画像
デザイン
切り出し
動作チェック
打ち合わせ
確認
デザイナー
画面 プログラ
作成 ミング
プログラマー
パーツを
組み合わせて
画面に!
http://www.surfboard.jp/
- 7. Catalyst使用後のワークフロー
PSDファイル
から
デザイン Flex画面に!
動作チェック
打ち合わせ
確認
デザイナー
画面 プログラ
作成 ミング
プログラマー
デザイナーさんはPSD作るまで!PGの画面作成の時間が大幅に短縮!
http://www.surfboard.jp/
- 8. 謝辞
Adobeさん、
Catalystを作ってくれて
ありがとう!
http://www.surfboard.jp/
- 9. Catalystがなければ出来なかった!
白地図を使ったFlexアプリ
47都道府県
⇒ 47個のボタン
「コンポーネントに変換」で、
さくさくボタン化
http://www.surfboard.jp/