Dreamweaver と同じシステムにファイル比較ツールをインストールします。Macintosh では、ファイル比較ツールからコマンドラインツールをインストールします。
- Dreamweaver ユーザーガイド
- はじめに
- Dreamweaver と Creative Cloud
- Dreamweaver のワークスペースとビュー
- サイトの設定
- ファイルの管理
- レイアウトとデザイン
- CSS
- ページコンテンツとアセット
- ページプロパティの設定
- CSS 見出しプロパティおよび CSS リンクプロパティの設定
- テキストの操作
- テキスト、タグ、属性の検索と置換
- DOM パネル
- ライブビューでの編集
- Dreamweaver でのドキュメントのエンコード
- ドキュメントウィンドウでのエレメントの選択および表示
- プロパティインスペクターでのテキストプロパティの設定
- web ページのスペルチェック
- Dreamweaver での区切り線の使用
- Dreamweaver でのフォントの組み合わせの追加と変更
- アセットを使用した作業
- Dreamweaver での日付の挿入と更新
- Dreamweaver でのお気に入りアセットの作成と管理
- Dreamweaver でのイメージの挿入と編集
- メディアオブジェクトの追加
- Dreamweaver でのビデオの追加
- HTML5 ビデオの挿入
- SWF ファイルの挿入
- オーディオエフェクトの追加
- Dreamweaver での HTML5 オーディオの挿入
- ライブラリ項目の操作
- Dreamweaver でのアラビア語およびヘブライ語のテキストの使用
- リンクおよびナビゲーション
- jQuery Widget と効果
- web サイトのコーディング
- Dreamweaver でのコーディングについて
- Dreamweaver のコーディング環境
- コーディングの環境設定
- コードカラーリングのカスタマイズ
- コードの記述と編集
- コードヒントとコード補完機能
- コードの折りたたみと展開
- スニペットでコードを再利用する
- 構文チェックコード
- コードの最適化
- デザインビューでのコードの編集
- ページのヘッドコンテンツの操作
- Dreamweaver でのサーバーサイドインクルードの挿入
- Dreamweaver でのタグライブラリの使用
- Dreamweaver へのカスタムタグの読み込み
- JavaScript ビヘイビアーの使用(基本操作)
- JavaScript に組み込まれているビヘイビアーの適用
- XML および XSLT について
- Dreamweaver でのサーバーサイド XSL 変換の実行
- Dreamweaver でのクライアントサイド XSL 変換の実行
- Dreamweaver での XSLT の文字エンティティの追加
- コードのフォーマット
- 製品間ワークフロー
- テンプレート
- Dreamweaver テンプレートについて
- テンプレートおよびテンプレートから作成されたドキュメントの認識
- Dreamweaver テンプレートの作成
- テンプレート編集可能領域の作成
- Dreamweaver でのリピート領域およびテーブルの作成
- テンプレートの任意の領域の使用
- Dreamweaver での編集可能なタグ属性の定義
- Dreamweaver でネストされたテンプレートを作成する方法
- テンプレートの編集、更新、削除
- Dreamweaver での xml コンテンツの書き出しおよび読み込み
- 既存のドキュメントでのテンプレートの適用または削除
- Dreamweaver テンプレートでのコンテンツの編集
- Dreamweaver でのテンプレートタグのシンタックスルール
- テンプレート領域のハイライト表示の環境設定
- Dreamweaver でテンプレートを使用する利点
- モバイルとマルチスクリーン
- 動的サイト、ページおよび web フォーム
- web アプリケーションについて
- アプリケーション開発のためのコンピューター設定
- データベース接続のトラブルシューティング
- Dreamweaver での接続スクリプトの削除
- 動的ページのデザイン
- 動的コンテンツソースの概要
- 動的コンテンツのソースの定義
- ページへの動的コンテンツの追加
- Dreamweaver での動的コンテンツの変更
- データベースのレコードの表示
- Dreamweaver でのライブデータの入力とトラブルシューティング
- Dreamweaver でのカスタムサーバービヘイビアーの追加
- Dreamweaver を使用したフォームの作成
- フォームを使用したユーザーからの情報の収集
- Dreamweaver での ColdFusion フォームの作成と有効化
- web フォームの作成
- フォームエレメントの HTML5 サポート強化
- Dreamweaver を使用したフォームの開発
- アプリケーションのビジュアル開発
- web サイトのテスト、プレビュー、パブリッシュ
- トラブルシューティング
Dreamweaver でローカルファイルとリモートファイルの比較、ファイル送信前のファイルの比較、同期時のファイルの比較を行います。
ローカルファイルとリモートファイルの相違に関する比較
Dreamweaver では、ファイルの比較ツール(差分ツール)を使用して、同じファイル、2 つの異なるリモートファイル、または 2 つの異なるローカルファイルのローカルバージョンとリモートバージョンのコードを比較できます。ファイルをローカルで操作していて、サーバー上のファイルが他のユーザーによって変更されていないかどうかを確認するときに、ローカルバージョンとリモートバージョンの比較が役立ちます。Dreamweaver で作業しながら、ファイルをサーバーに送信する前に、リモートバージョンの変更を確認してローカルバージョンにマージできます。
ファイルの以前のバージョンを名前を変更して維持している場合も、2 つのローカルファイルまたは 2 つのリモートファイルを比較すると便利です。以前のバージョン以降にファイルに対して行った変更を忘れてしまった場合は、簡単に比較を行って変更を確認できます。
比較を行う前に、サードパーティーのファイル比較ツールをシステムにインストールする必要があります。ファイル比較ツールについて詳しくは、Google Search など Web の検索エンジンで「ファイル比較」や「差分」のツールを検索してください。Dreamweaver はほとんどのサードパーティ製ツールと共に使用できます。
Dreamweaver での比較ツールの指定
-
-
Dreamweaver で、編集/環境設定(Windows)またはDreamweaver/環境設定(Mac OS)を選択して環境設定ダイアログボックスを開き、「ファイルの比較」カテゴリーを選択します。
-
次のいずれかの操作を実行します。
Windows の場合は、「参照」ボタンをクリックし、ファイルを比較するアプリケーションを選択します。
Mac OS の場合は、「参照」ボタンをクリックし、実際のファイル比較ツールそのものではなく、コマンドラインからファイル比較ツールを起動するツールまたはスクリプトを選択します。
起動ツールまたはスクリプトは、通常、macOS の /usr/bin フォルダーまたは /usr/local/bin/usr/bin フォルダーにあります。例えば、FileMerge を使用する場合は、/usr/bin フォルダーを参照して、FileMerge を起動するツールである opendiff を選択します。
次の表に、Mac OS 用の一般的なファイル比較ツールと、ハードディスク上のその起動ツールまたはスクリプトの場所を示します。
使用するツール |
選択するファイル |
FileMerge |
/usr/bin/opendiff(または /Developer/usr/bin/opendiff) |
BBEdit |
/usr/local/bin/bbdiff |
TextWrangler |
/usr/local/bin/twdiff |
usr フォルダーは通常、Finder 内で非表示になっています。ただし、Dreamweaver の「参照」ボタンを使用してアクセスできます。
実際に表示される結果は、使用する差分ツールによって異なります。結果の解釈については、ツールのユーザーマニュアルを参照してください。
2 つのローカルファイルの比較
コンピューターの任意の場所にある 2 つのファイルを比較できます。
-
ファイルパネルで、Ctrl キーを押しながらクリック(Windows)または Command キーを押しながらクリック(Mac OS)し、2 つのファイルを選択します。注意:
定義されたサイトの範囲外のファイルを選択するには、ファイルパネルの左のポップアップメニューからローカルディスクを選択し、ファイルを選択します。
-
選択されたファイルの 1 つを右クリックし、コンテキストメニューから「ローカルファイルの比較」を選択します。注意:
ボタンが 1 つのマウスの場合は、Control キーを押しながら、選択されたファイルの 1 つをクリックします。
ファイル比較ツールが起動し、2 つのファイルが比較されます。
2 つのリモートファイルの比較
リモートサーバー上の 2 つのファイルを比較できます。このタスクを実行する前に、リモート設定を使用して Dreamweaver サイトを定義する必要があります。
-
ファイルパネルで、右のポップアップメニューから「リモートビュー」を選択し、リモートサーバー上のファイルを表示します。
-
Ctrl キーを押しながらクリック(Windows)または Command キーを押しながらクリック(Mac OS)し、2 つのファイルを選択します。
-
選択されたファイルの 1 つを右クリックし、コンテキストメニューから「リモートファイルの比較」を選択します。注意:
ボタンが 1 つのマウスの場合は、Control キーを押しながら、選択されたファイルの 1 つをクリックします。
ファイル比較ツールが起動し、2 つのファイルが比較されます。
ローカルファイルとリモートファイルの比較
ローカルファイルとリモートサーバー上のファイルを比較することができます。そのためには、最初にリモート設定を使用して Dreamweaver サイトを定義する必要があります。
-
ファイルパネルで、ローカルファイルを右クリックし、コンテキストメニューから「リモートとの比較」を選択します。注意:
ボタンが 1 つのマウスの場合は、Control キーを押しながらローカルファイルをクリックします。
ファイル比較ツールが起動し、2 つのファイルが比較されます。
リモートファイルとローカルファイルの比較
リモートファイルとローカルファイルを比較することができます。このタスクを実行する前に、リモート設定を使用して Dreamweaver サイトを定義する必要があります。
-
ファイルパネルで、右のポップアップメニューから「リモートビュー」を選択し、リモートサーバー上のファイルを表示します。
-
パネルでファイルの 1 つを右クリックし、コンテキストメニューから「ローカルとの比較」を選択します。注意:
ボタンが 1 つのマウスの場合は、Control キーを押しながらファイルをクリックします。
開いているファイルとリモートファイルの比較
Dreamweaver で開いているファイルとリモートサーバー上のファイルを比較することができます。
-
ドキュメントウィンドウで、ファイル/リモートとの比較を選択します。
ファイル比較ツールが起動し、2 つのファイルが比較されます。
注意:ドキュメントウィンドウの上部にあるドキュメントタブを右クリックし、コンテキストメニューから「リモートとの比較」を選択することもできます。
PUT 前のファイルの比較
ファイルをローカルで編集し、リモートサーバーにアップロードを試みると、そのファイルのリモートバージョンが変更されていた場合は Dreamweaver により通知されます。このような場合、ファイルをアップロードしリモートバージョンを上書きする前に、2 つのファイルを比較するオプションがあります。
作業を開始する前に、システムにファイル比較ツールをインストールし、Dreamweaver でそのツールを指定する必要があります。
-
Dreamweaver サイトでファイルを編集後に、リモートサイトにファイルを送信します(サイト/PUT)。
ファイルのリモートバージョンが変更されている場合は通知され、違いを表示するオプションが表示されます。
-
違いを表示するには、「比較」ボタンをクリックします。
ファイル比較ツールが起動し、2 つのファイルが比較されます。
ファイル比較ツールを指定していない場合は、ツールを指定するように求めるメッセージが表示されます。
-
ツールで変更を確認またはマージしたら、PUT 操作に進むか操作をキャンセルできます。
同期時のファイルの比較
Dreamweaver でサイトファイルを同期するときは、ローカルバージョンのファイルとリモートバージョンのファイルを比較できます。
作業を開始する前に、システムにファイル比較ツールをインストールし、Dreamweaver でそのツールを指定する必要があります。
-
ファイルパネルの任意の場所を右クリックし、コンテキストメニューから「同期」を選択します。
-
ファイルの同期ダイアログボックスに情報を入力し、「プレビュー」をクリックします。
「プレビュー」をクリックすると、同期中に取得される選択済みのファイルとアクションが表示されます。
-
リスト内で、比較する各ファイルを選択し、「比較」ボタン(小さい 2 ページのアイコン)をクリックします。注意:
ファイルは、HTML や ColdFusion ファイルなどのテキストベースである必要があります。
Dreamweaver により比較ツールが起動され、選択した各ファイルのローカルバージョンとリモートバージョンが比較されます。