Adobe & HTML
HTML5 Caravan 福岡| アンディ ホール

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
だれだこいつ

アット フェノマス

@fenomas
§ 

日本在住歴もFlash歴も十ん年

§ 

物理学専攻 → ウェブ制作 → Flash開発 → アドビで色々

§ 

現在の肩書がテクニカルエバンジェリスト

§ 

興...
HTML
§  CSS
§  SVG
§  DHTML
§ 

過去のウェブ:

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
現在の
ウェブ

© 2012 Adobe Systems Incorporated. All Rights Reserved.
github.com/SirPepe/SpecGraph Adobe Confidential.
Adobeとしての活躍
contribute to a better web

bring innovations to the web

better tools for the web

better web experience

© 2...
詳細情報:

html.adobe.com/jp

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

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

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

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

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Contributing to the web

表示

レイアウト

プラットフォーム

ブレンドモード
カスタムフィルター
Clip Paths

CSS Regions
CSS Shapes

Apache Cordova
(PhoneG...
Webの進化の事例:

CSS フィルター

現状の対応: Chrome, Safari, iOS, Opera
(プレフィックス)
© 2012 Adobe Systems Incorporated. All Rights Reserved....
Webの進化の事例:

CSS フィルター

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Webの進化の事例:

CSS フィルター
filter:
sepia(0.8);


© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Edge Animate、Reflow でビジュアルに作る
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Webの進化の事例:

カスタム フィルター

現状の対応: Chrome, Opera(有効に設定する必要がある)
Webkit (ナイトリービルド)
© 2012 Adobe Systems Incorporated. All Rights...
Webの進化の事例:

カスタム フィルター

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

カスタムフィルターのデモ

git.io/zxtapw
( chrome://flags でCSS シェーダを有効にしよう)
© 2012 Adobe Systems Incorporated. All Rights Reserved. A...
r

CSS FilterLab

github.com/adobe/cssfilterlab
( chrome://flags でCSS シェーダを有効にしよう)
© 2012 Adobe Systems Incorporated. All Ri...
Webの進化の事例:

CSS シェイプ

現状の対応: Chrome, Opera(有効に設定する必要がある)
Webkit (ナイトリービルド)
© 2012 Adobe Systems Incorporated. All Rights R...
Webの進化の事例:

CSS Regions

現状の対応: iOS7 (標準対応!)
IE、Safari (プレフィックス)
Chrome, Opera(有効に設定する必要がある)
Webkit (ナイトリービルド)
© 2012 Adob...
Reflow でビジュアルに作る
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Helping creators make
the web better

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
コミュニティ!

testthewebforward.org

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

クラウド上でパッケージを生成
build.phonegap.com
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidentia...
ツールの入手はCreative Cloudから

creative.adobe.com/
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
github.com/adobe-webplatform/
Demo-for-Alice-s-Adventures-in-Wonderland
© 2012 Adobe Systems Incorporated. All Rights Rese...
Follow us!
html.adobe.com/jp
github.com/adobe-webplatform
codepen.io/adobe
質問など:

@fenomas
andhall@adobe.com
© 2012 Adobe ...
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Upcoming SlideShare
Loading in …5
×

HTML5 Caravan 福岡・Adobe&HTMLのスライド

961 views

Published on

2013年12月2日にプレゼンしました、HTML5 Caravan 福岡のスライドです。

Published in: Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
961
On SlideShare
0
From Embeds
0
Number of Embeds
54
Actions
Shares
0
Downloads
5
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

HTML5 Caravan 福岡・Adobe&HTMLのスライド

  1. 1. Adobe & HTML HTML5 Caravan 福岡| アンディ ホール © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  2. 2. だれだこいつ アット フェノマス @fenomas §  日本在住歴もFlash歴も十ん年 §  物理学専攻 → ウェブ制作 → Flash開発 → アドビで色々 §  現在の肩書がテクニカルエバンジェリスト §  興味はデザインとコードをまたぐところ §  カタコトでゴメンね §  ゲーム好き、などなど © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  3. 3. HTML §  CSS §  SVG §  DHTML §  過去のウェブ: © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  4. 4. 現在の ウェブ © 2012 Adobe Systems Incorporated. All Rights Reserved. github.com/SirPepe/SpecGraph Adobe Confidential.
  5. 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. 6. 詳細情報: html.adobe.com/jp © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  7. 7. Tools © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  8. 8. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  9. 9. ツールの紹介: © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  10. 10. ツールの紹介: © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  11. 11. Improving the web © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  12. 12. 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.
  13. 13. Webの進化の事例: CSS フィルター 現状の対応: Chrome, Safari, iOS, Opera (プレフィックス) © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  14. 14. Webの進化の事例: CSS フィルター © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  15. 15. Webの進化の事例: CSS フィルター filter: sepia(0.8); © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  16. 16. Edge Animate、Reflow でビジュアルに作る © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  17. 17. Webの進化の事例: カスタム フィルター 現状の対応: Chrome, Opera(有効に設定する必要がある) Webkit (ナイトリービルド) © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  18. 18. Webの進化の事例: カスタム フィルター © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  19. 19. r カスタムフィルターのデモ git.io/zxtapw ( chrome://flags でCSS シェーダを有効にしよう) © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  20. 20. r CSS FilterLab github.com/adobe/cssfilterlab ( chrome://flags でCSS シェーダを有効にしよう) © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  21. 21. Webの進化の事例: CSS シェイプ 現状の対応: Chrome, Opera(有効に設定する必要がある) Webkit (ナイトリービルド) © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  22. 22. Webの進化の事例: CSS Regions 現状の対応: iOS7 (標準対応!) IE、Safari (プレフィックス) Chrome, Opera(有効に設定する必要がある) Webkit (ナイトリービルド) © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  23. 23. Reflow でビジュアルに作る © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  24. 24. Helping creators make the web better © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  25. 25. コミュニティ! testthewebforward.org webplatform.org © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  26. 26. フリー・オープンソース HTML5モバイルアプリ開発フレームワーク © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  27. 27. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  28. 28. PhoneGap Build クラウド上でパッケージを生成 build.phonegap.com © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  29. 29. ツールの入手はCreative Cloudから creative.adobe.com/ © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  30. 30. github.com/adobe-webplatform/ Demo-for-Alice-s-Adventures-in-Wonderland © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  31. 31. 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.
  32. 32. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

×