1. hayatokunn

    Posted

    hayatokunn
Changes in title
+Visual Studio Codeの一括置換
Changes in tags
Changes in body
Source | HTML | Preview
@@ -0,0 +1,27 @@
+# 背景
+現在チームでアプリを開発している際に、haml、htmlで各個人個人が担当のviewを作成
+個人個人が当てたclass名が他の人のviewに影響を与えるためclass名を変えたいがhamlで記載しているため、変更箇所が多い...
+そんな時に使えるテクニック!!
+
+# 使い方
+`command + F`
+<img width="282" alt="スクリーンショット 2019-08-21 23.06.30.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/485253/110538f0-d8e9-a96e-d76e-23b44f884683.png">
+
+図の矢印をクリック
+<img width="282" alt="スクリーンショット 2019-08-21 23.07.45.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/485253/c25c2dac-18e9-28d2-f117-cc65d5072f6f.png">
+
+今回はclass名を
+contents→contents1としたい!!!
+<img width="484" alt="スクリーンショット 2019-08-21 23.10.41.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/485253/7c20e1e7-b8db-3c9b-0509-f84c3f358029.png">
+
+<img width="121" alt="スクリーンショット 2019-08-21 23.11.54.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/485253/f5c5b281-71f3-3729-1d6c-d130e021571f.png">
+右側をクリック
+<img width="469" alt="スクリーンショット 2019-08-21 23.12.46.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/485253/dbef8eee-3469-0efa-61ee-673f0a9ea9de.png">
+class名が全て変わった!!!
+
+# 以上
+正規表現も使えます!!
+自分にスキルがないだけで色々とできそうですね。
+一つずつ吸収していきたいです!
+
+