マニュアル キャンセル

テキスト、タグ、属性の検索と置換

  1. Dreamweaver ユーザーガイド
  2. はじめに
    1. レスポンシブ web デザインの基本
    2. Dreamweaver の新機能
    3. Dreamweaver を使用した web 開発 - 概要
    4. Dreamweaver / よくある質問
    5. キーボードショートカット
    6. Dreamweaver の必要システム構成
    7. 機能の概要
  3. Dreamweaver と Creative Cloud
    1. Dreamweaver 設定と Creative Cloud の同期
    2. Dreamweaver での Creative Cloud ライブラリ
    3. Dreamweaver での Photoshop ファイルの使用
    4. Adobe Animate と Dreamweaver の操作
    5. ライブラリから web 用に最適化された SVG ファイルを抽出する
  4. Dreamweaver のワークスペースとビュー
    1. Dreamweaver ワークスペース
    2. ビジュアル開発のための Dreamweaver ワークスペースの最適化
    3. ファイル名またはコンテンツに基づいたファイルの検索 | Mac OS
  5. サイトの設定
    1. Dreamweaver サイトについて
    2. ローカルバージョンのサイトの設定
    3. Publishing server への接続
    4. テストサーバーの設定
    5. Dreamweaver サイトの設定の読み込みおよび書き出し
    6. リモートサーバーからローカルサイトのルートに既存の web サイトを取り込む
    7. Dreamweaver のアクセシビリティ機能
    8. 詳細設定
    9. ファイル転送に関するサイト環境設定の設定
    10. Dreamweaver でのプロキシサーバー設定の指定
    11. Dreamweaver 設定と Creative Cloud の同期
    12. Dreamweaver での Git の使用
  6. ファイルの管理
    1. ファイルの作成およびオープン
    2. ファイルとフォルダーの管理
    3. サーバーからのファイルの取得とサーバーへのファイルの送信
    4. ファイルのチェックインとチェックアウト
    5. ファイルの同期
    6. ファイルの違いの比較
    7. Dreamweaver サイト内のファイルおよびフォルダーのクローク
    8. Dreamweaver サイトでのデザインノートの有効化
    9. Gatekeeper の脆弱性の悪用を防ぐ
  7. レイアウトとデザイン
    1. レイアウト用ビジュアルエイドの使用
    2. CSS を使用したページのレイアウトについて
    3. Bootstrap を使用したレスポンシブな web サイトのデザイン
    4. Dreamweaver でのメディアクエリーの作成と使用
    5. テーブルを使用したコンテンツの表示
    6. カラー
    7. 可変グリッドレイアウトによるレスポンシブデザイン
    8. Dreamweaver 内の Extract
  8. CSS
    1. カスケーディングスタイルシートについて
    2. CSS デザイナーを使用したページのレイアウト
    3. Dreamweaver での CSS プリプロセッサーの使用
    4. Dreamweaver で CSS スタイルの環境設定を行う方法
    5. Dreamweaver での CSS ルールの移動
    6. Dreamweaver でのインライン CSS の CSS ルールへの変換
    7. Div タグの操作
    8. 背景へのグラデーションの適用
    9. Dreamweaver での CSS3 移行効果の作成および編集
    10. コードのフォーマット
  9. ページコンテンツとアセット
    1. ページプロパティの設定
    2. CSS 見出しプロパティおよび CSS リンクプロパティの設定
    3. テキストの操作
    4. テキスト、タグ、属性の検索と置換
    5. DOM パネル
    6. ライブビューでの編集
    7. Dreamweaver でのドキュメントのエンコード
    8. ドキュメントウィンドウでのエレメントの選択および表示
    9. プロパティインスペクターでのテキストプロパティの設定
    10. web ページのスペルチェック
    11. Dreamweaver での区切り線の使用
    12. Dreamweaver でのフォントの組み合わせの追加と変更
    13. アセットを使用した作業
    14. Dreamweaver での日付の挿入と更新
    15. Dreamweaver でのお気に入りアセットの作成と管理
    16. Dreamweaver でのイメージの挿入と編集
    17. メディアオブジェクトの追加
    18. Dreamweaver でのビデオの追加
    19. HTML5 ビデオの挿入
    20. SWF ファイルの挿入
    21. オーディオエフェクトの追加
    22. Dreamweaver での HTML5 オーディオの挿入
    23. ライブラリ項目の操作
    24. Dreamweaver でのアラビア語およびヘブライ語のテキストの使用
  10. リンクおよびナビゲーション
    1. リンクおよびナビゲーションについて
    2. リンク
    3. イメージマップ
    4. リンクのトラブルシューティング
  11. jQuery Widget と効果
    1. Dreamweaver での jQuery UI Widget と Mobile Widget の使用
    2. Dreamweaver での jQuery 効果の使用
  12. web サイトのコーディング
    1. Dreamweaver でのコーディングについて
    2. Dreamweaver のコーディング環境
    3. コーディングの環境設定
    4. コードカラーリングのカスタマイズ
    5. コードの記述と編集
    6. コードヒントとコード補完機能
    7. コードの折りたたみと展開
    8. スニペットでコードを再利用する
    9. 構文チェックコード
    10. コードの最適化
    11. デザインビューでのコードの編集
    12. ページのヘッドコンテンツの操作
    13. Dreamweaver でのサーバーサイドインクルードの挿入
    14. Dreamweaver でのタグライブラリの使用
    15. Dreamweaver へのカスタムタグの読み込み
    16. JavaScript ビヘイビアーの使用(基本操作)
    17. JavaScript に組み込まれているビヘイビアーの適用
    18. XML および XSLT について
    19. Dreamweaver でのサーバーサイド XSL 変換の実行
    20. Dreamweaver でのクライアントサイド XSL 変換の実行
    21. Dreamweaver での XSLT の文字エンティティの追加
    22. コードのフォーマット
  13. 製品間ワークフロー
    1. Dreamweaver への拡張機能のインストールと使用
    2. Dreamweaver のアプリ内アップデート
    3. Dreamweaver での Microsoft Office 文書の挿入(Windows のみ)
    4. Fireworks および Dreamweaver による作業
    5. Contribute を使用した Dreamweaver サイトでのコンテンツの編集
    6. Dreamweaver と Business Catalyst の統合
    7. パーソナライズされた電子メールキャンペーンの作成
  14. テンプレート
    1. Dreamweaver テンプレートについて
    2. テンプレートおよびテンプレートから作成されたドキュメントの認識
    3. Dreamweaver テンプレートの作成
    4. テンプレート編集可能領域の作成
    5. Dreamweaver でのリピート領域およびテーブルの作成
    6. テンプレートの任意の領域の使用
    7. Dreamweaver での編集可能なタグ属性の定義
    8. Dreamweaver でネストされたテンプレートを作成する方法
    9. テンプレートの編集、更新、削除
    10. Dreamweaver での xml コンテンツの書き出しおよび読み込み
    11. 既存のドキュメントでのテンプレートの適用または削除
    12. Dreamweaver テンプレートでのコンテンツの編集
    13. Dreamweaver でのテンプレートタグのシンタックスルール
    14. テンプレート領域のハイライト表示の環境設定
    15. Dreamweaver でテンプレートを使用する利点
  15. モバイルとマルチスクリーン
    1. メディアクエリーの作成
    2. モバイルデバイス向けのページ方向の変更
    3. Dreamweaver を使用したモバイルデバイス向けの web アプリの作成
  16. 動的サイト、ページおよび web フォーム
    1. web アプリケーションについて
    2. アプリケーション開発のためのコンピューター設定
    3. データベース接続のトラブルシューティング
    4. Dreamweaver での接続スクリプトの削除
    5. 動的ページのデザイン
    6. 動的コンテンツソースの概要
    7. 動的コンテンツのソースの定義
    8. ページへの動的コンテンツの追加
    9. Dreamweaver での動的コンテンツの変更
    10. データベースのレコードの表示
    11. Dreamweaver でのライブデータの入力とトラブルシューティング
    12. Dreamweaver でのカスタムサーバービヘイビアーの追加
    13. Dreamweaver を使用したフォームの作成
    14. フォームを使用したユーザーからの情報の収集
    15. Dreamweaver での ColdFusion フォームの作成と有効化
    16. web フォームの作成
    17. フォームエレメントの HTML5 サポート強化
    18. Dreamweaver を使用したフォームの開発
  17. アプリケーションのビジュアル開発
    1. Dreamweaver でのマスターページと詳細ページの作成
    2. 検索ページと結果ページの作成
    3. レコード挿入ページの作成
    4. Dreamweaver でのレコードの更新ページの作成
    5. Dreamweaver でのレコード削除ページの作成
    6. Dreamweaver での ASP コマンドによるデータベースの修正
    7. 登録ページの作成
    8. ログインページの作成
    9. 許可されたユーザーのみがアクセスできるページの作成
    10. Dreamweaver を使用した ColdFusion のフォルダーの保護
    11. Dreamweaver での ColdFusion コンポーネントの使用
  18. web サイトのテスト、プレビュー、パブリッシュ
    1. ページのプレビュー
    2. 複数のデバイスでの Dreamweaver web ページのプレビュー
    3. Dreamweaver サイトのテスト
  19. トラブルシューティング
    1. 修正された問題
    2. 既知の問題

 

 

