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
@tsuyo
n仲尾毅
Tsuyoshi Nakao
Adobe Creative Cloud エバンジェリスト

新 Web 標準と Adobe の取り組み
- ツール・貢献 -

新 Web 標準と Adobe の取り組み
- ツール・貢献 -
DIGITAL CREATIVE TOOLS

情報設計/画面設計
リッチコンテンツ
制作
実装
テスト

Dreamweaver CC
CSS デザイナー可変グリッドレイアウト
設定の同期 WebKit プレビュー

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

Edge Animate CC
HTML5 アニメーション制作ツール
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 Regions
CSS 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 In
www.adobe.com/jp/jos/pinchin.html
Creative Cloud 道場ブログ
http://blogs.adobe.com/tnakao/
仲尾毅 Tsuyoshi Nakao
@tsuyon | tnakao@adobe.com

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

More Related Content

Viewers also liked (6)

Similar to Adobe Web 統合開発環境のご紹介 (20)

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

Editor's Notes