More Related Content
More from Mariko Nishimura (12)
Adobe主催セミナー:BE READY for the new Web market 来るべきマルチデバイス時代に備え、今起きつつあるコトを理解しよう
- 1. BE READY for the new Web market
来るべきマルチデバイス時代に備え、今起きつつあるコトを理解しよう
アドビ システムズ株式会社 フィールドマーケティングマネージャー 西村 真里子
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
- 2. Ustream/Twitterの参加者さまコンバンワ!
Twitter ハッシュタグ #adobeready
Ustream : http://www.ustream.tv/channel/cs5wp-live
マルチデバイス突入時のtipsや悩みを
#adobeready
でつぶやくと抽選でCS5 Web Premiumプレゼント!
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 2
- 3. マルチデバイス、マルチスクリーン時代の到来と新たな課題
Androidデバイスリスト
だ
http://www.androidtapp.com/list-of-android-devices/ roid
And でも
け
タ… け!
3ケ 類だ
2種 も無視
で ない
でき
iOSデバイス
NVIDIA Tegra-powered HTC HD2 Dell Mini 5
タブレット ケータイ タブレット
❶ ❷
Motorola Droid Google Nexus One Google TV
ケータイ ケータイ テレビ
にも
ほか PCも
々!ろん
色 ち
も けない
と
ほっ
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 3
- 4. 開発技術の選択肢
ネイティブ
アプリ ト
ゲッ
(ローレベルAPI) ター マーに
タ きる
カス チで ?!
リー 方法は
提供
AIRアプリ
提供できる機能
(ローカルファイルアク
セス/ネイティブ連携/
WebView/Market)
Flash Player ~ブラウザ内~
(ハイパフォーマンス/2.5D API/マイ
ク&カメラ入力/タイポグラフィ/
DataGrid)
HTML/HTML5 ~ブラウザ内~
(OKパフォーマンス/Forms/Video)
開発者リーチ
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 4
- 6. 本日アドビがお届けしたいソリューション
Dreamweaver HTML5 パック
AIR for Android拡張機能
CS5 Omniture連携
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 6
- 8. 本日アドビがお届けしたいソリューション - その1
Dreamweaver HTML5 パック
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
- 9. Adobe Dreamweaver CS5 - TOP 10 機能 -
1. CSSインスペクト
2. CSSプロパティー無効/有効の切替
3. PHPコードヒントをはじめとするコーディング環境強化
4. ライブビュー強化
5. PHPなどの動的ファイルの確認、編集、反映の強化
6. すぐに作業開始できるシンプルなサイト定義
7. Subversion連携強化
8. 日本語ヘルプも充実のCSS新規ドキュメント
9. ブラウザ互換性オンラインサービス”BrowserLab”
10. Omniture 連携(Test & Target)
+ NEW!! HTML5 Pack for Dreamweaver!!(拡張機能)
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
13
- 10. HTML5 Pack for Dreamweaver(拡張機能)
新機能ハイライト
1.HTML5/CSS3コードヒント
•属性と値(HTML5タグ)
•-moz, -webkit, -o (CSSプロパティ)
2. マルチスクリーンプレビュー &
メディアクエリー
3. 最新のWebKit搭載
4. HTML5対応レイアウト
+ NEW!! 日本語UI+新しいコードヒント機能を9月初旬より提供開始(体験版&製品版)
ダウンロード先:Dreamweaverサポート:ダウンロードページ
http://adobe.com/jp/support/dreamweaver/downloads_updaters.html
9月初旬にはAdobe Application Manager 経由でも提供開始
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 10
14
- 11. Dreamweaver CS5で広がるコンテンツ制作領域
Flash
コンテンツ
電子書籍
Jimdoを始めとする
既存サービスとの連携
デザインアセット
HTML5 パックを利用した
マルチデバイス対応
Flash BuilderはDreamweaverの派生 更新 ブラウザ検証
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 11
- 12. CS Liveオンラインサービス:BrowserLab
ブラウザでの互換性検証のための
オンラインサービス
異なるOS/ブラウザ/バージョンで
のWebページレンダリングの互換
性をすばやくチェック
Dreamweaverからアクセスする場
合は公開前のテストサーバー上コ
ンテンツ,ローカルコンテンツの検
証も可能
複数ブラウザを準備しテストする
労力、時間、コストを大幅に削減
http://browserlab.adobe.com/
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 12
15
- 14. 本日アドビがお届けしたいソリューション - その2
AIR for Android拡張機能
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 14
- 15. Android Flash & AIR
Google I/O 2010
b リ
We アプ
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 15
- 16. なぜ?
"It turns out that on the internet… people use Flash!”
- Vic Gundotra, Google
みんなFlash
使ってるからね!
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 16
- 17. Open Screen Project 参加パートナー企業
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 17
- 18. Flash Player 10.1 for Android:OEMリリース済み
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 18
- 19. Adobe Flash showcase for mobile
http://m.flash.com/
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 19
- 21. AIR for Androidの機能について特記事項
Camera入力 (静止画・動画) アクセス
Mic入力アクセス
Camera Rollからの画像読み込み
ActionScript 3 (AS2は非対応)
Stage WebView (HTMLの組み込み)
"sms:" "tel:" スキームを使った外部アプリケーション呼び出し
P2P通信
GPS
加速度計
マルチタッチ & ジェスチャー
Intentは最初のリリースでは非対応
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 21
- 23. AIR for Android開発ワークフロー
Adobeのプラットフォー
ムエバンジェリストが
作ったPackage Assistant
Pro*を使うとラクチン
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 23
* http://www.webkitchen.be/package-assistant-pro/
- 24. AIR for Android開発ワークフロー
拡張機能 (ベータ
版) をFlash Pro
CS5にインストー
ルして使います
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 24
- 26. Android向け開発ワークフロー
UI/コンテンツデ
ザインのほとんど
Ps/Aiのデザイン はPhotoshop/
を参考に、Eclipse Illustratorで始まる
やADTを使い開発
(UIはXMLで定義)
アプリ (APK)
デザインを
直接読み込み
Flash三兄弟で開発、
Webまたはアプリに
Device Centralで パブリッシュ
Web (SWF) エミュレーション
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 26
- 27. 明日からのステップ:AIR/Flash for Android
語で
日本 能!
質 問可
2010年7月設立:AIR for Androidアプリ経験者がグループに参加
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 27
- 31. アート & サイエンス
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 31
- 32. Adobe + Omniture がもたらすもの:製品 & サービスの統合
+
+
+
+
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 32
34
- 33. Adobe SiteCatalyst, powered by Omniture
リアルタイムレポーティング
開発した自社サイトのページビューやパス、コンバージョンなどをリア
ルタイムに解析、レポート
カスタマイズ性の高い分析ツール
JavaScriptで表現できるものであれば任意の値を取得可能
例えば性別や年齢等を計測し、分析に活かすことが可能
レポート工数の削減
レポートを設定したフォーマットで自動配信
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 33
38
- 34. Adobe SiteCatalyst, powered by Omniture
• Webサイトのアクセス、滞在時間、コンバージョンなど、あらゆる情報を収集、解析可能
• ビジュアルで優れた自動レポートツールがマーケターをサポート
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 34
39
- 35. Adobe Test&Target, powered by Omniture
テスティング
A/Bテストと多変量テストを通じて、複雑なサイトにおいても最も
効果的なコンテンツを特定する
ターゲティング
訪問者セグメントとルールに基づいて、最適なコンテンツを提供
マーケター主導
マーケターが自ら操作できるシンプルなユーザーインターフェースに
よって、テストをより頻繁に実施し、常に最適なコンテンツのターゲ
ティングを行う
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 35
40
- 36. Adobe Test&Target, powered by Omniture
マーケター自身がコントロールできるmbox (Marketing Box)を、活
用し、コンテンツのテストやターゲティングを実施
ページ
mbox
ページ ページ
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 36
41
- 37. メリット
以前のフロー ASカスタマイズに対する
制作工数約20-30時間
Flash
Contents
サンプルファイル 自社用ファイルを キャンペーンを作成、
With T&T AS サンプルASをカスタ 承認
マイズして作成 ライブ
CS5の新フロー
ASカスタマイズに対する
制作工数約10-20時間
Flash
Contents
Flash上でT&Tにログイン。 書きだし時にFlashがASを ワンクリックで承認
エクステンションパネル上で ライブ
自動生成
キャンペーンを全て作成
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 37
39
- 39. Adobe MAX 2010カンファレンスでの発表:好評につき9/10まで延長!
2010年10月24~27日 (米国 Los Angelesで開催)
動員数5,000+を予定
oid 書籍 TV
ndr gle
for A 電子ndroid Goo 連
AIR 表予定 r A 予定
fo 表
関 定
予
発 発 発表
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 39
- 40. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 40