08 grep機能を使い複数の文字列を一括で操作する - WEBの作業が楽になるテクニック総まとめ 第2回 | デザインってオモシロイ -MdN Design Interactive-

08 grep機能を使い複数の文字列を一括で操作する - WEBの作業が楽になるテクニック総まとめ 第2回

2024.4.27 SAT

【サイトリニューアル!】新サイトはこちらMdNについて

WEBの作業が楽になるテクニック総まとめ 第2回



Tips 08
grep機能を使い
複数の文字列を
一括で操作する


文=岡村佳浩((株)コンテクスト)


grep機能を使うと、複数ファイルにわたる文字列を一括操作できる。使い方は簡単だ。編集対象の文字列を選択したら、検索メニュー→“grepして置換(またはgrepの実行)”を選択すると[grepして置換]ダイアログが表示される【1】。この状態で[検索するファイル]を指定する。HTMLファイルのみの検索は、「*.html」と入力する【2】。

最後に[検索するフォルダ]を指定すれば準備完了だ。grep機能で出力されるログは見やすいので、その都度ファイルを開かなくてもおおよその内容を把握できる。

[grepして置換]ダイアログを表示させたら、[検索したい文字列]に任意のキーワードを入力し、[置換]ボタンを押すと、入力したキーワードが見つかる
【1】[grepして置換]ダイアログを表示させたら、[検索したい文字列]に任意のキーワードを入力し、
[置換]ボタンを押すと、入力したキーワードが見つかる


複数の種類のファイルを対象にしたいときは、「*.html;*.css」と入力すればよい
【2】複数の種類のファイルを対象にしたいときは、「*.html;*.css」と入力すればよい



POINT 複数のチェック項目を活用して検索を行う



[INDEX]
>>> 01 スタイル設定を活用しWordファイルを効率的に流し込む
>>> 02 色域指定で選択範囲を作成して効率的に写真の白地を切り抜く
>>> 03 カンプ内の各要素をライブカラーでまとめて色変換する
>>> 04 サムネール作成を自動化して効率化を図る
>>> 05 JPEG形式でもきれいに文字や図形を書き出す
>>> 06 ライブラリアイテムの各種プロパティを一括して変更する
>>> 07 ESCショートカットでActionScriptを簡単に入力する
>>> 08 grep機能を使い複数の文字列を一括で操作する
>>> 09 自動処理で複数の画像をまとめて加工する
>>> 10 Illustrator内で完全にシンボル化しFlashにインポートする
>>> 11 コードナビゲータで適用済みのスタイルを一括で表示する
>>> 12 1ファイルで複数のデザインを管理し修正作業時間を短縮する
twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちらMdNについて

この連載のすべての記事

アクセスランキング

8.30-9.5

MdN BOOKS|デザインの本

Pick upコンテンツ

現在