「HTML5 Conference 2013 in Gifu」でプレゼンしました資料

1. モダンなWebとモダンな開発ツールの最新ネタ
アンディ ホール ｜ アドビシステムズジャパン
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

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

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

4. 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.

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

6. 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.

7. 最新ネタ
Edge AnimateのCSS Filter対応
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

8. CSS フィルター
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

9. CSS フィルター
filter:
sepia(0.8);
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

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

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

12. 最新過ぎるネタ
カスタム Filter
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

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

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

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

16. 最新ネタ
Edge Reflow の CSS Region 対応
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

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

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

19. 最新ネタ
Edge Code の クイック編集
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

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

21. 最新ネタ
Photoshop Generator
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

22. KVLR
Node.js
generator-core
plugin..
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
plugin..

23. ちゃんとしたプラグイン
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

24. アホが作るプラグイン
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

25. § 日本語版のソース：
github.com/andyhall/generator-awesome-ja
§ Generator
について：
aphall.com/?p=625
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

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

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

28. さらなる詳細：
html.adobe.com/jp
質問など：
@fenomas
andhall@adobe.com
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

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