現在のドキュメント、フォルダー、サイト、または開いているすべてのドキュメント内で、コード、テキスト、タグ(属性あり、または属性なし)を検索および置換する方法について説明します。

Dreamweaver の強力な検索および置換機能を使用して、現在のドキュメント、フォルダー、サイト、または開いているすべてのドキュメント内で、コード、テキスト、タグ(属性あり、または属性なし)を検索および置換します。

また、強力なパターン照合アルゴリズム(正規表現)を使用した高度な検索や置換が可能です。

検索および置換の対象として、次のようなものがあります。

  • コード内のタグ、属性、テキスト
  • 単一の選択範囲内または複数の選択範囲内のテキスト
  • 複数のドキュメント、開いているドキュメント、単一のフォルダー、単一のサイトでのテキスト検索、または現在開いているドキュメントのみ検索
  • 検索文字列内で正規表現を使用

Dreamweaver でドキュメントを開いていない場合でも、テキスト、タグ、属性を検索することができます。

現在の文書内のテキストの検索と置換

  1. 開いているドキュメントで、検索/現在の文書内を検索をクリックするか、Ctrl+F キー(Windows)または Command+F キー(Mac)を押して、現在のドキュメントの下部にドッキングされたクイック検索バーを開きます。

    テキストの置換も実行する場合は、検索/現在の文書内で置換をクリックするか、Ctrl+H(Windows)または Command+Alt+F(Mac)を押して、クイック検索および置換バーを開きます。

  2. 検索フィールドに、現在のドキュメントで検索するテキストを入力します。

    入力時に、現在のドキュメント内の検索文字列のすべてのインスタンスが自動的に強調表示されます。

    現在のドキュメントでのテキストの検索
    現在のドキュメントでのテキストの検索

    注意:

    Dreamweaver では、クイック検索および置換バーで見つかったテキストのインスタンス数が表示されます。検索結果間を移動するには、および矢印を使用します。

  3. 検索範囲を拡張または限定するには、以下のフィルターを使用します。

    • 大文字と小文字を区別:大文字と小文字の区別が一致するコード/タグ/テキストだけが検索されます。例えば、「the brown derby」を検索した場合、「The Brown Derby」は検索されません。
    • 正規表現を使用:検索文字列内の特定の文字および短い文字列(?、*、\w、\b など)が正規表現演算子として解釈されます。例えば、「the b\w*\b dog」を検索すると、「the black dog」と「the barking dog」の両方が見つかります。
    • 単語単位で検索:単語として一致するテキストだけが検索されます。
    • ホワイトスペースを無視:すべてのホワイトスペースが 1 個のスペースと見なされて検索が実行されます。例えば、このオプションを選択し、「this text」と指定すると、「this text」は検索されますが、「thistext」は検索されません。このオプションは、「正規表現を使用」が選択されているときは使用できません。この場合、ホワイトスペースの違いを無視するように正規表現を明確に記述する必要があります。タグは、ホワイトスペースとして認識されません。
    • 選択したテキストを検索:アクティブなドキュメントで現在選択されているテキストだけが検索対象となります。選択したテキストには、単一のテキストブロックや、現在開いているドキュメントの様々な場所でのテキストの複数選択があります。選択したテキスト内で検索する場合は、見つかった検索語はドキュメント内でハイライト表示されません。すべて検索をクリックして、検索パネルに検索結果を表示します。
    検索範囲を拡張または限定するフィルター
    検索範囲を拡張または限定するフィルター

  4. 検索したテキストまたはタグを置き換えるには、置換フィールドに入力し、「置換」または「すべて置換」をクリックします。

    ページで見つかったインスタンスを順番に確認し、個別に置換するには、「置換」をクリックし、次または前の矢印を使用して、ドキュメント内の検索語句の他のインスタンスに移動します。

    検索語句のすべてのインスタンスをすぐに置換するには、「すべて置換」をクリックします。Dreamweaver によって見つかったすべてのインスタンスが置換され、検索して置換されたすべての語句のレポートが提供されます。

    検索結果パネルで置換された用語のレポート
    検索結果パネルで置換された用語のレポート

