増やした タブインデントを一段減らす3つの方法。逆TABインデント

3-ways-to-reverse-indentation-top

タブインデント派のコーダーのみなさん、インデントを複数行一括で減らしたい人はどうしていますか?イチイチ手動で消していたり、正規表現で置換していた人、まだローテクで消耗してるの?そんな面倒なことや回りくどいことしなくても簡単に逆TABインデントできる方法がありました。まさに灯台下暗し!

どーも、インデントはタブ派のdice(@dice_dDtea)です。
スペースのインデントはイラっときます。巷ではスペースの方が主流という噂もありますがキホン的にコーディングは自己完結のプロジェクトでしかやっていないので

I don’t care! ¯\_(ツ)_/¯ Who cares?

それはさておき、今回は インデント「タブ派」に朗報なお話。

個人的に最近Sassに入門してハマってるんですが、あれってネストがウリですよね?自然とインデント多用します。しかし、調子乗って階層深くするとCSSにコンパイルした時どーも無駄が多くエレガントじゃない。

こーいう時って、増やしたタブのインデントどーしてますか?
別にSassだけの話ではなく、HTMLだって、PHP、JSも階層構造を持たせる場合は見やすくするためにタブなりインデントしますよね?
今回は、増やしたタブインデントをまとめて一段減らす方法を探ってみました。

スポンサード リンク

1.手動で一つ一つ消す

_人人人人人人人人人人人人_
> 手動で一つ一つ消す! <
 ̄Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y ̄
サマ・ウーマン

う~わ、くっそめんどうだね。

ミスター・ポッポ

ローテクだな。ポポポw

dice

華々しいクリエイティブの仕事ってのは、実際は殆どコツコツと地味な作業を積み重ねですよ

でもね、せっかく「電算機」使ってるんですから自動でやりたいもんですよ。

2.Ctrl + R! 正規表現で選び置換して消し去る

検索文字列
^\t
置換文字列

※置換文字列は書き忘れじゃなく(から)ってことです。
「何もない」に置換するということで「削除する」という意味になります。
^」は行頭、「\t」はタブ文字。タブ2つ削除したい場合は「^\t\t

ちなみにスペースでインデントしてるんなら

検索文字列
^ 
置換文字列

※スペースは「 」がベター。
\s」もスペースを意味するが「改行だけの行」も含まってしまうんで意図しないものまで消えますね。

サマ・ウーマン

正規表現スゲーーーー!(小並感)

dice

でもね、普段から正規表現なんてあまり使っていないノンプログラマーなクリエイターは忘れたらその都度わざわざ調べないといけないのがメンドウよね。

こんな回りくどいやり方しないでキーボードだけで解決できないか?




ありました!

3.選んで ショートカットキー!!!!

サマ・ウーマン

え?ショートカットキーあるのかよッッッ!

dice

調べたらありました。
インデント増やすときは増やしたい行を選んで Tab キー一発でしたが・・・、

Shift + Tab

サマ・ウーマン

まじかーーーーー!

dice

ここ数年でイチバンの知って感動したことかもしれない・・・。

サマ・ウーマン

なんだかんだ今まで手動でやってたよな?
リズミカルなキー音出して(笑)

そう、知ってた人にとっては・・・、

ミスター・ポッポ

知らなかったのかよ。ポポポw

羊山 スブラッキー

手動とか、マジうけるんですけど。

サマ・ウーマン

人生損したな!

鰐淵 カイマン

手動(ローテク)な奴は・・・・
非効率(ナンセンス)(ダンス)っちまうんだな・・・・

dice

・・・。

〆 まとめ

対象を選んで、

インデント増やしたい場合は

[Tab]

インデント減らしたい場合は

[Shift] + [Tab]

dice
サマ・ウーマン

タブ派に幸多かれ
\(^o^)/
それでは~

コメント

Facebookコメント

※コメントしたけど表示されてない方へ

パーマリンクを変えてしまったおかげで表示されなくなってしまいました。
折角コメントいただいたのにスイマセンm(__)m
パーマリンク変更しても何とか表示できる方法を現在模索中です。