adobe dreamweaver cs5.5 (仮)
DESCRIPTION
第17回「HTML5とか勉強会」資料TRANSCRIPT
![Page 1: Adobe Dreamweaver CS5.5 (仮)](https://reader036.vdocuments.us/reader036/viewer/2022081800/548f2f51b479597a588b4e0f/html5/thumbnails/1.jpg)
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
太田禎一 | アドビ システムズ 株式会社 テクニカルエバンジェリスト
Adobe Dreamweaver CS5.5 (仮)
第17回 HTML5とか勉強会 | 2011.05.24
![Page 2: Adobe Dreamweaver CS5.5 (仮)](https://reader036.vdocuments.us/reader036/viewer/2022081800/548f2f51b479597a588b4e0f/html5/thumbnails/2.jpg)
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
アジェンダ
HTMLツールの重要性 Adobe Dreamweaver CS5.5 開発中ツールをちらっと
2
![Page 3: Adobe Dreamweaver CS5.5 (仮)](https://reader036.vdocuments.us/reader036/viewer/2022081800/548f2f51b479597a588b4e0f/html5/thumbnails/3.jpg)
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
ツールとかw…って思ってません?
3
![Page 4: Adobe Dreamweaver CS5.5 (仮)](https://reader036.vdocuments.us/reader036/viewer/2022081800/548f2f51b479597a588b4e0f/html5/thumbnails/4.jpg)
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
PostScript
4WPS: PostScript for Web http://logand.com/sw/wps/
手書きor
ツール?
![Page 5: Adobe Dreamweaver CS5.5 (仮)](https://reader036.vdocuments.us/reader036/viewer/2022081800/548f2f51b479597a588b4e0f/html5/thumbnails/5.jpg)
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
HTML/CSS/JavaScript
5
手書きor
ツール?
![Page 6: Adobe Dreamweaver CS5.5 (仮)](https://reader036.vdocuments.us/reader036/viewer/2022081800/548f2f51b479597a588b4e0f/html5/thumbnails/6.jpg)
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
ポイント
新しい技術の民主化+
プロの仕事を高効率化
6
![Page 7: Adobe Dreamweaver CS5.5 (仮)](https://reader036.vdocuments.us/reader036/viewer/2022081800/548f2f51b479597a588b4e0f/html5/thumbnails/7.jpg)
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
老舗HTMLツールDreamweaver
最新版のCS5.5では「HTML5」成分が強まってます!
7
![Page 8: Adobe Dreamweaver CS5.5 (仮)](https://reader036.vdocuments.us/reader036/viewer/2022081800/548f2f51b479597a588b4e0f/html5/thumbnails/8.jpg)
© 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
![Page 9: Adobe Dreamweaver CS5.5 (仮)](https://reader036.vdocuments.us/reader036/viewer/2022081800/548f2f51b479597a588b4e0f/html5/thumbnails/9.jpg)
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
jQueryコードヒント & jQuery Mobile統合
9
![Page 10: Adobe Dreamweaver CS5.5 (仮)](https://reader036.vdocuments.us/reader036/viewer/2022081800/548f2f51b479597a588b4e0f/html5/thumbnails/10.jpg)
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
マルチスクリーンプレビュー
10
![Page 11: Adobe Dreamweaver CS5.5 (仮)](https://reader036.vdocuments.us/reader036/viewer/2022081800/548f2f51b479597a588b4e0f/html5/thumbnails/11.jpg)
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
PhoneGap統合
11
![Page 12: Adobe Dreamweaver CS5.5 (仮)](https://reader036.vdocuments.us/reader036/viewer/2022081800/548f2f51b479597a588b4e0f/html5/thumbnails/12.jpg)
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
BrowserLab統合
12
h!p://bit.ly/jnchQu
![Page 13: Adobe Dreamweaver CS5.5 (仮)](https://reader036.vdocuments.us/reader036/viewer/2022081800/548f2f51b479597a588b4e0f/html5/thumbnails/13.jpg)
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
ポイント
現時点で結構よく使いそうな機能を
揃えてみましたよ
13
![Page 14: Adobe Dreamweaver CS5.5 (仮)](https://reader036.vdocuments.us/reader036/viewer/2022081800/548f2f51b479597a588b4e0f/html5/thumbnails/14.jpg)
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
HTML5@AdobeNow Loading...
14
![Page 15: Adobe Dreamweaver CS5.5 (仮)](https://reader036.vdocuments.us/reader036/viewer/2022081800/548f2f51b479597a588b4e0f/html5/thumbnails/15.jpg)
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Wallaby (Technology Preview)
FLA→HTML5変換ツールhttp://labs.adobe.com/technologies/wallaby/
15
超アルファ版!ベクターはSVGに変換。
![Page 16: Adobe Dreamweaver CS5.5 (仮)](https://reader036.vdocuments.us/reader036/viewer/2022081800/548f2f51b479597a588b4e0f/html5/thumbnails/16.jpg)
© 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)
で実現
![Page 17: Adobe Dreamweaver CS5.5 (仮)](https://reader036.vdocuments.us/reader036/viewer/2022081800/548f2f51b479597a588b4e0f/html5/thumbnails/17.jpg)
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
激戦区!
17
![Page 18: Adobe Dreamweaver CS5.5 (仮)](https://reader036.vdocuments.us/reader036/viewer/2022081800/548f2f51b479597a588b4e0f/html5/thumbnails/18.jpg)
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Hype
HTML5アニメーション作成ツールhttp://tumultco.com/hype/
18
Keynoteっぽい。アニメーションはCSS+JS (独自FW)
で実現
![Page 19: Adobe Dreamweaver CS5.5 (仮)](https://reader036.vdocuments.us/reader036/viewer/2022081800/548f2f51b479597a588b4e0f/html5/thumbnails/19.jpg)
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Sencha Animator
HTML5アニメーション作成ツールhttp://www.extjs.co.jp/products/animator/
19
初期のFlash的な。アニメーションは
CSS3で実現
![Page 20: Adobe Dreamweaver CS5.5 (仮)](https://reader036.vdocuments.us/reader036/viewer/2022081800/548f2f51b479597a588b4e0f/html5/thumbnails/20.jpg)
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
まとめ
ツール大事!
あとAdobeもHTML5ツール激戦区で
がんばってます♡
20
![Page 21: Adobe Dreamweaver CS5.5 (仮)](https://reader036.vdocuments.us/reader036/viewer/2022081800/548f2f51b479597a588b4e0f/html5/thumbnails/21.jpg)
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.