複数のドキュメントでの検索と置換

フォルダー内またはサイト内の複数のドキュメントで、あらゆる検索を行うことができます。

  1. 検索/ファイルを横断して検索/置換を選択するか、Ctrl+Shift+F キー(Windows)または Command+Shift+F キー(Mac)を押して、検索および置換ダイアログボックスを開きます。

    注意:

    ファイルを横断して検索/置換を初めて開くと、現在のローカルサイト全体で検索が初期設定として表示されます。別のオプションを選択すると、Dreamweaver によりその選択が記憶され、選択したオプションが初期設定になります。

  2. 検索テキストフィールドにテキストを入力し、ドロップダウンリストで次のいずれかのオプションを選択します。

    • 現在のドキュメント - 現在フォーカスがあるドキュメントで指定された語句を検索します。
    • 開いているドキュメント - 開いているすべてのドキュメントで指定された語句を検索します。
    • フォルダー - 指定したフォルダー内にあるすべてのファイルで指定した語句を検索します。
    • サイト内の選択したファイル - ファイルパネルでサイト内の選択したファイルで指定した語句を検索します。
    • 現在のローカルサイト全体 - 作業している現在のサイトで指定した語句を検索します。
    検索および置換ダイアログボックス
    検索および置換ダイアログボックス

  3. 検索範囲を拡張または限定するには、以下のフィルターを使用します。

    • 大文字と小文字を区別:大文字と小文字の区別が一致するテキストだけが検索されます。例えば、「the brown derby」を検索した場合、「The Brown Derby」は検索されません。
    • 正規表現を使用:検索文字列内の特定の文字および短い文字列(?、*、\w、\b など)が正規表現演算子として解釈されます。例えば、「the b\w*\b dog」を検索すると、「the black dog」と「the barking dog」の両方が見つかります。
    • 単語単位で検索:単語として一致するテキストだけが検索されます。
    • ホワイトスペースを無視:すべてのホワイトスペースが 1 個のスペースと見なされて検索が実行されます。例えば、このオプションを選択し、「this text」と指定すると、「this text」は検索されますが、「thistext」は検索されません。このオプションは、「正規表現を使用」が選択されているときは使用できません。この場合、ホワイトスペースの違いを無視するように正規表現を明確に記述する必要があります。タグは、ホワイトスペースとして認識されません。
    • テキストのみを検索:ドキュメント内の特定のテキスト文字列を検索します。テキスト検索では、文字列の途中にある HTML はすべて無視されます。例えば、「head」を検索すると、テキストの「head」のみが見つかります。<head> や </head> は無視されます。
    注意:

    テキストのみを検索フィルターは、検索および置換ダイアログの「詳細設定」タブでは無効になっています。

    検索および置換ダイアログでのフィルター
    検索および置換ダイアログでのフィルター

  4. 次のいずれかの操作を実行します。

    • 指定したテキストのすべてのインスタンスを検索するには、「すべて検索」をクリックします。検索結果パネルが開きます。単一のドキュメントを検索対象としている場合、「すべて検索」を使用すると、検索条件に一致するテキストやタグすべてが、その周辺のコンテキストと共に表示されます。ディレクトリやサイト内を検索している場合は、「すべて検索」を使用すると、そのタグを含むドキュメントが一覧表示されます。
    • 検索したテキストやタグを置き換えるには、置換テキストフィールドにテキストを入力し、「置換」または「すべて置換」をクリックします。
    • ページで見つかったインスタンスを順番に確認し、個別に置換するには、「置換」をクリックし、次または前の矢印を使用して、検索語句の他のインスタンスに移動します。
    • 検索語句のすべてのインスタンスをすぐに置換するには、「すべて置換」をクリックします。Dreamweaver によって見つかったすべてのインスタンスが置換され、検索結果パネルで検索して置換されたすべての語句のレポートが提供されます。
    • 置換する前に検索結果を表示する場合は、「すべて置換」と「例外」を選択します。このオプションを指定すると、検索結果が検索結果パネルに表示されます。その後、置換しないインスタンスを選択解除できます。

    検索結果パネルで検索結果をダブルクリックすると、該当の箇所に移動し、そのテキストにカーソルが配置されます。

