Mac版 DreamweaverCC2018のリアルタイムプレビューを無効にする方法

Introduction

こんにちは。阿豆らいち（@AzuLitchi）です。

今回はMac版 DreamweaverCC2018のリアルタイムプレビューを無効にする方法を解説します。

とうじょうじんぶつ

阿豆らいち：
フリーランスのデザイナー。Dreamweaver使用歴は17年…くらいかなあ？？

 

ATA-b（アタビイ）：
合いの手を適当にうつヒミツロボ。

 

DreamweaverCC2017以降のリアルタイムプレビュー機能とは

DreamweaverCC2017以降からリアルタイムプレビュー機能が追加されました。

特に設定することもなく「ブラウザプレビュー」のコマンドを使うと

こんな感じの

「アプリケーションによるローカルサーバ/preview/app/index.html」

というURLが割り当てられて、Dreamweaverでの変更がリアルタイムにブラウザに反映されます。普通に使うならちょう便利機能です。

なぜリアルタイムプレビュー機能を無効にしたいの？

これまで私はMacにWeb共有でサーバ立てて、ローカルサーバでプレビューしてました。

URLはファイル毎にこんな風に割り当てられます。

※ローカルIPとユーザ名とファイル名はダミーです

ここから

1. ローカルでブラウザチェック
2. 公開サーバにアップロード
3. ブックマークレット使って公開されたサーバで再度チェック
4. 正常にアップロードされたことを確認してから更新されたURLを担当者様にコピペしてメールで通知

という手順をふんでました。

しかし、常に

「ローカルサーバ/preview/app/index.html」

のURLで表示されるリアルタイムプレビュー機能だと、この手順が使えなくなり面倒です（ホントはもう一手間あって余計ややこしいのですが解説割愛）。

DreamweaverCC2017の時にこちらのページを見ながら修正したのですが

forums.adobe.com

DreamweaverCC2018にアップデートしたら、設定が戻ってました。

というわけで、次のアプデのためにメモを残しておきます。

Mac版 DreamweaverCC2018のリアルタイムプレビューを無効にする方法

Macの場合、起動ディスクのルートから

/Applications/Adobe Dreamweaver CC 2018/configuration/Menus/MM/PIB_Dynamic.js

を探して、念のためファイルのバックアップを取っておきます。

ファイル操作の度に管理パスワード入力になります。

PIB_Dynamic.jsの情報を見て

これをadminだけアクセス権を読み/書きに変更

PIB_Dynamic.jsをテキストエディタで開いて

dw.browseDocument(dw.getDocumentPath('document'),theBrowser, "-1"/*help argument*/, false /*use temp doc*/, isPIB);

の記述を探します。433行目にありました。

ここを

dw.browseDocument(dw.getDocumentPath('document'),theBrowser, "-1"/*help argument*/, false /*use temp doc*/, true);

に変更して保存。

アクセス権を戻しておきます。

これで設定完了（慣れてる人はターミナルのviで作業した方が速そうです）。

無事プレビューがMacのWeb共有…と呼ばれていたURLで表示されるようになりました。

MacOSのWeb共有って？

MacOSはYosemiteより前はシステム環境設定に「Web共有」と呼ばれたApache HTTP Server機能がありましたが、Yosemite以降はデフォルトでオフになってます。

これを修正してもOSのアプデ毎に設定戻ってしまことがあるのでメモ。

MacOSのWeb共有を復活させる方法

当該フォルダにはFnderのメニュー「移動→フォルダに移動…」で移動。

/private/etc/apache2/httpd.conf

#LoadModule userdir_module libexec/apache2/mod_userdir.so 493 #Include /private/etc/apache2/extra/httpd-userdir.conf 

/private/etc/apache2/extra/httpd-userdir.conf

#Include /private/etc/apache2/users/*.conf

のそれぞれコメントを解除

phpとPerlを動かすために

/private/etc/apache2/httpd.conf

#LoadModule php5_module libexec/apache2/libphp5.so
#LoadModule perl_module libexec/apache2/mod_perl.so

のコメントを解除

これで動かなかったら下記の参考サイトを見てさらに設定する必要ありです。

https://news.mynavi.jp/article/osxhack-137/

http://www.futomi.com/lecture/macosx/php.html

ローカルサーバのIPを固定にするのは、ルータ側の設定になります。

MACアドレス調べて固定化、はルータによって違うので説明割愛。

以上、作業手順メモでした。

どっかで誰かの需要あるはず…！ 

---

Adobe Creative Cloud(アドビ クリエイティブ クラウド) コンプリート 2017年版|学生・教職員個人版|12か月版|オンラインコード版

Adobe Creative Cloud コンプリート 2017年版 | 12か月版 | オンラインコード版

それではまた…さよならいち！・∀・)ノ