Dreamweaver サイトでのデザインノートの有効化

最終更新日 : 2021年4月27日

Dreamweaver でデザインノートを作成および有効化し、ドキュメントに関連付けられた追加ファイル情報を継続的に管理します。

デザインノートについて

デザインノーツは、ファイルに対して作成するノーツです。デザインノーツは、記述するファイルに関連付けられますが、別のファイルに保存されます。展開されたファイルパネルで、デザインノーツが添付されているファイルを確認できます。ノーツ列にデザインノーツアイコンが表示されます。

デザインノーツを使用して、ドキュメントに関連付けられた追加のファイル情報(画像の引用元ファイル名やファイルステータスに関するコメントなど)を記録できます。例えば、あるサイトから別のサイトにドキュメントをコピーする場合、そのドキュメントにデザインノーツを追加して、元のドキュメントが他のサイトフォルダーにあることをコメントできます。

また、デザインノーツを使用して、セキュリティ上の理由でドキュメント内に記載できない機密情報(特定の価格や設定が選択された理由に関するノーツや、デザイン決定に影響を与えたマーケティング要因など)を記録することもできます。

Adobe® Fireworks® または Flash でファイルを開き、別の形式に書き出すと、Fireworks と Flash は元の引用元ファイルの名前をデザインノーツファイルに自動的に保存します。例えば、Fireworks で myhouse.png を開いて myhouse.gif に書き出すと、Fireworks は myhouse.gif.mno というデザインノーツファイルを作成します。このデザインノーツファイルには、絶対 file: URL として元のファイルの名前が含まれます。したがって、myhouse.gif のデザインノートには以下のような行があります。

fw_source="file:///Mydisk/sites/assets/orig/myhouse.png"

同様に、Flash を使用して作成されたデザインノートには、以下のような行が含まれます。

fl_source="file:///Mydisk/sites/assets/orig/myhouse.fla"

メモ

Design Notes を共有するには、ユーザーは同じサイトルートパスを定義する必要があります(例:sites/assets/orig)。

画像を Dreamweaver に読み込むと、 Design Notes ファイルが画像と一緒にサイトに自動的にコピーされます。Dreamweaver で画像を選択し、Fireworks を使用して編集を選択すると、 Fireworks で元のファイルが編集用に開かれます。

サイトの Design Notes を 有効/無効にする

Design Notes は、ファイルに関連付けられたノーツですが、 別のファイルに保存されます。Design Notes を使用して、 ドキュメントに関連する追加のファイル情報(画像の引用元ファイル名やファイルステータスに関するコメントなど)を追跡します。

サイト定義ダイアログボックスの Design Notes カテゴリで、 サイトの Design Notes を有効または無効にします。Design Notes を有効にすると、 必要に応じて他のユーザーと共有することもできます。

サイト/サイトの管理を選択します。
サイト管理ダイアログボックスで、サイトを選択し、 編集をクリックします。
サイト設定ダイアログボックスで、詳細設定を展開し、 Design Notes カテゴリを選択します。
Design Notes の維持を選択して Design Notes を有効にします(無効にする場合は選択を解除します)。
サイトのすべてのローカル Design Notes ファイルを削除する場合は、クリーンアップをクリックし、はいをクリックします。(リモート Design Notes ファイルを削除する場合は、手動で削除する必要があります)。
メモ

デザインノーツのクリーンアップコマンドは、MNO (デザインノーツ)ファイルのみを削除します。_notesフォルダーや _notesフォルダー内のdwsync.xmlファイルは削除しません。Dreamweaverは、dwsync.xml ファイルを使用してサイト同期に関する情報を維持します。

「共有用にデザインノーツのアップロードを有効にする」を選択して、サイトに関連付けられたデザインノーツを 他のドキュメントと一緒にアップロードし、「OK」をクリックします。
  • このオプションを選択すると、 デザインノーツをチームの他のメンバーと共有できます。ファイルをputまたはgetすると、Dreamweaverは自動的に関連する デザインノーツファイルもputまたはgetします。

  • このオプションを選択しない場合、Dreamweaverはデザインノーツをローカルで 維持しますが、ファイルと一緒にアップロードしません。サイトで単独作業する場合は、 このオプションの選択を解除するとパフォーマンスが向上します。ファイルをチェックインまたは putする際にデザインノーツはリモートサイトに転送されませんが、サイトのデザインノーツを ローカルで追加および変更することは可能です。

デザインノートとファイルの関連付け