コード内のタグ、属性、テキストの検索と置換

特定のタグ、属性、属性値を検索できます。例えば、Alt 属性がないすべての img タグを検索することができます。

また、一連のコンテナタグの内側または外側にある特定のテキスト文字列を検索することもできます。例えば、title タグに含まれている無題という語句を検索すると、サイト上にあるすべての無題ページを検索できます。

現在開いているドキュメント内のコードのタグ、属性、テキストの検索および置換

  1. 検索するドキュメントを開きます。検索/現在の文書内を検索を選択します。

  2. タグ内の特定のテキストを検索するには、検索フィールドにテキスト文字列を入力し、横のドロップダウンフィールドからタグを選択します。

    指定したタグ内のテキストの検索
    指定したタグ内のテキストの検索

    検索するページの指定したタグ内の指定したテキストのすべてのインスタンスが自動的に強調表示されます。

複数のドキュメントでのコード内のタグ、属性、テキストの検索と置換

  1. 検索/ファイルを横断して検索/置換を選択するか、Ctrl+Shift+F キー(Windows)または Command+Shift+F キー(Mac)を押して、検索および置換ダイアログボックスを開きます。

  2. 「詳細設定」タブで、次のいずれかの検索対象オプションを選択します。

    • 現在のドキュメント - 現在開いているドキュメントで指定された語句を検索します。
    • 開いているドキュメント - 開いているすべてのドキュメントで指定された語句を検索します。
    • フォルダー - 指定したフォルダー内にあるすべてのファイルで指定した語句を検索します。
    • サイト内の選択したファイル - ファイルパネルで選択されたファイルで指定した語句を検索します。
    • 現在のローカルサイト全体 - 作業している現在のサイトで指定した語句を検索します。
    高度な検索と置換ダイアログ
    高度な検索と置換ダイアログ

  3. 検索パラメーターを入力し、必要なアクションを指定します。

  4. 次のいずれかの操作を実行します。

    • 指定したテキストのすべてのインスタンスを検索するには、「すべて検索」をクリックします。検索結果パネルが開きます。単一のドキュメントを検索対象としている場合、「すべて検索」を使用すると、検索条件に一致するテキストやタグすべてが、その周辺のコンテキストと共に表示されます。ディレクトリやサイト内を検索している場合は、「すべて検索」を使用すると、そのタグを含むドキュメントが一覧表示されます。
    • 検索したテキストやタグを置き換えるには、置換フィールドにテキストを入力し、「置換」または「すべて置換」をクリックします。
    • ページで見つかったインスタンスを順番に確認し、個別に置換するには、「置換」をクリックし、次または前の矢印を使用して、検索語句の他のインスタンスに移動します。
    • 検索語句のすべてのインスタンスをすぐに置換するには、「すべて置換」をクリックします。Dreamweaver によって見つかったすべてのインスタンスが置換され、検索結果パネルで検索して置換されたすべての語句のレポートが提供されます。
    • 置換する前に検索結果を表示する場合は、「すべて置換」と「例外」を選択します。このオプションを指定すると、検索結果が検索結果パネルに表示されます。その後、置換しないインスタンスを選択解除できます。

    検索結果パネルで検索結果をダブルクリックすると、該当の箇所に移動し、そのテキストにカーソルが配置されます。

