Adobe Web 統合開発環境のご紹介

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

Adobe Web 統合開発環境のご紹介仲尾毅｜ Adobe Creative Cloud エバンジェリスト


自己紹介

電気電子工学専攻 → Pro Video SE → Product Marketing → Evangelist

興味は、ユーザーと創り手 ( エンジニア ) のクロスポイント Creative Cloud 道場ブログ http://blogs.adobe.com/tnakao/ Creative Cloud 道場 on USTREAM 毎週木曜夜 8 時趣味は、バンド、ビデオ、 Mac

@tsuyon仲尾毅

Tsuyoshi NakaoAdobe Creative Cloud エバンジェリスト

http://blogs.adobe.com/tnakao/


新 Web 標準と Adobe の取り組み

- ツール・貢献 -


新 Web 標準と Adobe の取り組み

- ツール・貢献 -

DIGITAL CREATIVE TOOLS


情報設計 / 画面設計

リッチコンテンツ制作

実装

テスト


Dreamweaver CC

CSS デザイナー可変グリッドレイアウト

設定の同期 WebKit プレビュー


メディアクエリーによるレスポンシブデザインを直感的な操作で定義。 CSS パネルでスタイル設定も思いのまま。Edge Inspect 連携によるスマホ上でのリアルタイムプレビューも強力。

Edge Reflow CCレスポンシブデザインツール

プレビュー版


Edge Animate CCHTML5 アニメーション制作ツール

HTML5 / CSS3 / JavaScript によるアニメーションやインタラクティブコンテンツを直感的なタイムライン操作で制作。


Edge Code CC超軽量コードエディター

プレビュー版

HTML / CSS / JavaScript を効率よくコーディングしていくための、全く新しいコードエディター。


Edge Inspect CCモバイルサイトのリモート検証ツール

PC 上のブラウザから、コネクションを張った全てのデバイスのブラウジング、 Web インスペクト、スクリーンショットをリモート操作。


Adobe & HTML5- 新しい Web 標準と Adobe の取り組み -


Adobe の活動

contribute to a better web

better web experience

bring innovations to the web

better tools for the webウェブのためのより良いツールウェブへの革新を提供

より良いウェブに貢献

より良いウェブ体験を


Contributing to the web ウェブへの貢献

表示ブレンドモード

カスタムフィルターClip Paths

レイアウトCSS RegionsCSS Shapes

プラットフォーム

Apache Cordova(PhoneGap)

コミュニティー＆テスト Test the Web Forward

Web Platform ドキュメンテーション


CSS フィルター

Web の進化の事例：


CSS フィルター


filter: sepia(0.8);


カスタムフィルター



CSS シェイプ


現状の対応： Chrome, Opera （有効に設定する必要がある）

Webkit （ナイトリービルド）


CSS Regions


現状の対応： iOS7 （標準対応！）

IE 、 Safari （プレフィックス）

Chrome, Opera （有効に設定する必要がある）Webkit （ナイトリービルド）


Edge Animate 、 Reflow でビジュアルに作る


Reflow でビジュアルに作る


Adobe & HTML5

contribute to a better web

better web experience

bring innovations to the web

better tools for the webウェブのためのより良いツールウェブへの革新を提供

より良いウェブに貢献

より良いウェブ体験を


ツールの入手は Creative Cloud から

30 日間無償体験Edge Reflow CC Preview と Edge Code CC

Preview はその後も無償 !

creative.adobe.com


リソース

Adobe Pinch Inwww.adobe.com/jp/jos/pinchin.html

Creative Cloud 道場ブログhttp://blogs.adobe.com/tnakao/

仲尾毅 Tsuyoshi Nakao@tsuyon | [email protected]

Adobe Web 統合開発環境のご紹介

Technology

Transcript of Adobe Web 統合開発環境のご紹介