Flex User Group Japan Tour 2010に参加してきました

Flex User Group 全国ツアー 2010 in 福岡に参加しました。

同日時に開催されていたサト研vol.17を蹴ってまで参加したのは、
Flash Builderと連携できるFlash Catalystというソフトに前々から興味があったからです。
プログラムが書けないデザイナーでも簡単にプロトタイプが作れて、
しかもデザイナーがグラフィックソフト(illustorator,Photoshop等)で編集すれば、
それをCatalystやFlash Builderを通じてプログラマーが開発を引き継げるというのです。

自分たちはweb以外でもUIを勉強していきたいので、
今後アプリ開発時にどうやってデザイナとプログラマが連携して作っていけるようになるのかを概要だけでも掴んでおきたかったのです。

以下は取り急ぎのメモ。

14:00 Flex4とFlash Builder4

AKABANA 有川榮一氏 ( @_a1_ )

• Flex
  • MXML2009
  • CSS
    • タイプセレクタが充実
    • ちょっとセレクタの指定がややこしい
      • Flexで入力補完してくれる
    • パラメーターはHTMLのCSSと変わらない
      • webデザイナーは直感でできる
    • IDセレクタ
    • 子孫セレクタ
  • SparkComponent
    • +Skin
    • +Layout
      • コンポーネントをレイアウトする仕組み
      • コンテナとレイアウトの分離
      • 組み込みレイアウト
      • カスタムレイアウト
  • AS3+MXML=Flex > swf
  • Flash Player10.1
  • AIR2.0.2
• 便利な事
  • コンポーネントの充実
  • ロジックとデザインの分離
    • ロジック
      • Flash Builder 4でプログラム
    • デザイン
      • Flash Catalyst CS5でデザイン
  • 開発ツールが充実
    • Flash Pro CS5
    • Flash Catalyst4
    • Flash Builder 4
• 外部データとのやりとり

デザインとプログラムを繋ぐFlash Catalyst

• 株式会社Modulay 渡辺桂一氏 ( @keiitic )
• FCは誰うま？
  • プロトタイプが簡単にデザイナでできる
  • プログラマいらず
  • コーディングなしのインタラクションデザイン
  • レイアウトデザインを再度起こす必要がない
  • デザインとプログラミングワークフローの改善
• 作業は簡単か？
  • 基本ステップは３つ
  • デザインファイルを取り込む
  • 状態(ステート)を作成し、遷移（トランジション）を定義
  • グラフィック要素をコンポーネント化

AIR2のできること

• しかじろう @shikajiro
• AIRはクロスオペレーションシステムランタイム

Cacooについて

• 株式会社ヌーラボ 懸さん @agata
• webアプリの難しさ
• コラボレーションのための実装
  • undo(やり直し）も処理として記録
  • 連番がぶつかっていたら、衝突処理としてまた新しい連番を付け加える

雑感

• 日頃使わせてもらってるCacooの裏の仕組みを少しでも知れて、感動。
  • Cacooへの要望は気がついたらどんどん@cacooappにつぶやこうと思いました！
• Flexはまだ触れてないですがだいぶ概念が掴めました
  • HTMLで言うとこんな感じなのかな？
    • MXML → HTML
    • CSS → CSS（flash上のスタイル定義）
    • AS → JavaScript (処理の定義)
• 鹿ちゃんのプレゼンはとても素晴らしかったｗ
  • 「よく売られているシカの形をした USBメモリー」
• セミナー中に始めてCatalystを起動してみた。
  • ちょっと触るとすぐに画面遷移の動きをつけることができることに感動！
  • デザイナーがASを一行も書かずにモックアップが作れる！
  • セミナー中に制作デモがあったので、手持ちの画像ファイルで試してみたらすぐにできた！（できたのはコレ）

実際にCatalystも触ってみて、便利なところ、改善して欲しいところも出たのでそこをレビューしたいと思います。

追記）

実際にCatalystを試したエントリー「Flash Catalystでナストマくんの4コマをスライドするSWFのモックアップを作ってみたよ 」をUpしました。