22
Flashによる マルチデバイスアプリ 開発ワークフロー 2011-06-11 ADC MEETUP ClockMaker 池田泰延

Flashによる マルチデバイスアプリ 開発ワークフローclockmaker.jp/labs/110611_adcmeetup.pdfFlash CS5.5 プロジェクト機能 • 複数の fla ファイル間でアセットを共有す

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Flashによる マルチデバイスアプリ 開発ワークフローclockmaker.jp/labs/110611_adcmeetup.pdfFlash CS5.5 プロジェクト機能 • 複数の fla ファイル間でアセットを共有す

Flashによる マルチデバイスアプリ 開発ワークフロー 2011-06-11 ADC MEETUP

ClockMaker 池田泰延

Page 2: Flashによる マルチデバイスアプリ 開発ワークフローclockmaker.jp/labs/110611_adcmeetup.pdfFlash CS5.5 プロジェクト機能 • 複数の fla ファイル間でアセットを共有す

自己紹介

•  名前: 池田泰延 •  Twitter ID : clockmaker •  仕事: Flash Developer/ワークショップ講師 •  ブログ: ClockMaker Blog •  書籍:「Flash ではじめるAndroidアプリ開発入門」等

Page 3: Flashによる マルチデバイスアプリ 開発ワークフローclockmaker.jp/labs/110611_adcmeetup.pdfFlash CS5.5 プロジェクト機能 • 複数の fla ファイル間でアセットを共有す

Flashでのアプリ開発 Chapter 1

Page 4: Flashによる マルチデバイスアプリ 開発ワークフローclockmaker.jp/labs/110611_adcmeetup.pdfFlash CS5.5 プロジェクト機能 • 複数の fla ファイル間でアセットを共有す

Flash CS5.5で 書き出し可能な形式 Flash Player

(Web向けの書き出し) Flash Lite

(携帯電話向けの書き出し)

Adobe AIR (デスクトップOS向けの書き出し - Windows, Mac, Linux)

Page 5: Flashによる マルチデバイスアプリ 開発ワークフローclockmaker.jp/labs/110611_adcmeetup.pdfFlash CS5.5 プロジェクト機能 • 複数の fla ファイル間でアセットを共有す

Flash CS5.5で 書き出し可能な形式

AIR for Android (Androidアプリの書き出し)

AIR for iOS (iOSアプリの書き出し)

Page 6: Flashによる マルチデバイスアプリ 開発ワークフローclockmaker.jp/labs/110611_adcmeetup.pdfFlash CS5.5 プロジェクト機能 • 複数の fla ファイル間でアセットを共有す

Flashを使うメリット

1.  一つの開発プロジェクトで 複数のプラットフォームへ出力できる

2.  オープンソースのAS3ライブラリ (例:Tweenerなどの演出系ライブラリ)

3.  今まで覚えたFlashのノウハウ・スキルを 開発に利用できる

Page 7: Flashによる マルチデバイスアプリ 開発ワークフローclockmaker.jp/labs/110611_adcmeetup.pdfFlash CS5.5 プロジェクト機能 • 複数の fla ファイル間でアセットを共有す

Flash Professional CS5.5の新機能 Chapter 2

Page 8: Flashによる マルチデバイスアプリ 開発ワークフローclockmaker.jp/labs/110611_adcmeetup.pdfFlash CS5.5 プロジェクト機能 • 複数の fla ファイル間でアセットを共有す

Flash Professional CS5.5

1.  モバイル向けのコードスニペット追加

2.  新しくなったプロジェクトパネル

3.  Flash Builderとの連携

Page 9: Flashによる マルチデバイスアプリ 開発ワークフローclockmaker.jp/labs/110611_adcmeetup.pdfFlash CS5.5 プロジェクト機能 • 複数の fla ファイル間でアセットを共有す

モバイル向けの コードスニペット追加

•  コードスニペットとは ActionScriptのテンプレート

Page 10: Flashによる マルチデバイスアプリ 開発ワークフローclockmaker.jp/labs/110611_adcmeetup.pdfFlash CS5.5 プロジェクト機能 • 複数の fla ファイル間でアセットを共有す

モバイル向けの コードスニペット追加

Page 11: Flashによる マルチデバイスアプリ 開発ワークフローclockmaker.jp/labs/110611_adcmeetup.pdfFlash CS5.5 プロジェクト機能 • 複数の fla ファイル間でアセットを共有す

