デザインちーむ正規表現こんにちわ、マイケルです。今回は正規表現についてお話します。難しい感じしますけど簡単なやつだけでも覚えとけば、活用する機会って結構あると思います。正規表現とは?異なる文字列を特殊文字や記号を使って、一つの文字列で表現する仕組みです。その文字列で表現した部分を検索し、他の文字列に置換する事が出来ます。こんなとき、なんかスタンドが使えれば..例えば...あなたの元へクライアントから、以下のような依頼がきました。サイトすべての「頂きます」、「戴きます」を「いただきます」に統一サイトすべての料金表示を「¥」から「円」に表記に統一この依頼、期限が今日中です。今日はディナーの約束があって残業したくないです(>_<)サイトのページ数は膨大で、どこに何があるがよくわかりません。1ページずつ確認してたら発狂します...ここぞ正規表現です。実際にやってみるまず、正規表現をサポートしているテキストエディタを開きます。ここでは、EmEditorで説明します。置換の正規表現を使用するにチェックを入れます。検索する文字列に使う正規表現(EmEditorの場合)*0回以上の繰返し?0回か1回の繰返し*?0回以上の繰返しで最短一致\s空白\S空白以外\d数字\ttab\n改行(A)グループ化(A|B)AかB{7}7回の繰返し{7,}7回以上の繰返し{3,7}3回から7回の繰返し[ABC]AかBかC[^ABC]AでもBでもCでもない※\が\になったり、エディタによって異なる場合があります。¥1円こんな感じで、作業が大幅に楽にできます。なによりも、人間でなく機械がやりますので正確に作業できます。高機能なエディタは、ディレクトリごとに検索置換出来るみたいです。知らずに損した...。WebデザイナーWebデザイナーのマイケルです。出版と印刷会社を経て、現在のWeb業界に至る。座右の銘は「私は貝になりたい」。スマホサイト制作にかかせないbackground-sizeについて5簡単作成!オリジナルのイラストなどのデザインQRコードを作ってみた。写真から作る人物シルエット素材(第3弾)2014.12.12Gruntの使い方。作業効率を上げる便利な自動タスクツール。ブラウザ編2016.06.29インフラ系女子、モニターを修理してみた。Go-Next2016.03.09就活生必見-入社4ヶ月の新人が語るGo-Nextってこんなと2014.05.04Go-Nextブログ、始めます!2019.07.26現在リニューアル中。多忙につきお待たせしております。