Dreamweaverへのインストール | Zen Coding 2-1

Dreamweaverは、Adobe CSの統合パッケージにも含まれているAdobe社のWindows/MacOS用のWebオーサリングツールです。Web制作のプロをはじめ、多くのユーザーに利用されています。

Dreamweaver（Windows/MacOS）用のエクステンションは、Zen Codingの公式サイトで配布されています。Windows用もMacOS用も、同じファイルが使えます。

ダウンロードした配布ファイルを解凍してできた「Zen Coding v.*.*.mxp」（*にはバージョン名の数字が入る）をダブルクリックすると、Extension Managerが起動するので、メッセージにしたがってインストールします。

Dreamweaver CS4以上の場合は、インストール後Dreamweaverを再起動すると、そのままZen Codingが使えるようになります。

CS3以下のバージョンでは、別途修正ファイルを上書きする必要があります。「Dreamweaver　CS3以下への修正ファイルのインストール」手順を参照して、上書きしてください。

• 名称：Zen Coding for Dreamweaver
• 作者：GreLImail
• 種別：フリーウェア
• 対応プラットフォーム：Dreamweaver（Windows/MacOS）
• http://code.google.com/p/zen-coding/

Dreamweaver CS4以上へのインストール

Dreamweaver（Windows/MacOS）用のエクステンションは、Zen Codingの公式サイトで配布されています。Windows用もMacOS用も、同じファイルが使えます。

ダウンロードした配布ファイルを解凍してできた「Zen Coding v.*.*.mxp」をダブルクリックすると、Extension Managerが起動するので、メッセージにしたがってインストールします。WindowsもMacも、インストール手順は同じです。

1. エクステンションのダウンロード

   Zen Coding公式サイトのトップページから［Downloads］をクリックするか、Zen Coding公式サイトのダウンロードページにアクセスして、ダウンロードファイル一覧から「Zen.Coding-Dreamweaver.v*.*.zip」（*にはバージョン名の数字が入る）を選択する。ダウンロードページが表示されるので、配布ファイル名をクリックしてデスクトップなど適当なフォルダにダウンロードする。

   
   
2. エクステンションのインストール

   ダウンロードした配布ファイルをクリックして解凍し、「Zen Coding v.*.*.mxp」（*にはバージョン名の数字が入る）をダブルクリックしてExtension Managerを起動して、メッセージにしたがってインストールする。

   
   
3. Dreamweaverの再起動

   インストールが終了したらDreamweaverを再起動する。 「Zen Coding」メニューが表示されている事を確認する。

   

Dreamweaver CS3以下への修正ファイルのインストール

Dreamweaver CS3以下でZen Codingを利用する場合、配布ファイルをコピーしただけでは動作しません。

以下の手順で、さらに修正ファイルをインストールします。

1. Dreamweaverの終了

   Dreamweaverをいったん終了する。

2. 修正ファイルのダウンロード

   Zen Coding公式サイトのトップページから［Issues］をクリックするか、Zen Coding公式サイトの修正ファイルページにアクセスして、修正ファイル一覧からID:121の「Not working in Dreamweaver CS3」をクリックしてプロジェクトを開く。

   最新の「zen.editors.js」の［Download］をクリックしてダウンロードし、ダブルクリックして解凍する。

   
   
3. 修正ファイルの上書き

   修正ファイル「zen_editor.js」を上書きコピーする。 Dreamweaver CS3の場合、コピーするフォルダは下記のとおり。

   • Windows XP
     （ドライブ名）:¥Documents and Settings¥（ユーザー名）¥Application Data¥Adobe¥Dreamweaver 9¥Commands
   • Windows Vista/Windows 7
     （ドライブ名）:¥Users¥（ユーザー名）¥AppData¥Roaming¥Adobe¥Dreamweaver 9¥Commands
   • Mac
     /Users/（ユーザー名）/Library/Application Support/Adobe/Dreamweaver 9/Configuration/Commands/ZenCoding
4. Dreamweaverの再起動

   インストールが終了したらDreamweaverを再起動する。 「Zen Coding」メニューが表示されている事を確認する。