サイト内の各ドキュメントまたはテンプレートに対してデザインノーツファイルを作成することができます。アプレット、ActiveX コントロール、画像、Flash コンテンツ、Shockwave オブジェクト、およびドキュメント内の画像フィールドに対してもデザインノートを作成できます。

メモ

テンプレート ファイルにデザインノーツを追加しても、そのテンプレートで作成するドキュメントは デザインノーツを継承しません。

次のいずれかの操作を実行します。
  • ドキュメントウィンドウでファイルを開き、ファイル/デザインノートを選択します。

  • ファイルパネルで、ファイルを右クリック(Windows)または Control キーを押しながらクリック(Mac OS)し、「デザインノート」を選択します。

メモ

ファイルがリモートサイトにある場合は、先にファイルをチェックアウトまたは取得してから、そのファイルをローカルフォルダーで選択する必要があります。

「基本情報」タブで、 ステータスメニューからドキュメントのステータスを選択します。
日付アイコン(ノーツボックスの上)をクリックして、現在のローカル日付をノーツに挿入します。
「メモ」テキストボックスにコメントを入力します。
「ファイルを開いたときに表示」を選択して、ファイルを開くたびにデザインノーツ ファイルが表示されるようにします。
「すべての情報」タブで、 プラス(+)ボタンをクリックして新しいキーと値のペアを追加します。ペアを選択して マイナス(–)ボタンをクリックすると削除されます。

例えば、キーAuthor( 名前ボックス内)という名前を付けて、値をHeidi( 値ボックス内)として定義できます。

「OK」をクリックしてノートを保存します。

Dreamweaverは、現在のファイルと同じ場所にある_notesという名前のフォルダーにノーツを保存します。デザインノートのファイル名は、ドキュメントのファイル名に拡張子 .mno が付いたものです。 例えば、ファイル名がindex.htmlの場合、関連するデザイン ノーツファイルの名前はindex.html.mnoになります。

デザインノートの操作

ファイルにデザインノーツを関連付けた後、 デザインノーツを開いたり、ステータスを変更したり、削除したりできます。

ファイルに関連付けられたデザインノーツを開く

デザインノーツを開くには、 次のいずれかを実行します:
  • ドキュメントウィンドウでファイルを開き、ファイル/デザインノートを選択します。

  • ファイルパネルで、ファイルを右クリック(Windows)または Control キーを押しながらクリック(Mac OS)し、「デザインノート」を選択します。

  • ファイルパネルの「ノート」列にある黄色いデザインノートアイコンをダブルクリックします。

メモ

黄色いデザインノートアイコンを表示するには、サイト/サイトの管理/[サイト名]/編集/詳細設定/表示列を選択します。 リストパネルで「ノート」を選択し、「表示」オプションを選択します。 「ファイル」ツールバーの「展開 / 折りたたむ」ボタンをクリックして、ローカルサイトとリモートサイトの両方を表示すると、デザインノートを含むファイルの黄色いノートアイコンを表示する「ノート」列がローカルサイトに表示されます。

デザインノートのカスタムステータスの割り当て

ファイルまたはオブジェクトのデザインノーツを開く (前の手順を参照)。
「全情報」タブをクリックします
「+」ボタンをクリックします。
「名前」フィールドに、「status」という単語を入力します。
「値」フィールドに、ステータスを入力します。

ステータス値が既に存在していた場合は、 新しい値に置き換えられます。

「基本情報」タブをクリックして、新しいステータス値が「ステータス」ポップアップメニューに表示されることを確認します。
メモ

ステータスメニューでは、一度に 1 つのカスタム値のみ設定できます。 この手順を再度実行すると、Dreamweaver は最初に入力したステータス値を、新しく入力したステータス値に置き換えます。

サイトから関連付けられていないデザインノーツを削除

サイト/サイトの管理を選択します。
サイトを選択して、「編集」ボタンをクリックします。
サイト定義ダイアログボックスで、左側のカテゴリリストから Design Notes を選択します。
「クリーンアップ」ボタンをクリックします。

Dreamweaver は、サイト内のファイルと関連付けられなくなった Design Notes を削除してもよいかどうかの確認を求めます。

Dreamweaver を使用して、関連付けられた Design Notes ファイルがあるファイルを削除すると、Dreamweaver は Design Notes ファイルも削除します。そのため、通常、孤立した Design Notes ファイルが発生するのは、Dreamweaver の外部でファイルを削除または名前変更した場合のみです。

メモ

クリーンアップをクリックする前に「Design Notes を管理」オプションの選択を解除すると、Dreamweaver はサイトのすべての Design Notes ファイルを削除します。