検索結果の表示

検索結果を表示するには:

  1. ウィンドウ/結果/検索を選択すると、検索パネル内に検索結果が表示されます。

  2. 検索パネルで目的の検索結果をダブルクリックすると、ドキュメント内の該当するインスタンスが表示されます。 

  3. 検索パネルの上部にあるアイコンを右クリックすると、ファイルのチェックインやチェックアウト(バージョンコントロールシステムを使用している場合)などのその他のオプションを含むポップアップメニューが開きます。このメニューから、他の検索や置換を実行したり、検索結果を消去したり、検索パネルを閉じたりできます。

    検索結果パネル内の追加のオプション
    検索結果パネル内の追加のオプション

検索クエリーの保存と読み込み

検索/検索および置換を選択します。

クエリーを保存するには、検索と置換ダイアログに表示されている保存アイコンをクリックし、保存先を選択してファイルを .dwr ファイルとして保存します。

クエリーを読み込むには、読み込みアイコンをクリックし、コンピューターから .dwr クエリーファイルを選択します。 

Dreamweaver バージョン 2017 および 2018 の場合

Dreamweaver のバージョン 2017 と 2018 では、デフォルトで、検索クエリーの保存と読み込みが有効になっていません。検索クエリーを保存したり、読み込んだりできるようにするには、次の手順に従って、この機能を有効にします。

  1. Dreamweaver 2017.1 がインストールされていることを確認します。Dreamweaver を開き、少なくとも一回、高度な検索と置換ダイアログを使用したら、Dreamweaver を閉じます。

  2. Windows の場合:

    1. レジストリエディターを開きます。スタートメニューの「ファイル名を指定して実行」または「検索」に「regedit」と入力し、Enter キーを押します。
    2. 次の場所に移動します:HKEY_CURRENT_USER¥SOFTWARE¥Adobe¥Dreamweaver CC 2017¥Advanced Find And Replace
    3. 右クリックして、ShowHiddenOptions=TRUE で新しい文字列値を作成します。
    4. レジストリエディターを閉じます。
    注意:

    Windows レジストリエディターに高度な検索と置換が見つからない場合は、Dreamweaver の環境設定をクリアして、Dreamweaver を再度開きます。

    Mac の場合:

    1. Finder を使用して ~/Library/Preferences に移動します。
    2. テキストエディターを使用して、Adobe Dreamweaver CC 2017 Prefs を開きます。
    3. [Advanced Find and Replace] セクションを見つけて、showhiddenoptions=TRUE を追加します。
    4. ファイルを保存して閉じます。
  3. 右クリックして ShowHiddenOptionsを表示します。 

  4. 値データを TRUEとして追加します。 

  5. レジストリエディターを閉じます。 

ヘルプをすばやく簡単に入手

新規ユーザーの場合

Adobe MAX 2025

Adobe MAX Japan
クリエイターの祭典

2025 年 2 月 13 日
東京ビッグサイト