Upload
teiichi-ota
View
2.745
Download
2
Embed Size (px)
DESCRIPTION
第17回「HTML5とか勉強会」資料
Citation preview
© 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.