Blog2016.01.03SasakiDreamWeaverで正規表現を使って検索置換する方法Web制作DreamWeaver正規表現シェアTweet明けましておめでとうございます!Maromaro佐々木です。Dreamweaverの「検索および置換機能」の正規表現について今回書きたいと思います。そもそも正規表現とは?な方も多い気がしていますが、とっても便利なので聞いただけで拒絶反応が出る方は拒絶反応を無くしていきましょう!では簡単な利用方法とDreamweaverでの使い方説明していきます。expression)とは、文字列の集合を一つの文字列で表現する方法の一つである。引用元:https://ja.wikipedia.org/wiki/%E6%AD%A3%E8%A6%8F%E8%A1%A8%E7%8F%BEとなっています。簡単に言うと文字を表すための記号みたいなものです。「.」は任意の一文字を表します。正規表現でドットだけで検索すると全ての文字を拾ってきてしまうかと思います。とんでもな379898個にマッチとなってしまいます。使われそうな正規表現をピックアップしてみました。aからzまでにマッチします。A-Zやあ-ん等とも書いたりできます。回以下の繰り返しにマッチする。だいたいこんな所を覚えておけば問題ないかなと思います。上記にある正規表現を文字として扱いたい場合には\でエスケープしてあげればOKです。\*とするとアスタリスクが検索できます。Mac等ではバックスラッシュですどんな時につかうの?普通の検索だとhogehogeと検索するとhogehogeがマッチする文字しか検索ができないかと思います。実際にDreamweaverで検索・置換してみるDreamweaverで正規表現を利用する際には「正規表現を使用」にチェックをいれてくださいね。(使わない時には外すように)hoge1〜hoge10の文字列をピックアップしたい正規表現で簡単に考えると下記のようになりそうでしょうか。hogeで検索すれば良いんじゃないのという所ですが・・・hoge([0-9]+)上記でhogeの次に0-9の1回以上の繰り返しにマッチします。括弧で囲んだ部分は$1,$2,$3のような文字で置換の際にマッチした部分を取り出せます。上記であれば数字の部分が置換の際に利用できます。hogemoge$1等として置換したりできます。$1hogeとすれば反対にできますね。pタグの中の文字をspanで囲む下記でいけるかなと思います。<p>((.|\r\n|\r|\n)+)</p>等とするとpタグの中の文字列が取得できるかと思います。1点気をつけたい所で、基本的に正規表現は1行毎に見ていくため、複数行にまたがるような検索を行いたい場合、Dreamweaverでは「(.|\r\n|\r|\n)+」等として改行も含めた正規表現にしないといけません。置換の際に下記のようにする事でspanで囲む事ができます。$1が括弧でマッチした部分です。因みに入れ子になっている場合には外側が$1で$2が中側です。<p><span>$1</span></p>さらに言うと(?:)というものもあって、これはマッチしたものを変数に格納しません。お問合せ等の文字ゆれがあるかと思いますが、気づいた時にはどのページに何があるんだろう・・・なんて事もあるかと思いますが下記のようにすれば全部ピックアップできそうでしょうか。お?問い?合わ?せ文字の後の?は0回か1回を意味しています。ひらがなの時は考慮していないので、考慮すると下記でしょうか。おといあわせにもマッチすると思います。上記は何も考えていないので、もしかしたら関係のない文中の文字列等にマッチしてしまうかもしれません。liタグから文字列だけ抜き出したい整形とかしていると必要になるかも<li[^>]+>(.+?)</li>等とするとマッチするかと思います。※この場合も複数行にはマッチできないので上の方でも説明した「(.|\r\n|\r|\n)+」を利用すれば良いかなと思います。置換で$1だけにしてあげれば中身だけの文字になります。「選択したテキスト」を利用したりすると良いかもしれません。実際にはaタグ等もliタグ等に入っているかもしれませんので、状況に応じて正規表現を足していけば良いかなと思います。需要があればもっと踏み込んで書いていきたいと思っています。ディープなので私もちゃんと把握できていない部分が多々あります(汗)。postsよく読まれている記事です。1MBは何GB?データ容量の単位を整理してみた!決定!2020年の流行色Photoshopで画像の書き出しができない時の対処法!Photoshopで書き出したjpg画像の色が変わる時の原因と対処Webデザインで使用できるフォント徹底解説。2017を早速使ってみた感想。posts1MBは何GB?データ容量の単位を整理してみた!決定!2020年の流行色Photoshopで画像の書き出しができない時の対処法!Photoshopで書き出したjpg画像の色が変わる時の原因と対処Webデザインで使用できるフォント徹底解説。XDイラストお知らせ運用Fireworksクリエーターフォントまとめ初心者サーバ用語PHPスマホアプリjQuery息抜きDreamWeaverWebディレクターJavaScriptプログラミング仕事効率PhotoshopAdobeWordPress作業効率コーディング便利ツールHTML・CSSWEB制作現場デザイン。