同じ編集をサッと終わらせる/テキストエディタの矩形選択トリック
テキスト編集時には、同じ編集が複数行に必要な場合があります。例えば、文字列を括弧で囲んだり、キーと値を横に結合する場合などです。
このような場合には、テキストエディタの矩形選択(エディタによってはマルチカーソル等とも呼ばれる)を使うと、一つ一つ編集するよりも速く作業を終わらせることができます。
編集対象が多ければ多いほど、その差は圧倒的に開いていきます。
この記事では、この「矩形選択を使って同じ編集をサッと終わらせる方法」を説明します。さらに、「データベースのテーブル定義から項目の変数定義をコーディングする」という実践的な例も紹介します。
矩形選択の開始方法
使うエディタによって矩形選択の開始方法が異なります。例えばVisual Studio Code、Notepad++、サクラエディタの場合は下の通りです。他のキーを押しながら矢印キーでカーソルを動かすことで、選択範囲を調整できます。
- Visual Studio Code
Ctrl
+Alt
+矢印キー
- Notepad++
Shift
+Alt
+矢印キー
- サクラエディタ
Alt
+矢印キー
以後の説明は、Visual Studio Codeを使って行います。
【基本】行頭・行末編集
例として、文字列の前後に()
を付ける方法を説明します。
サクラエディタは行頭編集のみ可能です。
スタートとゴール
![行頭・行末編集-スタートとゴール](/.netlify/images?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F3693d4e817ba44f39598495c5e648416%2F9a90ec1b194f4915a8641af58f0c7527%2F%25E8%25A1%258C%25E9%25A0%25AD%25E3%2583%25BB%25E8%25A1%258C%25E6%259C%25AB%25E7%25B7%25A8%25E9%259B%2586-%25E3%2582%25B9%25E3%2582%25BF%25E3%2583%25BC%25E3%2583%2588%25E3%2581%25A8%25E3%2582%25B4%25E3%2583%25BC%25E3%2583%25AB.webp&fm=webp&w=527&h=439)
手順
1.1行目の行頭から、5行目まで下方向に矩形選択する。
![行頭・行末編集-手順1](/.netlify/images?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F3693d4e817ba44f39598495c5e648416%2F97b6532ad48c49b585ef309656a116eb%2F%25E8%25A1%258C%25E9%25A0%25AD%25E3%2583%25BB%25E8%25A1%258C%25E6%259C%25AB%25E7%25B7%25A8%25E9%259B%2586-%25E6%2589%258B%25E9%25A0%25861.webp&fm=webp&w=527&h=209)
2.(
を1回入力する。
![行頭・行末編集-手順2](/.netlify/images?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F3693d4e817ba44f39598495c5e648416%2F1c00b0a23eb84e51a3faf837513aea1c%2F%25E8%25A1%258C%25E9%25A0%25AD%25E3%2583%25BB%25E8%25A1%258C%25E6%259C%25AB%25E7%25B7%25A8%25E9%259B%2586-%25E6%2589%258B%25E9%25A0%25862.webp&fm=webp&w=527&h=209)
3.End
を押して行末に移動する。
![行頭・行末編集-手順3](/.netlify/images?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F3693d4e817ba44f39598495c5e648416%2Ff182144a99bc4ef1affe4cc507e01b8e%2F%25E8%25A1%258C%25E9%25A0%25AD%25E3%2583%25BB%25E8%25A1%258C%25E6%259C%25AB%25E7%25B7%25A8%25E9%259B%2586-%25E6%2589%258B%25E9%25A0%25863.webp&fm=webp&w=527&h=209)
4.)
を1回入力する。
![行頭・行末編集-手順4](/.netlify/images?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F3693d4e817ba44f39598495c5e648416%2F98d3a6f76e76443aa6fcf6276091ebb3%2F%25E8%25A1%258C%25E9%25A0%25AD%25E3%2583%25BB%25E8%25A1%258C%25E6%259C%25AB%25E7%25B7%25A8%25E9%259B%2586-%25E6%2589%258B%25E9%25A0%25864.webp&fm=webp&w=527&h=209)
5.Esc
を押して矩形選択を終了する。
![行頭・行末編集-手順5](/.netlify/images?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F3693d4e817ba44f39598495c5e648416%2F27f28cc34fda41538a6765fe8754dccc%2F%25E8%25A1%258C%25E9%25A0%25AD%25E3%2583%25BB%25E8%25A1%258C%25E6%259C%25AB%25E7%25B7%25A8%25E9%259B%2586-%25E6%2589%258B%25E9%25A0%25865.webp&fm=webp&w=527&h=209)
【基本】矩形選択切り取りからの挿入貼り付け
例として、2つのグループを左右に結合してペアを作る方法を説明します。
スタートとゴール
![矩形選択-矩形選択切り取りからの挿入貼り付け-スタートとゴール](/.netlify/images?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F3693d4e817ba44f39598495c5e648416%2F327ab8d841b34b4791125d06975fe331%2F%25E7%259F%25A9%25E5%25BD%25A2%25E9%2581%25B8%25E6%258A%259E-%25E7%259F%25A9%25E5%25BD%25A2%25E9%2581%25B8%25E6%258A%259E%25E5%2588%2587%25E3%2582%258A%25E5%258F%2596%25E3%2582%258A%25E3%2581%258B%25E3%2582%2589%25E3%2581%25AE%25E6%258C%25BF%25E5%2585%25A5%25E8%25B2%25BC%25E3%2582%258A%25E4%25BB%2598%25E3%2581%2591-%25E3%2582%25B9%25E3%2582%25BF%25E3%2583%25BC%25E3%2583%2588%25E3%2581%25A8%25E3%2582%25B4%25E3%2583%25BC%25E3%2583%25AB.webp&fm=webp&w=527&h=758)
手順
1.1行目の行頭から、5行目まで下方向に矩形選択する。
![矩形選択-矩形選択切り取りからの挿入貼り付け-手順1](/.netlify/images?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F3693d4e817ba44f39598495c5e648416%2Fcb40d43948974494a274ebfb0ba0e19e%2F%25E7%259F%25A9%25E5%25BD%25A2%25E9%2581%25B8%25E6%258A%259E-%25E7%259F%25A9%25E5%25BD%25A2%25E9%2581%25B8%25E6%258A%259E%25E5%2588%2587%25E3%2582%258A%25E5%258F%2596%25E3%2582%258A%25E3%2581%258B%25E3%2582%2589%25E3%2581%25AE%25E6%258C%25BF%25E5%2585%25A5%25E8%25B2%25BC%25E3%2582%258A%25E4%25BB%2598%25E3%2581%2591-%25E6%2589%258B%25E9%25A0%25861.webp&fm=webp&w=527&h=368)
2.Shift
+ End
を押して行末までを選択する。
![矩形選択-矩形選択切り取りからの挿入貼り付け-手順2](/.netlify/images?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F3693d4e817ba44f39598495c5e648416%2F01d6861ecd814bc5a25476abd252239e%2F%25E7%259F%25A9%25E5%25BD%25A2%25E9%2581%25B8%25E6%258A%259E-%25E7%259F%25A9%25E5%25BD%25A2%25E9%2581%25B8%25E6%258A%259E%25E5%2588%2587%25E3%2582%258A%25E5%258F%2596%25E3%2582%258A%25E3%2581%258B%25E3%2582%2589%25E3%2581%25AE%25E6%258C%25BF%25E5%2585%25A5%25E8%25B2%25BC%25E3%2582%258A%25E4%25BB%2598%25E3%2581%2591-%25E6%2589%258B%25E9%25A0%25862.webp&fm=webp&w=527&h=368)
3.Ctrl
+ X
を押して選択範囲を切り取る。
![矩形選択-矩形選択切り取りからの挿入貼り付け-手順3](/.netlify/images?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F3693d4e817ba44f39598495c5e648416%2Ff14ad25901b9490fa373d52a91128721%2F%25E7%259F%25A9%25E5%25BD%25A2%25E9%2581%25B8%25E6%258A%259E-%25E7%259F%25A9%25E5%25BD%25A2%25E9%2581%25B8%25E6%258A%259E%25E5%2588%2587%25E3%2582%258A%25E5%258F%2596%25E3%2582%258A%25E3%2581%258B%25E3%2582%2589%25E3%2581%25AE%25E6%258C%25BF%25E5%2585%25A5%25E8%25B2%25BC%25E3%2582%258A%25E4%25BB%2598%25E3%2581%2591-%25E6%2589%258B%25E9%25A0%25863.webp&fm=webp&w=527&h=368)
4.Esc
を押して矩形選択を終了する。
![矩形選択-矩形選択切り取りからの挿入貼り付け-手順4](/.netlify/images?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F3693d4e817ba44f39598495c5e648416%2F68618d158b5f4fd18b905d3c6186eac4%2F%25E7%259F%25A9%25E5%25BD%25A2%25E9%2581%25B8%25E6%258A%259E-%25E7%259F%25A9%25E5%25BD%25A2%25E9%2581%25B8%25E6%258A%259E%25E5%2588%2587%25E3%2582%258A%25E5%258F%2596%25E3%2582%258A%25E3%2581%258B%25E3%2582%2589%25E3%2581%25AE%25E6%258C%25BF%25E5%2585%25A5%25E8%25B2%25BC%25E3%2582%258A%25E4%25BB%2598%25E3%2581%2591-%25E6%2589%258B%25E9%25A0%25864.webp&fm=webp&w=527&h=368)
5.7行目の行頭から、11行目まで下方向に矩形選択する。
![矩形選択-矩形選択切り取りからの挿入貼り付け-手順5](/.netlify/images?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F3693d4e817ba44f39598495c5e648416%2F764cd2a3674a47bfbbb2354ba76c8c96%2F%25E7%259F%25A9%25E5%25BD%25A2%25E9%2581%25B8%25E6%258A%259E-%25E7%259F%25A9%25E5%25BD%25A2%25E9%2581%25B8%25E6%258A%259E%25E5%2588%2587%25E3%2582%258A%25E5%258F%2596%25E3%2582%258A%25E3%2581%258B%25E3%2582%2589%25E3%2581%25AE%25E6%258C%25BF%25E5%2585%25A5%25E8%25B2%25BC%25E3%2582%258A%25E4%25BB%2598%25E3%2581%2591-%25E6%2589%258B%25E9%25A0%25865.webp&fm=webp&w=527&h=368)
6.Ctrl
+ V
を押して張り付ける。
![矩形選択-矩形選択切り取りからの挿入貼り付け-手順6](/.netlify/images?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F3693d4e817ba44f39598495c5e648416%2F0de844db69d246d486fbb7566a7afe8b%2F%25E7%259F%25A9%25E5%25BD%25A2%25E9%2581%25B8%25E6%258A%259E-%25E7%259F%25A9%25E5%25BD%25A2%25E9%2581%25B8%25E6%258A%259E%25E5%2588%2587%25E3%2582%258A%25E5%258F%2596%25E3%2582%258A%25E3%2581%258B%25E3%2582%2589%25E3%2581%25AE%25E6%258C%25BF%25E5%2585%25A5%25E8%25B2%25BC%25E3%2582%258A%25E4%25BB%2598%25E3%2581%2591-%25E6%2589%258B%25E9%25A0%25866.webp&fm=webp&w=527&h=368)
7.Esc
を押して矩形選択を終了する。
![矩形選択-矩形選択切り取りからの挿入貼り付け-手順7](/.netlify/images?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F3693d4e817ba44f39598495c5e648416%2Fa454438fd6d04f3e9df9c324368076fb%2F%25E7%259F%25A9%25E5%25BD%25A2%25E9%2581%25B8%25E6%258A%259E-%25E7%259F%25A9%25E5%25BD%25A2%25E9%2581%25B8%25E6%258A%259E%25E5%2588%2587%25E3%2582%258A%25E5%258F%2596%25E3%2582%258A%25E3%2581%258B%25E3%2582%2589%25E3%2581%25AE%25E6%258C%25BF%25E5%2585%25A5%25E8%25B2%25BC%25E3%2582%258A%25E4%25BB%2598%25E3%2581%2591-%25E6%2589%258B%25E9%25A0%25867.webp&fm=webp&w=527&h=368)
【実践】データベースのテーブル定義から項目の変数定義をコーディングする
例として、下の項目を持つテーブル定義から、Pythonで項目の変数定義をコーディングする方法を説明します。
- customer_id
- first_name
- last_name
- phone_number
スタートとゴール
![矩形選択-データベースのテーブル定義から項目の変数定義をコーディングする-スタートとゴール](/.netlify/images?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F3693d4e817ba44f39598495c5e648416%2F1442794684c14f06a74986777fcca5cf%2F%25E7%259F%25A9%25E5%25BD%25A2%25E9%2581%25B8%25E6%258A%259E-%25E3%2583%2587%25E3%2583%25BC%25E3%2582%25BF%25E3%2583%2599%25E3%2583%25BC%25E3%2582%25B9%25E3%2581%25AE%25E3%2583%2586%25E3%2583%25BC%25E3%2583%2596%25E3%2583%25AB%25E5%25AE%259A%25E7%25BE%25A9%25E3%2581%258B%25E3%2582%2589%25E9%25A0%2585%25E7%259B%25AE%25E3%2581%25AE%25E5%25A4%2589%25E6%2595%25B0%25E5%25AE%259A%25E7%25BE%25A9%25E3%2582%2592%25E3%2582%25B3%25E3%2583%25BC%25E3%2583%2587%25E3%2582%25A3%25E3%2583%25B3%25E3%2582%25B0%25E3%2581%2599%25E3%2582%258B-%25E3%2582%25B9%25E3%2582%25BF%25E3%2583%25BC%25E3%2583%2588%25E3%2581%25A8%25E3%2582%25B4%25E3%2583%25BC%25E3%2583%25AB.webp&fm=webp&w=527&h=758)
手順
1.1行目から5行目までを選択(矩形選択でなくても可)し、Ctrl
+ C
を押してコピーする。
![矩形選択-データベースのテーブル定義から項目の変数定義をコーディングする-手順1](/.netlify/images?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F3693d4e817ba44f39598495c5e648416%2Fc4c804577e9e4d8eb3e5b2f9920ab32a%2F%25E7%259F%25A9%25E5%25BD%25A2%25E9%2581%25B8%25E6%258A%259E-%25E3%2583%2587%25E3%2583%25BC%25E3%2582%25BF%25E3%2583%2599%25E3%2583%25BC%25E3%2582%25B9%25E3%2581%25AE%25E3%2583%2586%25E3%2583%25BC%25E3%2583%2596%25E3%2583%25AB%25E5%25AE%259A%25E7%25BE%25A9%25E3%2581%258B%25E3%2582%2589%25E9%25A0%2585%25E7%259B%25AE%25E3%2581%25AE%25E5%25A4%2589%25E6%2595%25B0%25E5%25AE%259A%25E7%25BE%25A9%25E3%2582%2592%25E3%2582%25B3%25E3%2583%25BC%25E3%2583%2587%25E3%2582%25A3%25E3%2583%25B3%25E3%2582%25B0%25E3%2581%2599%25E3%2582%258B-%25E6%2589%258B%25E9%25A0%25861.webp&fm=webp&w=527&h=368)
2.Ctrl
+ V
を押して、下に張り付ける。
![矩形選択-データベースのテーブル定義から項目の変数定義をコーディングする-手順2](/.netlify/images?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F3693d4e817ba44f39598495c5e648416%2F4bf5adda279944ee938db47ff9f5e872%2F%25E7%259F%25A9%25E5%25BD%25A2%25E9%2581%25B8%25E6%258A%259E-%25E3%2583%2587%25E3%2583%25BC%25E3%2582%25BF%25E3%2583%2599%25E3%2583%25BC%25E3%2582%25B9%25E3%2581%25AE%25E3%2583%2586%25E3%2583%25BC%25E3%2583%2596%25E3%2583%25AB%25E5%25AE%259A%25E7%25BE%25A9%25E3%2581%258B%25E3%2582%2589%25E9%25A0%2585%25E7%259B%25AE%25E3%2581%25AE%25E5%25A4%2589%25E6%2595%25B0%25E5%25AE%259A%25E7%25BE%25A9%25E3%2582%2592%25E3%2582%25B3%25E3%2583%25BC%25E3%2583%2587%25E3%2582%25A3%25E3%2583%25B3%25E3%2582%25B0%25E3%2581%2599%25E3%2582%258B-%25E6%2589%258B%25E9%25A0%25862.webp&fm=webp&w=527&h=368)
3.1行目の行頭から、5行目まで下方向に矩形選択する。
![矩形選択-データベースのテーブル定義から項目の変数定義をコーディングする-手順3](/.netlify/images?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F3693d4e817ba44f39598495c5e648416%2F9eca5ebff0914166bba7007a8d22e966%2F%25E7%259F%25A9%25E5%25BD%25A2%25E9%2581%25B8%25E6%258A%259E-%25E3%2583%2587%25E3%2583%25BC%25E3%2582%25BF%25E3%2583%2599%25E3%2583%25BC%25E3%2582%25B9%25E3%2581%25AE%25E3%2583%2586%25E3%2583%25BC%25E3%2583%2596%25E3%2583%25AB%25E5%25AE%259A%25E7%25BE%25A9%25E3%2581%258B%25E3%2582%2589%25E9%25A0%2585%25E7%259B%25AE%25E3%2581%25AE%25E5%25A4%2589%25E6%2595%25B0%25E5%25AE%259A%25E7%25BE%25A9%25E3%2582%2592%25E3%2582%25B3%25E3%2583%25BC%25E3%2583%2587%25E3%2582%25A3%25E3%2583%25B3%25E3%2582%25B0%25E3%2581%2599%25E3%2582%258B-%25E6%2589%258B%25E9%25A0%25863.webp&fm=webp&w=527&h=368)
4. = "
を入力する。
![矩形選択-データベースのテーブル定義から項目の変数定義をコーディングする-手順4](/.netlify/images?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F3693d4e817ba44f39598495c5e648416%2F831a1a5cb81c4597b04bafa8a31083db%2F%25E7%259F%25A9%25E5%25BD%25A2%25E9%2581%25B8%25E6%258A%259E-%25E3%2583%2587%25E3%2583%25BC%25E3%2582%25BF%25E3%2583%2599%25E3%2583%25BC%25E3%2582%25B9%25E3%2581%25AE%25E3%2583%2586%25E3%2583%25BC%25E3%2583%2596%25E3%2583%25AB%25E5%25AE%259A%25E7%25BE%25A9%25E3%2581%258B%25E3%2582%2589%25E9%25A0%2585%25E7%259B%25AE%25E3%2581%25AE%25E5%25A4%2589%25E6%2595%25B0%25E5%25AE%259A%25E7%25BE%25A9%25E3%2582%2592%25E3%2582%25B3%25E3%2583%25BC%25E3%2583%2587%25E3%2582%25A3%25E3%2583%25B3%25E3%2582%25B0%25E3%2581%2599%25E3%2582%258B-%25E6%2589%258B%25E9%25A0%25864.webp&fm=webp&w=527&h=368)
5.End
を押して行末に移動する。
![矩形選択-データベースのテーブル定義から項目の変数定義をコーディングする-手順5](/.netlify/images?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F3693d4e817ba44f39598495c5e648416%2F51848fa2d5ae4ee68f8617d971a9952a%2F%25E7%259F%25A9%25E5%25BD%25A2%25E9%2581%25B8%25E6%258A%259E-%25E3%2583%2587%25E3%2583%25BC%25E3%2582%25BF%25E3%2583%2599%25E3%2583%25BC%25E3%2582%25B9%25E3%2581%25AE%25E3%2583%2586%25E3%2583%25BC%25E3%2583%2596%25E3%2583%25AB%25E5%25AE%259A%25E7%25BE%25A9%25E3%2581%258B%25E3%2582%2589%25E9%25A0%2585%25E7%259B%25AE%25E3%2581%25AE%25E5%25A4%2589%25E6%2595%25B0%25E5%25AE%259A%25E7%25BE%25A9%25E3%2582%2592%25E3%2582%25B3%25E3%2583%25BC%25E3%2583%2587%25E3%2582%25A3%25E3%2583%25B3%25E3%2582%25B0%25E3%2581%2599%25E3%2582%258B-%25E6%2589%258B%25E9%25A0%25865.webp&fm=webp&w=527&h=368)
6."
を入力する。
![矩形選択-データベースのテーブル定義から項目の変数定義をコーディングする-手順6](/.netlify/images?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F3693d4e817ba44f39598495c5e648416%2Ff5a2eefc5a8341de873373f716d4d3b9%2F%25E7%259F%25A9%25E5%25BD%25A2%25E9%2581%25B8%25E6%258A%259E-%25E3%2583%2587%25E3%2583%25BC%25E3%2582%25BF%25E3%2583%2599%25E3%2583%25BC%25E3%2582%25B9%25E3%2581%25AE%25E3%2583%2586%25E3%2583%25BC%25E3%2583%2596%25E3%2583%25AB%25E5%25AE%259A%25E7%25BE%25A9%25E3%2581%258B%25E3%2582%2589%25E9%25A0%2585%25E7%259B%25AE%25E3%2581%25AE%25E5%25A4%2589%25E6%2595%25B0%25E5%25AE%259A%25E7%25BE%25A9%25E3%2582%2592%25E3%2582%25B3%25E3%2583%25BC%25E3%2583%2587%25E3%2582%25A3%25E3%2583%25B3%25E3%2582%25B0%25E3%2581%2599%25E3%2582%258B-%25E6%2589%258B%25E9%25A0%25866.webp&fm=webp&w=527&h=368)
7.Esc
を押して矩形選択を終了する。
![矩形選択-データベースのテーブル定義から項目の変数定義をコーディングする-手順7](/.netlify/images?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F3693d4e817ba44f39598495c5e648416%2F78159c6f7c664d159160f279702e88b3%2F%25E7%259F%25A9%25E5%25BD%25A2%25E9%2581%25B8%25E6%258A%259E-%25E3%2583%2587%25E3%2583%25BC%25E3%2582%25BF%25E3%2583%2599%25E3%2583%25BC%25E3%2582%25B9%25E3%2581%25AE%25E3%2583%2586%25E3%2583%25BC%25E3%2583%2596%25E3%2583%25AB%25E5%25AE%259A%25E7%25BE%25A9%25E3%2581%258B%25E3%2582%2589%25E9%25A0%2585%25E7%259B%25AE%25E3%2581%25AE%25E5%25A4%2589%25E6%2595%25B0%25E5%25AE%259A%25E7%25BE%25A9%25E3%2582%2592%25E3%2582%25B3%25E3%2583%25BC%25E3%2583%2587%25E3%2582%25A3%25E3%2583%25B3%25E3%2582%25B0%25E3%2581%2599%25E3%2582%258B-%25E6%2589%258B%25E9%25A0%25867.webp&fm=webp&w=527&h=368)
8.7行目の行頭から、11行目まで下方向に矩形選択する。
![矩形選択-データベースのテーブル定義から項目の変数定義をコーディングする-手順8](/.netlify/images?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F3693d4e817ba44f39598495c5e648416%2F5dbb6dec03bb4e849d2739a8f03845fa%2F%25E7%259F%25A9%25E5%25BD%25A2%25E9%2581%25B8%25E6%258A%259E-%25E3%2583%2587%25E3%2583%25BC%25E3%2582%25BF%25E3%2583%2599%25E3%2583%25BC%25E3%2582%25B9%25E3%2581%25AE%25E3%2583%2586%25E3%2583%25BC%25E3%2583%2596%25E3%2583%25AB%25E5%25AE%259A%25E7%25BE%25A9%25E3%2581%258B%25E3%2582%2589%25E9%25A0%2585%25E7%259B%25AE%25E3%2581%25AE%25E5%25A4%2589%25E6%2595%25B0%25E5%25AE%259A%25E7%25BE%25A9%25E3%2582%2592%25E3%2582%25B3%25E3%2583%25BC%25E3%2583%2587%25E3%2582%25A3%25E3%2583%25B3%25E3%2582%25B0%25E3%2581%2599%25E3%2582%258B-%25E6%2589%258B%25E9%25A0%25868.webp&fm=webp&w=527&h=368)
9.Shift
+ End
を押して行末までを選択する。
![矩形選択-データベースのテーブル定義から項目の変数定義をコーディングする-手順9](/.netlify/images?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F3693d4e817ba44f39598495c5e648416%2F2c1810a3f7ca4c50919db691b7b0e52a%2F%25E7%259F%25A9%25E5%25BD%25A2%25E9%2581%25B8%25E6%258A%259E-%25E3%2583%2587%25E3%2583%25BC%25E3%2582%25BF%25E3%2583%2599%25E3%2583%25BC%25E3%2582%25B9%25E3%2581%25AE%25E3%2583%2586%25E3%2583%25BC%25E3%2583%2596%25E3%2583%25AB%25E5%25AE%259A%25E7%25BE%25A9%25E3%2581%258B%25E3%2582%2589%25E9%25A0%2585%25E7%259B%25AE%25E3%2581%25AE%25E5%25A4%2589%25E6%2595%25B0%25E5%25AE%259A%25E7%25BE%25A9%25E3%2582%2592%25E3%2582%25B3%25E3%2583%25BC%25E3%2583%2587%25E3%2582%25A3%25E3%2583%25B3%25E3%2582%25B0%25E3%2581%2599%25E3%2582%258B-%25E6%2589%258B%25E9%25A0%25869.webp&fm=webp&w=527&h=368)
10.エディタの編集機能で選択範囲を大文字にする(Visual Studio Codeの場合は、Ctrl
+ Shift
+ P
でコマンドパレットを開き、「大文字に変換」を選択する)。
![矩形選択-データベースのテーブル定義から項目の変数定義をコーディングする-手順10](/.netlify/images?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F3693d4e817ba44f39598495c5e648416%2Fe98d1c1ca6e34ea3ae58aa14992b8389%2F%25E7%259F%25A9%25E5%25BD%25A2%25E9%2581%25B8%25E6%258A%259E-%25E3%2583%2587%25E3%2583%25BC%25E3%2582%25BF%25E3%2583%2599%25E3%2583%25BC%25E3%2582%25B9%25E3%2581%25AE%25E3%2583%2586%25E3%2583%25BC%25E3%2583%2596%25E3%2583%25AB%25E5%25AE%259A%25E7%25BE%25A9%25E3%2581%258B%25E3%2582%2589%25E9%25A0%2585%25E7%259B%25AE%25E3%2581%25AE%25E5%25A4%2589%25E6%2595%25B0%25E5%25AE%259A%25E7%25BE%25A9%25E3%2582%2592%25E3%2582%25B3%25E3%2583%25BC%25E3%2583%2587%25E3%2582%25A3%25E3%2583%25B3%25E3%2582%25B0%25E3%2581%2599%25E3%2582%258B-%25E6%2589%258B%25E9%25A0%258610.webp&fm=webp&w=527&h=368)
11.Ctrl
+ X
を押して選択範囲を切り取る。
![矩形選択-データベースのテーブル定義から項目の変数定義をコーディングする-手順11](/.netlify/images?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F3693d4e817ba44f39598495c5e648416%2F1e766ace20834fcc92dabaa6637c32a3%2F%25E7%259F%25A9%25E5%25BD%25A2%25E9%2581%25B8%25E6%258A%259E-%25E3%2583%2587%25E3%2583%25BC%25E3%2582%25BF%25E3%2583%2599%25E3%2583%25BC%25E3%2582%25B9%25E3%2581%25AE%25E3%2583%2586%25E3%2583%25BC%25E3%2583%2596%25E3%2583%25AB%25E5%25AE%259A%25E7%25BE%25A9%25E3%2581%258B%25E3%2582%2589%25E9%25A0%2585%25E7%259B%25AE%25E3%2581%25AE%25E5%25A4%2589%25E6%2595%25B0%25E5%25AE%259A%25E7%25BE%25A9%25E3%2582%2592%25E3%2582%25B3%25E3%2583%25BC%25E3%2583%2587%25E3%2582%25A3%25E3%2583%25B3%25E3%2582%25B0%25E3%2581%2599%25E3%2582%258B-%25E6%2589%258B%25E9%25A0%258611.webp&fm=webp&w=527&h=368)
12.Esc
を押して矩形選択を終了する。
![矩形選択-データベースのテーブル定義から項目の変数定義をコーディングする-手順12](/.netlify/images?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F3693d4e817ba44f39598495c5e648416%2Fa4b9b539830648ab9b48cc8ae36f886a%2F%25E7%259F%25A9%25E5%25BD%25A2%25E9%2581%25B8%25E6%258A%259E-%25E3%2583%2587%25E3%2583%25BC%25E3%2582%25BF%25E3%2583%2599%25E3%2583%25BC%25E3%2582%25B9%25E3%2581%25AE%25E3%2583%2586%25E3%2583%25BC%25E3%2583%2596%25E3%2583%25AB%25E5%25AE%259A%25E7%25BE%25A9%25E3%2581%258B%25E3%2582%2589%25E9%25A0%2585%25E7%259B%25AE%25E3%2581%25AE%25E5%25A4%2589%25E6%2595%25B0%25E5%25AE%259A%25E7%25BE%25A9%25E3%2582%2592%25E3%2582%25B3%25E3%2583%25BC%25E3%2583%2587%25E3%2582%25A3%25E3%2583%25B3%25E3%2582%25B0%25E3%2581%2599%25E3%2582%258B-%25E6%2589%258B%25E9%25A0%258612.webp&fm=webp&w=527&h=368)
13.1行目の行頭から、5行目まで下方向に矩形選択する。
![矩形選択-データベースのテーブル定義から項目の変数定義をコーディングする-手順13](/.netlify/images?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F3693d4e817ba44f39598495c5e648416%2Fc6ae7c65a61f469baf21cb67248e353b%2F%25E7%259F%25A9%25E5%25BD%25A2%25E9%2581%25B8%25E6%258A%259E-%25E3%2583%2587%25E3%2583%25BC%25E3%2582%25BF%25E3%2583%2599%25E3%2583%25BC%25E3%2582%25B9%25E3%2581%25AE%25E3%2583%2586%25E3%2583%25BC%25E3%2583%2596%25E3%2583%25AB%25E5%25AE%259A%25E7%25BE%25A9%25E3%2581%258B%25E3%2582%2589%25E9%25A0%2585%25E7%259B%25AE%25E3%2581%25AE%25E5%25A4%2589%25E6%2595%25B0%25E5%25AE%259A%25E7%25BE%25A9%25E3%2582%2592%25E3%2582%25B3%25E3%2583%25BC%25E3%2583%2587%25E3%2582%25A3%25E3%2583%25B3%25E3%2582%25B0%25E3%2581%2599%25E3%2582%258B-%25E6%2589%258B%25E9%25A0%258613.webp&fm=webp&w=527&h=368)
14.Ctrl
+ V
を押して張り付ける。
![矩形選択-データベースのテーブル定義から項目の変数定義をコーディングする-手順14](/.netlify/images?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F3693d4e817ba44f39598495c5e648416%2Fac647196644544ddacfac42a5c0dd028%2F%25E7%259F%25A9%25E5%25BD%25A2%25E9%2581%25B8%25E6%258A%259E-%25E3%2583%2587%25E3%2583%25BC%25E3%2582%25BF%25E3%2583%2599%25E3%2583%25BC%25E3%2582%25B9%25E3%2581%25AE%25E3%2583%2586%25E3%2583%25BC%25E3%2583%2596%25E3%2583%25AB%25E5%25AE%259A%25E7%25BE%25A9%25E3%2581%258B%25E3%2582%2589%25E9%25A0%2585%25E7%259B%25AE%25E3%2581%25AE%25E5%25A4%2589%25E6%2595%25B0%25E5%25AE%259A%25E7%25BE%25A9%25E3%2582%2592%25E3%2582%25B3%25E3%2583%25BC%25E3%2583%2587%25E3%2582%25A3%25E3%2583%25B3%25E3%2582%25B0%25E3%2581%2599%25E3%2582%258B-%25E6%2589%258B%25E9%25A0%258614.webp&fm=webp&w=527&h=368)
15.Esc
を押して矩形選択を終了する。
![矩形選択-データベースのテーブル定義から項目の変数定義をコーディングする-手順15](/.netlify/images?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F3693d4e817ba44f39598495c5e648416%2F2136736177554e4eadc37de41dd8dfc7%2F%25E7%259F%25A9%25E5%25BD%25A2%25E9%2581%25B8%25E6%258A%259E-%25E3%2583%2587%25E3%2583%25BC%25E3%2582%25BF%25E3%2583%2599%25E3%2583%25BC%25E3%2582%25B9%25E3%2581%25AE%25E3%2583%2586%25E3%2583%25BC%25E3%2583%2596%25E3%2583%25AB%25E5%25AE%259A%25E7%25BE%25A9%25E3%2581%258B%25E3%2582%2589%25E9%25A0%2585%25E7%259B%25AE%25E3%2581%25AE%25E5%25A4%2589%25E6%2595%25B0%25E5%25AE%259A%25E7%25BE%25A9%25E3%2582%2592%25E3%2582%25B3%25E3%2583%25BC%25E3%2583%2587%25E3%2582%25A3%25E3%2583%25B3%25E3%2582%25B0%25E3%2581%2599%25E3%2582%258B-%25E6%2589%258B%25E9%25A0%258615.webp&fm=webp&w=527&h=368)
参考
この記事は以下の情報を参考にしました。
関連タグの記事
![Ryota Kondo](/.netlify/images?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F3693d4e817ba44f39598495c5e648416%2F3995f2f7d4374fd5bcf444c11f56ddd7%2Frk-icon.png&fm=webp&w=100&h=100)