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

太田禎一 | アドビ システムズ 株式会社 テクニカルエバンジェリスト

Adobe Dreamweaver CS5.5 (仮)

第17回 HTML5とか勉強会 | 2011.05.24

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

アジェンダ

HTMLツールの重要性 Adobe Dreamweaver CS5.5 開発中ツールをちらっと

2

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

ツールとかw…って思ってません？

3

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

PostScript

4WPS: PostScript for Web http://logand.com/sw/wps/

手書きor

ツール？

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

HTML/CSS/JavaScript

5

手書きor

ツール？

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

ポイント

新しい技術の民主化＋

プロの仕事を高効率化

6

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

老舗HTMLツールDreamweaver

最新版のCS5.5では「HTML5」成分が強まってます！

7

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

こんな感じ...

8

Design and develop rich browser based content for

desktops or devices with the leading HTML and Flash

authoring toolsin CS 5.5

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

jQueryコードヒント & jQuery Mobile統合

9

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

マルチスクリーンプレビュー

10

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

PhoneGap統合

11

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

BrowserLab統合

12

h!p://bit.ly/jnchQu

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

ポイント

現時点で結構よく使いそうな機能を

揃えてみましたよ

13

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

HTML5@AdobeNow Loading...

14

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

Wallaby (Technology Preview)

FLA→HTML5変換ツールhttp://labs.adobe.com/technologies/wallaby/

15

超アルファ版！ベクターはSVGに変換。

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

Adobe Edge

HTML5アニメーション作成ツールhttps://www.adobe.com/cfusion/mmform/index.cfm?name=project_edge

16

超アルファ版！アニメーションはCSS+JS (jQuery)

で実現

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

激戦区！

17

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

Hype

HTML5アニメーション作成ツールhttp://tumultco.com/hype/

18

Keynoteっぽい。アニメーションはCSS+JS (独自FW)

で実現

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

Sencha Animator

HTML5アニメーション作成ツールhttp://www.extjs.co.jp/products/animator/

19

初期のFlash的な。アニメーションは

CSS3で実現

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

まとめ

ツール大事！

あとAdobeもHTML5ツール激戦区で

がんばってます♡

20

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