Adobe Dreamweaver — ビジュアル編集とコード編集に対応したWebデザインアプリケーション

主な機能

Dreamweaverには、一般的なWeb制作のワークフローを支援するツールとパネルが含まれています。代表的な機能は次のとおりです。

• レンダリングされたレイアウトとソースコードを同時に表示し、すぐに確認できる分割表示。
• 複数の言語に対応するコードヒント、構文ハイライト、自動補完。
• ビジュアルCSSデザイナー、レスポンシブグリッドツール、メディアクエリのサポート。
• サイト管理、組み込みのFTP/SFTP公開、プロジェクト同期。

対応技術

本プログラムは、現代的なサイトの構築に使われる幅広いWeb標準とアセットをサポートします。よく編集されるファイルには、HTML、CSS、JavaScript、サーバーサイドテンプレート、一般的な画像・メディア形式があります。プリプロセッサ、フレームワーク、ライブラリと連携するよう設定できるため、開発者はマークアップと併せてプロジェクト構造やビルドタスクを維持できます。

沿革とプラットフォーム

当初はMacromediaによって開発され、Adobeが2000年代半ばにMacromediaを買収したことでAdobe Systemsの製品となりました。それ以降、Adobeの製品群の一部としてリリースと更新が続けられています。DreamweaverはWindowsとMacの両プラットフォームで利用でき、レスポンシブデザイン向けの最新ツールやクラウドサービスとの統合を含むよう進化してきました。

用途と例

一般的な用途には、静的なマーケティングページの作成、コンテンツ管理システム用テンプレートの構築・編集、レスポンシブレイアウトのプロトタイピング、小規模なWebプロジェクトの保守などがあります。サイト管理と公開機能を一体化しているため、多くのフリーランサーや小規模チームが、別のツールを用意せずにローカルでファイルを編集し、直接サーバーへ公開するために利用しています。

特徴と注目点

Dreamweaverは、ビジュアルなレイアウトツールとコードへの完全なアクセスを組み合わせ、デザイナーと開発者の橋渡しをする点で注目されます。専用のコードエディターや現代的なブラウザベースのツールと競合しており、大規模なコードベースにはより軽量なエディターを好む利用者がいる一方で、Dreamweaverの統合ワークフローを評価する利用者もいます。拡張機能とテンプレートをサポートしますが、現代のWeb開発では、従来のWYSIWYGワークフローと併用または代替できるビルドツールやフレームワークへの依存が高まっています。