© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
モダンなウェブをモダンなツールで創ろう!
CEATEC 2013 | アンディ ホール | ア...
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
だれだこいつ
§  日本在住歴もWeb開発歴も十ん年
§  物理学専攻 → ウェブ制作 →...
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
過去のウェブ:
§  HTML
§  CSS
§  SVG
§  DHTML
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
github.com/SirPepe/SpecGraph
現在の
ウェブ
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Adobeとしての活躍
contribute to a better web
better w...
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
詳細情報:
html.adobe.com/jp
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Contributing to the web
表示
ブレンドモード
カスタムフィルター
Cl...
© 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.
ツールの入手はCreative Cloudから
creative.adobe.com/
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Contributing to the web
表示
ブレンドモード
カスタムフィルター
Cl...
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
CSS フィルター
Webの進化の事例:
現状の対応: Chrome, Safari, iOS...
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
CSS フィルター
Webの進化の事例:
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
CSS フィルター
Webの進化の事例:
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(有効に設...
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
カスタム フィルター
Webの進化の事例:
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
カスタムフィルターのデモ
git.io/zxtapw
( chrome://flags でCSS...
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
CSS FilterLab
github.com/adobe/cssfilterlab
( ch...
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
CSS シェイプ
Webの進化の事例:
現状の対応: Chrome, Opera(有効に設定す...
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
CSS Regions
Webの進化の事例:
現状の対応: iOS7 (標準対応!)
IE、S...
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Reflow でビジュアルに作る
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Platformについて
フリー・オープンソース
HTML5モバイルアプリ開発フレームワーク
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
PhoneGap: Build
© 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.
Follow us!
html.adobe.com/jp
github.com/adobe-w...
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Upcoming SlideShare
Loading in …5
×

モダンなウェブをモダンなツールで創ろう!

822 views

Published on

CEATEC 2013 で「モダンなウェブをモダンなツールで創ろう!」というセッションで紹介しましたプレゼン資料です。
A presentation I gave at CEATEC Japan 2013, on the topic of "Modern tools for the modern web"

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

No Downloads
Views
Total views
822
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
7
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

モダンなウェブをモダンなツールで創ろう!

  1. 1. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. モダンなウェブをモダンなツールで創ろう! CEATEC 2013 | アンディ ホール | アドビジャパン
  2. 2. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. だれだこいつ §  日本在住歴もWeb開発歴も十ん年 §  物理学専攻 → ウェブ制作 → Flash開発 → アドビで色々 §  現在の肩書がテクニカルエバンジェリスト §  カタコトでゴメンね §  ゲーム好き、などなど @fenomas
  3. 3. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 過去のウェブ: §  HTML §  CSS §  SVG §  DHTML
  4. 4. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. github.com/SirPepe/SpecGraph 現在の ウェブ
  5. 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. 6. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  7. 7. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 詳細情報: html.adobe.com/jp
  8. 8. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Contributing to the web 表示 ブレンドモード カスタムフィルター Clip Paths レイアウト CSS Regions CSS Shapes プラットフォーム Apache Cordova コミュニティー & テスト Test the Web Forward Web Platform ドキュメンテーション
  9. 9. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. ツールの紹介:
  10. 10. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. ツールの紹介:
  11. 11. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. ツールの紹介:
  12. 12. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. ツールの入手はCreative Cloudから creative.adobe.com/
  13. 13. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Contributing to the web 表示 ブレンドモード カスタムフィルター Clip Paths レイアウト CSS Regions CSS Shapes プラットフォーム Apache Cordova (PhoneGap) コミュニティー & テスト Test the Web Forward Web Platform ドキュメンテーション
  14. 14. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. CSS フィルター Webの進化の事例: 現状の対応: Chrome, Safari, iOS, Opera (プレフィックス)
  15. 15. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. CSS フィルター Webの進化の事例:
  16. 16. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. CSS フィルター Webの進化の事例: filter: sepia(0.8);
  17. 17. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Edge Animate、Reflow でビジュアルに作る
  18. 18. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. カスタム フィルター Webの進化の事例: 現状の対応: Chrome, Opera(有効に設定する必要がある) Webkit (ナイトリービルド)
  19. 19. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. カスタム フィルター Webの進化の事例:
  20. 20. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. カスタムフィルターのデモ git.io/zxtapw ( chrome://flags でCSS シェーダを有効にしよう)
  21. 21. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. CSS FilterLab github.com/adobe/cssfilterlab ( chrome://flags でCSS シェーダを有効にしよう)
  22. 22. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. CSS シェイプ Webの進化の事例: 現状の対応: Chrome, Opera(有効に設定する必要がある) Webkit (ナイトリービルド)
  23. 23. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. CSS Regions Webの進化の事例: 現状の対応: iOS7 (標準対応!) IE、Safari (プレフィックス) Chrome, Opera(有効に設定する必要がある) Webkit (ナイトリービルド)
  24. 24. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Reflow でビジュアルに作る
  25. 25. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Platformについて フリー・オープンソース HTML5モバイルアプリ開発フレームワーク
  26. 26. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. PhoneGap: Build
  27. 27. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  28. 28. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  29. 29. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Follow us! html.adobe.com/jp github.com/adobe-webplatform 質問など: @fenomas andhall@adobe.com
  30. 30. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

×