アドビとHTML5に関する色々を紹介する資料。 CSS Filters、 カスタムフィルター、PhoneGap などを軽くカバーします。

1. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Adobe & HTML
アンディ ホール ｜ テクニカル エバンジェリスト

2. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
だれだこいつ
@fenomas
§ 職歴はウェブ制作 → Flash開発 → アドビで色々
§ 現在はテクニカルエバンジェリスト
§ 興味はデザインとコードをまたぐところ
§ ゲーム好き、などなど

3. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
過去のウェブ：
§ HTML
§ CSS
§ SVG
§ DHTML

4. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
github.com/SirPepe/SpecGraph
現在の
ウェブ

5. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Adobeとしての活躍
contribute to a better web
better web experience
bring innovations to the web better tools for the web

6. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

7. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Contributing to the web
表示
ブレンドモード
カスタムフィルター
レイアウト
リージョン
シェイプ
プラットフォーム
Apache Cordova
コミュニティー ＆ テスト
Test the Web Forward
Web Platform ドキュメンテーション

8. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Filters
サファリ、モバイルサファリ、
クローム、アンドロイド用クローム
が対応済み

9. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Edge Animate、Reflow でビジュアルに作る

10. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
r
Custom Filters
クロームカナリーで使ってみよう：
git.io/zxtapw

11. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
r
CSS FilterLab (カナリー対応)
github.com/adobe/cssfilterlab

12. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
r
リージョン & シェイプ (カナリー対応)
git.io/forest-giant

13. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Helping creators make
the web better

14. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
testthewebforward.org

15. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
webplatform.org

16. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
ドキュメンテーションを
Bracketsで確認する

17. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Platform

18. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
フリー・オープンソース
HTML5モバイルアプリ開発フレームワーク

19. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

20. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
クラウド上でパッケージを生成
build.phonegap.com
PhoneGap Build

21. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
ツールの入手はCreative Cloudから
creative.adobe.com/

22. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Follow us!
html.adobe.com/jp
github.com/adobe-webplatform
codepen.io/adobe
質問など：
@fenomas
andhall@adobe.com

23. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.