どこが変わった? Adobe CS5.5の新機能を紹介

CSS3およびHTML5のサポート

[CSSスタイル]パネルが改良され、CSS3のborder-radiusプロパティやbox-shadowプロパティをサポート。入力をスピーディに行えるようになっています。また、rgbaなどのカラー設定をサポートしています。

デザインビューでメディアクエリがサポートされるようになりました。あらかじめスマートフォン用の画面サイズなどが用意され、ウィンドウの大きさを変えずに表示領域を指定することができます。

jQueryサポートの強化

Dreamweaver CS5は、jQueryに深くコミットしています。コードビューでは、jQueryのコードヒントがサポートされています。

[挿入]パネルにjQuery Mobile用のオブジェクトが用意されているほか、「モバイルスターター」のテンプレートを使えば必要なリソースがサイトに保存され、jQuery Mobile用のプロジェクトにすぐに取りかかれます。

PhoneGapサポートによる既存のHTMLのアプリ化

PhoneGap(オープンソースのフレームワーク)を利用して、AndroidおよびiOSのネイティブアプリケーションの構築、パッケージングを行うことができます。
つまり、Dreamweaverを開発プラットフォームにし、既存のHTMLを携帯電話のアプリに変換することができます。

W3Cの検証

Dreamweaver CS5でバリデート機能がなくなってしまい、Validator for Dreamweaver CS5拡張機能をインストールしていた方が多いようでした。

Dreamweaver CS5.5から、W3Cのオンライン検証サービスを利用できるようになりました。検証結果は[W3Cバリデーター]パネルに表示されます。

その他

  • Subversion 1.7をサポート
  • FTPSおよびFTPeSプロトコルをサポート

各製品の詳細は下記からご覧ください。

Photoshopアップデートのよって、iPadをはじめとするタブレット用のアプリを使ってPhotoshopと連携するワークフローが実現

アーティクルパネル、スタイルのタグへのマッピングなど、ePub/HTML書き出しに関する機能が強化。

Android、iOSなどのスクリーンサイズの異なる各種デバイスに対応するコンテンツ作りのワークフローを効率化します。

文/鷹野雅弘(スイッチ/DTP Transit/CSS Nite)

ページトップへ