meetups round 01 on 20110611

Copyright © AKABANA 2007-2010, all rights reserved.

を使用した

モバイルアプリケーション開発

有川榮一


自己紹介

有川榮一 ( http://akabana.info )

AKABANA (http://www.akabana.net )

開発

クラウド開発

モバイル開発

サーバ開発

技術トレーニングセミナー

http://akabana.info/



http://www.akabana.net/

http://www.akabana.net/


モバイルアプリケーション開発が可能

モバイルコンポーネント

モバイル用コンポーネント

画面遷移フレームワーク

既存コンポーネントのモバイル用スキン

モバイル機能

複数解像度対応

スプラッシュスクリーン（起動画面）


画面遷移

フレームワーク



モバイルアプリケーション

画面遷移フレームワークを用いたアプリケーション

ビューベースアプリケーション

画面遷移を管理するアプリケーション

タブ付きアプリケーション

タブごとに画面遷移を管理するアプリケーション



ビューベースアプリケーション

画面遷移するアプリケーション

画面遷移

画面遷移



タブ付きアプリケーション

タブごとに画面遷移があるアプリケーション

タブ切替

画面遷移

画面遷移



構成コンポーネント

つの画面を表示する

画面遷移を管理する機能

つのを所属する画面用のコンテナ



構成コンポーネントの図解



コンポーネントのスキンとパーツ



画面遷移を管理するアプリケーションに最適なフレームワーク

画面の遷移

画面切り替えのエフェクト

画面遷移の履歴

画面間のデータの受け渡し

画面の生成と破棄

画面の永続化・復元



画面遷移機能

画面の遷移

画面を進ませる：

画面を戻す：



画面遷移機能

画面の遷移

画面を切り変える：

replaceView



画面遷移機能

画面切り替えのエフェクト



画面データ操作機能

画面間のデータの受け渡し

データの引き渡し：

データの受け取り：

画面遷移の戻り：

画面の生成と破棄

で振る舞いを切り替え可能

画面の永続化対応

で振る舞いを切り替え可能


モバイル

コンポーネント



既存コンポーネント

タッチイベントに対応

モバイル用に最適化されたスキンを適用

でスキン作成

で描画

解像度対応

フォントサイズの変更



デスクトップ用コンポーネント

を使った描画に対応

読み込みミスの代替え画像を表示

タッチスクロールに対応

スクロールがスプリングエフェクトが追加



モバイル用データレンダラ―

ベース

を使った描画処理

を使った読み込み負荷の低減

外部イメージの読み込みを遅延ロード

外部イメージのキャッシュ



モバイル用のコンポーネント

画面遷移フレームワーク用コンポーネント

主にのヘッダに使用される

クルクル回ります



モバイル用のスキンがないコンポーネント

自作する必要がある

独自コンポーネントを作るか

インターフェイスを変更

代表的なコンポーネントの場合

アラート

を使って自作

コンボボックス

画面遷移させて選択させるパターン

ポップアップで選択させるパターン


理解を深めるために


モバイルマスターシリーズ

マスターシリーズ

技術トレーニング

http://www.adobe.com/jp/devnet/



http://www.akabana.net/seminar

meetups round 01 on 20110611

Technology