このページの本文へ

前へ 1 2 次へ

ウェブデザインの効率アップ! Adobe Dreamweaver CS4

2009年01月20日 09時00分更新

文● 諫山研一

  • この記事をはてなブックマークに追加
  • 本文印刷

Dreamweaver CS4 【SPEC】
開発/販売元●アドビ システムズ 価格●4万9875円(通常版)、2万6250円(アップグレード版)
http: //www.adobe.com/jp/

対応システム●Mac OS X 10.4.11以上(Leopard対応) 対応機種●PowerPC G5またはIntel CPUを搭載したMac

【COMMENT】 パネル類がほかのCS4シリーズと統一されたほか、新機能の多くが扱いやすく、広くバージョンアップを勧めたい完成度。


プレビュー機能の強化など、細かいサポート機能が充実

 ウェブサイト作成ソフトとしてスタンダードである「Adobe Dreamweaver」。最新版のCS4では、パネル類のデザインがほかのアドビ製品と共通になり、同社製品を使用するユーザーはいっそう扱いやすくなった。

インターフェース

基本的なインターフェースに変更はないが、パネル類がほかのCS4シリーズと統一され、同シリーズのユーザーは違和感のない操作が可能だ

 今回のバージョンアップの目玉は、プレビュー機能の強化だ。WebKitベースのHTMLレンダリングエンジンをソフト内部に搭載し、ウェブブラウザーを起動させることなく、即座にレイアウトの確認が可能だ。

WebKitベースのHTMLレンダリングエンジンを搭載

WebKitベースのHTMLレンダリングエンジンを搭載したので、同様の技術を使用するMac標準のブラウザーSafariと同じ環境でデザインを確認できるようになった

 エディターでコードを記述しなくてもCSSを簡単に定義できる「CSSベストプラクティス」機能や、JavaScriptの記述時にヒントを表示してくれる「AjaxおよびJavaScriptフレームワーク対応のコードヒント」など、コーディングのための機能も強化されている。

 特に利便性の向上を感じるのは、コンテクストメニューから呼び出せる「コードナビゲーター」。ポップアップウィンドウに選択した部分のCSS定義を一覧表示し、クリックすれば該当個所をコードウィンドウですぐに編集できるというものだ。そのほか、Photoshopを起動せずにスマートオブジェクトを編集できる「Photoshopスマートオブジェクト」を搭載し、プレビュー機能と合わせて本ソフトのみで作業が完結するよう強化されている。

コードナビゲーター

デザインウィンドウで「コードナビゲーター」機能を実行すると、分割画面に切り替わり、該当部分のCSS定義を表示してくれる。かなり使い勝手のいい機能だ

 パネルがCS4シリーズで統一されたり、特徴であるコーディング機能を追加して全体的な使い勝手が向上した。既存ユーザーには、バージョンアップを勧めたい。

前へ 1 2 次へ

カテゴリートップへ

ASCII.jp RSS2.0 配信中