소개

Rails등에서, 코드를 치고 끝난 후에, 전체의 밸런스를 정돈하고 싶을 때가 있지요.
코드를 생각하는데 미치게 되어 버려, 보답해 보면, 들여쓰기가 엉망이 되어, 엄청 보기 어려운 밸런스가 되어 버리거나.
또, 복수의 요소를 넘는 형태로, 부모 요소를 나중에 추가하려고 하고, 자식 요소의 모든 행에 대해, 1 스페이스분의 들여쓰기를 비워야 할 때도 있다고 생각합니다.
프로그래밍 돌출의 나는, 들여쓰기를 비우기 위해서, 오로지 TAB 키를 계속 치고 있었습니다.

그런 가운데, 「직사각형 선택」되는 와자를 알고 나서, 세계가 바뀌었습니다.
알고 있는 분도 많다고 생각합니다만, 만약 사용하고 있지 or 모르는 분이 있으면, 매우 아깝다고 생각하므로, 이 편리한 기술을 공유시키고 싶습니다.

이런 때는 어떻습니까?

다음 코드를 참조하세요.

devise를 이용하여 사용자의 신규 등록 화면을 작성한 코드입니다.
이것만으로, 기능으로서는 이용할 수 있습니다만, 외형이 아름답지 않습니다.

Bootstrap을 사용하여 균형을 유지하고 싶습니다.<div class="container"><div class="row">에 둘러싸려고 합니다.

qiita.rb

<div class="container" >
  <div class="row" >
  -------------　←ここに上のコードを入れ込みたい！！！
  </div >
</div >

맞습니다.
사이에 넣는 것만이라면 괜찮습니다만, 리더블 코드를 의식한다면, 모든 행에 들여쓰기를 하는 것이 아름답게 될 것 같습니다.

하지만 귀찮네요.
이해합니다.
그런 때에, 이용할 수 있는 것이 이 「사각형 선택」입니다!

직사각형 선택(블록 선택)이란?

매우 편리한 기능의 사용은 간단합니다.
macOS의 경우,

키보드로 사각형 선택 명령

開始する箇所をクリックしておく
［Shift］＋［Option］＋［Command］＋矢印キー
そのままドラッグ

이것뿐입니다.
더 알기 쉽게 설명하면,

이 방법으로 시작할 위치를 클릭합니다.
그리고 ↑의 명령을 입력하면,

무엇이든 편리하게, <div class="field"> 전체를 둘러싸도록 포인터가 확대되었습니다.
여기까지 할 수 있으면, 이제 간단합니다.
보기 쉽도록 ↑ 부분만 들여쓰기를 비우면 이런 느낌이 듭니다.

네, 짜증나게 편리합니다.

직사각형 선택의 다른 사용법

물론 공간을 비울 뿐만 아니라 문자를 칠 수도 있습니다.

한 번 문자를 입력하는 것만으로, 직사각형 선택한 다른 행에도 같은 문자를 칠 수 있었습니다.
그 밖에도 여러가지 응용한 사용법이 있으므로, 흥미가 있는 분은 조사해 보세요!

결론

프로그래밍의 세계에는 이렇게 작업 시간을 축소할 수 있는 작은 부분이 많이 있다고 생각합니다.
모든 것을 단번에 기억하는 것은 어렵습니다만, 하나하나 몸에 익숙해져 가면, 매우 스마트한 프로그래머가 될 수 있는 날이 다가올지도 모릅니다!