0
モダンなWebとモダンな開発ツールの最新ネタ
アンディ ホール | アドビシステムズジャパン

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

@fenomas
§ 

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

§ 

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

§ 

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

§ 

カタコトでゴメンね

§...
詳細情報:

html.adobe.com/jp

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

bring innovations to the web

better tools for the web

better web experience

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

表示

レイアウト

プラットフォーム

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

CSS Regions
CSS Shapes

Apache Cordova
(PhoneG...
最新ネタ

Edge AnimateのCSS Filter対応
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
CSS フィルター

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


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

現状の対応: Chrome, Safari, iOS, Opera
(プレフィックス)
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confid...
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
最新過ぎるネタ

カスタム Filter
© 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...
カスタム フィルター

現状の対応: Chrome, Opera(有効に設定する必要がある)
Webkit (ナイトリービルド)
© 2012 Adobe Systems Incorporated. All Rights Reserved. A...
最新ネタ

Edge Reflow の CSS Region 対応
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
CSS Regions

現状の対応: iOS7 (標準対応!)
IE、Safari (プレフィックス)
Chrome, Opera(有効に設定する必要がある)
Webkit (ナイトリービルド)
© 2012 Adobe Systems In...
最新ネタ

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

Photoshop Generator
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
KVLR

Node.js

generator-core
plugin..

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

plugin...
ちゃんとしたプラグイン
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
アホが作るプラグイン
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
§  日本語版のソース:

github.com/andyhall/generator-awesome-ja
§  Generator

について:
aphall.com/?p=625

© 2012 Adobe Systems Incor...
ツールの入手は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...
さらなる詳細:

html.adobe.com/jp
質問など:

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

モダンなWebとモダンな開発ツールの新ネタ

794

Published on

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

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

No Downloads
Views
Total Views
794
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
3
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "モダンなWebとモダンな開発ツールの新ネタ"

  1. 1. モダンなWebとモダンな開発ツールの最新ネタ アンディ ホール | アドビシステムズジャパン © 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.adobe.com/jp © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  4. 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. 5. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  6. 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. 7. 最新ネタ Edge AnimateのCSS Filter対応 © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  8. 8. CSS フィルター © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  9. 9. CSS フィルター filter: sepia(0.8); © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  10. 10. CSS フィルター 現状の対応: Chrome, Safari, iOS, Opera (プレフィックス) © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  11. 11. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  12. 12. 最新過ぎるネタ カスタム Filter © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  13. 13. r カスタムフィルターのデモ git.io/zxtapw ( chrome://flags でCSS シェーダを有効にしよう) © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  14. 14. r CSS FilterLab github.com/adobe/cssfilterlab ( chrome://flags でCSS シェーダを有効にしよう) © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  15. 15. カスタム フィルター 現状の対応: Chrome, Opera(有効に設定する必要がある) Webkit (ナイトリービルド) © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  16. 16. 最新ネタ Edge Reflow の CSS Region 対応 © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  17. 17. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  18. 18. CSS Regions 現状の対応: iOS7 (標準対応!) IE、Safari (プレフィックス) Chrome, Opera(有効に設定する必要がある) Webkit (ナイトリービルド) © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  19. 19. 最新ネタ Edge Code の クイック編集 © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  20. 20. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  21. 21. 最新ネタ Photoshop Generator © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  22. 22. KVLR Node.js generator-core plugin.. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. plugin..
  23. 23. ちゃんとしたプラグイン © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  24. 24. アホが作るプラグイン © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  25. 25. §  日本語版のソース: github.com/andyhall/generator-awesome-ja §  Generator について: aphall.com/?p=625 © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  26. 26. ツールの入手はCreative Cloudから creative.adobe.com/ © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  27. 27. github.com/adobe-webplatform/ Demo-for-Alice-s-Adventures-in-Wonderland © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  28. 28. さらなる詳細: html.adobe.com/jp 質問など: @fenomas andhall@adobe.com © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  29. 29. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×