HTML5 Caravan 札幌 でお話しましたスライドです。

1. Adobe & HTML
HTML5 Caravan 札幌、1.14.2014 ｜ アンディ ホール
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

2. だれだこいつ
@fenomas
§
日本在住歴もFlash歴も十ん年
§
物理学専攻 → ウェブ制作 → Flash開発 → アドビで色々
§
現在の肩書がテクニカルエバンジェリスト
§
興味はデザインとコードをまたぐところ
§
カタコトでゴメンね
§
ゲーム好き、などなど
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

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

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

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

6. 詳細情報：
html.adobe.com/jp
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

7. Tools
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

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

9. ツールの紹介：
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

10. ツールの紹介：
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

11. ツールの紹介：
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

12. Improving the web
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

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

14. Webの進化の事例：
CSS フィルター
現状の対応： Chrome, Safari, iOS, Opera
（プレフィックス）
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

15. Webの進化の事例：
CSS フィルター
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

16. Webの進化の事例：
CSS フィルター
filter:
sepia(0.8);
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

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

18. Webの進化の事例：
カスタム フィルター
現状の対応： Chrome, Opera（有効に設定する必要がある）
Webkit （ナイトリービルド）
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

19. Webの進化の事例：
カスタム フィルター
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

20. r
カスタムフィルターのデモ
git.io/zxtapw
（ chrome://flags でCSS シェーダを有効にしよう）
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

21. r
CSS FilterLab
github.com/adobe/cssfilterlab
（ chrome://flags でCSS シェーダを有効にしよう）
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

22. Webの進化の事例：
CSS シェイプ
現状の対応： Chrome, Opera（有効に設定する必要がある）
Webkit （ナイトリービルド）
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

23. Webの進化の事例：
CSS Regions
現状の対応： iOS7 （標準対応！）
IE、Safari （プレフィックス）
Chrome, Opera（有効に設定する必要がある）
Webkit （ナイトリービルド）
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

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

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

26. コミュニティ！
testthewebforward.org
webplatform.org
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

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

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

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

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

31. github.com/adobe-webplatform/
Demo-for-Alice-s-Adventures-in-Wonderland
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

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

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