DreamweaverCS5体験版の感触

発売まであと１週間となった Adobe CS5、個人的には DreamweaverのCMSテンプレートカスタマイズ機能に注目しています。現時点ではまだ日本語体験版が提供されていないので、既に公開されている英語体験版で感触を確かめてみました。

機能的にはサーバーにアップロードされているファイルを稼働させながら、編集するため、ローカルの開発環境は必須ではありません。私的には逐一ローカルでチェックして完成したものを公開する仕事上の都合があるので、簡便な方法として VertrigoServを用い、その設定についても書いています。その必要が無い場合は読み飛ばして、Dreamweaver設定編をご覧ください。環境は Windows7 x64です。

【ローカルサーバー設定編】

VertrigoServの導入

Windows7 x64ではスタートアップにショートカットをしのばせても起動しないことがあって、VertrigoServもそういうブログ記事が散見されます。多くの場合、タスクスケジューラに登録することで解決するようです。VertrigoServは x86版のみの提供となっています。インストール手順については、IT memoさんが詳しく書いておられますので、そちらを参考にしてください。導入後の設定でうまく作動しない場合は次の設定をどうぞ。

memory limitの設定

WindowsXPではメモリー不足でエラーが出るケースがあったので、今回は最初から増加設定に。CMSをいじる程度なら倍（16M）程度で足りるはずです。同時にsymfonyなどをインストールする場合は256Mぐらいあったほうがいいみたいです。

フォルダを指定する場合

CMSを扱う際、プラグインを追加したり、画像を追加したり、頻繁にインストールフォルダにアクセスすることがあります。VertrigoServ の DocumentRootをデフォルトのままで WordPressを使う場合、
C:\Program Files (x86)\VertrigoServ\www\wordpress\wp-content\themes\original_theme\images\
となったりして、非常に煩わしいことがあります。適当なパーティションやフォルダを作って専用にして使うと管理が楽です。その場合、次のような設定をします。

vertrigo.confの確認

念のためVertrigo.confを確認してください。下線部分がデフォルトだったことがありました。その場合、下線部分を希望するフォルダに修正します。

全て終えたら、VertrigoServをリスタートします。

ActivePerl x64のインストール

同時にAcrivePerl x64をインストールします。これまたIT memoさんが詳述されております。x64版とx86があります。ActivePerl Downloadsのページで x64版が入手できます。

WordPressのインストール

WordPress本体をダウンロードし、設定したDocumentRootに解凍するだけです。blogというサブフォルダを作って、そこに解凍すると、VertrigoServを起動した状態で、

http://localhost/blog/

上記にブラウザでアクセスするだけです。手順に従ってWordpressをインストールしてください。データベース名はmysqlでよかったはずです。

【Dreamweaver設定編】

DreamweaverCS5体験版

Adobe Dreamweaver CS5体験版（英語）をダウンロードするにはあらかじめAdobe ID（Adobe Japanで登録したものでOK）を取得しておく必要があります。

DreamweaverCS5の設定

Dreamweaver上でサイト定義をします。

正確には①がサーバーのインストールフォルダ、②がURL、ローカルの場合だと、①がWordpressインストールフォルダ、②がLocalhostのURLとなります。

下の部分、＋マークをクリックしてサーバー情報を追加します。

RemoteとTestingの設定は、ローカルで行う場合どちらも同じでかまわない。RemoteのServer Folderの末尾が異なる程度。サイトを定義した上で、F8キーを押すとFiles Windowsが開くので、Wordpress の index.phpをクリックします。テーマファイルの index.php ではなく、Wordpressのほうです。

もちろん、希望のテーマを表示させるにはWordpressのテーマをあらかじめ指定しておく必要があります。

Inspectボタンを押すと、Firefox のプラグイン Firebug と同じような使い方ができます。これはかなり便利です。Inspectをクリックして、Live View 内の編集したいエリアをクリック。すると、CSS Property Window にそのエリア CSS が表示されます。どうにでも好きなように編集可能です。

テンプレート作りは思うがままになりそうですね。また、今日の Adobe社のアナウンスに依ると、Dreamweaver CS5でHTML5をサポートという話もあるようですから、こちらも後日試してみたいと思います。