コードスニペットの プレビュー表示

Page 12: Flashによる マルチデバイスアプリ 開発ワークフローclockmaker.jp/labs/110611_adcmeetup.pdfFlash CS5.5 プロジェクト機能 • 複数の fla ファイル間でアセットを共有す

 Flash CS5.5の コードスニペット

•  モバイル用のコードテンプレートが追加

•  コードスニペットのプレビュー表示から、ドラッグアンドドロップだけで処理を適用させたい対象の指定が可能

Page 13: Flashによる マルチデバイスアプリ 開発ワークフローclockmaker.jp/labs/110611_adcmeetup.pdfFlash CS5.5 プロジェクト機能 • 複数の fla ファイル間でアセットを共有す

Flash CS5.5 プロジェクト機能

•  Flash CS5.5 内でプロジェクトを管理

•  複数の fla ファイルをパブリッシュ

•  アセット共有

Page 14: Flashによる マルチデバイスアプリ 開発ワークフローclockmaker.jp/labs/110611_adcmeetup.pdfFlash CS5.5 プロジェクト機能 • 複数の fla ファイル間でアセットを共有す

プロジェクト機能の紹介 Chapter 2

Page 15: Flashによる マルチデバイスアプリ 開発ワークフローclockmaker.jp/labs/110611_adcmeetup.pdfFlash CS5.5 プロジェクト機能 • 複数の fla ファイル間でアセットを共有す

プロジェクトパネル

Page 16: Flashによる マルチデバイスアプリ 開発ワークフローclockmaker.jp/labs/110611_adcmeetup.pdfFlash CS5.5 プロジェクト機能 • 複数の fla ファイル間でアセットを共有す

実演 •  Android/iOS/デスクトップ向けのアプリ開発をプロジェクト機能で。

©orange-­‐suzuki.com

Page 17: Flashによる マルチデバイスアプリ 開発ワークフローclockmaker.jp/labs/110611_adcmeetup.pdfFlash CS5.5 プロジェクト機能 • 複数の fla ファイル間でアセットを共有す

Flash CS5.5 プロジェクト機能

•  複数の fla ファイル間でアセットを共有することで、マルチデバイス向けにアプリを開発する場合に作業効率向上

Page 18: Flashによる マルチデバイスアプリ 開発ワークフローclockmaker.jp/labs/110611_adcmeetup.pdfFlash CS5.5 プロジェクト機能 • 複数の fla ファイル間でアセットを共有す

Flash Builderとの連携

•  どちらからでもプロジェクトを 作成して開くことができる

•  Flash Professional でグラフィックやレイアウト、モーションを作成/ Flash Builder をコードエディターとして利用

Page 19: Flashによる マルチデバイスアプリ 開発ワークフローclockmaker.jp/labs/110611_adcmeetup.pdfFlash CS5.5 プロジェクト機能 • 複数の fla ファイル間でアセットを共有す

Flash Builderを使うメリット

•  コードアシスト •  リファクタリング

•  QuickFix (関数生成、変数生成等) •  参照検索

•  定義元に移動

Page 20: Flashによる マルチデバイスアプリ 開発ワークフローclockmaker.jp/labs/110611_adcmeetup.pdfFlash CS5.5 プロジェクト機能 • 複数の fla ファイル間でアセットを共有す

Flash Professional CS5.5

•  Flash Player 10.2 書き出しに対応 (新機能:ネイティブマウスカーソル、 Stage Video)

•  インクリメンタルコンパイル (埋め込みフォントや音声ファイルを キャッシュしてパブリッシュの高速化)

Page 21: Flashによる マルチデバイスアプリ 開発ワークフローclockmaker.jp/labs/110611_adcmeetup.pdfFlash CS5.5 プロジェクト機能 • 複数の fla ファイル間でアセットを共有す

告知

•  ActionScript Beautifl Code

•  ページ数:280ページ

•  出版社: ワークスコーポレーション

•  発売日: 2011年6月8日

Page 22: Flashによる マルチデバイスアプリ 開発ワークフローclockmaker.jp/labs/110611_adcmeetup.pdfFlash CS5.5 プロジェクト機能 • 複数の fla ファイル間でアセットを共有す

ご清聴ありがとうございました Thank you for your attention

ClockMaker 池田泰延