2010/8/31に開催されたセミナーのアドビソリューションをまとめてます。 セミナーURL →　http://adobe-ready-nwm.jp/

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

5. Web/モバイルコンテンツ制作：さらなる付加価値が求められる
制作 配信 最適化
い
の高
効果 を
より テンツ要性
コンする必
作成
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

6. 本日アドビがお届けしたいソリューション
Dreamweaver HTML5 パック
AIR for Android拡張機能
CS5 Omniture連携
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 6

7. 明日からのステップ：Adobe Developer Connection
ユーザー事例、Tips、インストール方法掲載
http://adobe.com/jp/devnet/
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 7

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

13. 明日からのステップ：Adobe Developer Connection
ユーザー事例、Tips、インストール方法掲載
http://adobe.com/jp/devnet/
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 13

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

20. AIR for Android：2010年内リリース予定
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 20

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

22. http://labs.adobe.com/technologies/air2/android
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 22

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

25. Adobe CS5のAndroidエミュレーション（Device Central）
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 25

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

28. 明日からのステップ：Adobe Developer Connection
ユーザー事例、Tips、インストール方法掲載
http://adobe.com/jp/devnet/
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 28

29. 本日アドビがお届けしたいソリューション - その3
CS5 Omniture連携
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 29

30. Web/モバイルコンテンツ制作：さらなる付加価値が求められる
制作 配信 最適化
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

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
テスティング
Ａ／Ｂテストと多変量テストを通じて、複雑なサイトにおいても最も
効果的なコンテンツを特定する
ターゲティング
訪問者セグメントとルールに基づいて、最適なコンテンツを提供
マーケター主導
マーケターが自ら操作できるシンプルなユーザーインターフェースに
よって、テストをより頻繁に実施し、常に最適なコンテンツのターゲ
ティングを行う
©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

38. 明日からのステップ：Adobe Developer Connection
ユーザー事例、Tips、インストール方法掲載
http://adobe.com/jp/devnet/
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 38

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