[Xcode]Xcodeのエディタ設定-表示編

#はじめに
久しぶりにXcodeのエディタの設定を見直す機会があったので、それぞれの機能や設定の仕方をまとめることにしました。
今回はそのうち表示に関連するものです。

本記事においては、以下の環境に基づいて記述しています。
Xcode：Version 12.4 (12D4e)

#本編
以下の項目は全てXcode->Preferences->TextEditingから設定できます。
Displayの部分を上から順に概要を示します。
![スクリーンショット 2021-04-17 23.41.21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/377767/23790027-c5db-e949-59db-9014c454dae4.png)

##Show
###Line numbers
その名の通りエディタ画面の左側の行番号を表示するかしないかの設定です。
普通に表示してた方がいいと思います。

| Off | On | 
|:-----------:|:------------:|
| ![スクリーンショット 2021-04-17 23.46.21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/377767/4e052357-5a65-96db-9b3e-6465e118d6da.png)       | ![スクリーンショット 2021-04-17 23.46.13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/377767/aa355e55-0449-4dc6-1c74-9af7ef2a329d.png)        |

###Code folding ribbon
コードをブロックごとに折り畳むことのできる機能です。デフォルトではオフになってたような気がします。
VSCodeとかではよく使ってたので見つけた瞬間すぐオンにしました。割と便利です。

↓こんな感じ
![1.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/377767/c6bfaf7f-6012-9815-cc54-6a2aace6f09b.gif)

###Mark separators
オンにすると`//MARK: -`コメントを記述した部分に境界線を表示してくれます。

| Off | On | 
|:-----------:|:------------:|
| ![スクリーンショット 2021-04-18 0.25.24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/377767/513111dc-c47b-a6f2-263f-8b4a517505d5.png)       | ![スクリーンショット 2021-04-18 0.25.32.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/377767/6be2adc2-c820-1fd3-52f1-c2a157cc362c.png) |

###Code coverage iteration counts
これはUnitTestに関連する機能です。オンにするとtestを実行後に、関数の呼び出し回数を表示してくれます。

| Off | On | 
|:-----------:|:------------:|
| ![2.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/377767/5374b1f7-899d-b745-0296-274d58161387.gif)       | ![3.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/377767/08e998e2-821e-9fe1-f31d-cd66aa91bb19.gif)
 |



###Page guide at column
１行に何文字までにするかを設定できます。これをオンにした時、設定した文字数を超える部分にガイドが表示されます。
１行何文字ルールとかある人とかには便利だとは思いますが自分は使ってません。

| Off | On | 
|:-----------:|:------------:|
| ![スクリーンショット 2021-04-18 0.19.25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/377767/504f71be-7e39-d64c-f4b3-727f13ac5eec.png)       | ![スクリーンショット 2021-04-18 0.19.10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/377767/f5422f53-883b-5083-ab24-419974a518fd.png) |


###Highlight instances of selected symbol
オンにすると関数や変数などをクリックした時に同じシンボルをハイライトしてくれるようになります。また、クリック後にどれぐらいの秒数後にハイライトされるかも設定できるようになっています。
他人のコード読む時とかないと困るレベルくらいに使ってます。すぐにオンにすべき。

| Off | On | 
|:-----------:|:------------:|
|  ![4.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/377767/314f6c23-a387-3273-bd2d-dd2dbafaa807.gif)    | ![5.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/377767/6d95a529-99ca-18a7-e958-8525283943fd.gif) |

##Documentation Comments
###Fade doc comment delimitters
オンにするとドキュメントコメントの`///`を目立たないようにしてくれます。

| Off | On | 
|:-----------:|:------------:|
| ![スクリーンショット 2021-04-18 0.52.30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/377767/06a1b403-36a7-2657-3f6f-fa33b97b6510.png)| ![スクリーンショット 2021-04-18 0.52.21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/377767/260cc844-687c-17cc-84f0-d49dc8bdfb26.png)
 |

###Fade doc comment markup delimitters
オンにするとドキュメントコメントの`-`を目立たないようにしてくれます。

| Off | On | 
|:-----------:|:------------:|
| ![スクリーンショット 2021-04-18 0.57.14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/377767/96915024-19a1-34bc-e694-8a43223c9d62.png)| ![スクリーンショット 2021-04-18 0.57.02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/377767/2ce6231e-0f89-5962-5015-4d06aa083cb2.png)|

##Line Wrapping
###Wrap Line to editor width
オンにすると１行が画面に収まらない時に、折り返して表示してくれるようになります。また、折り返した行を本来の行に対してどれだけインデントするかの設定ができます。

↓こんな感じの機能です。

| 画面幅が十分 | 画面は幅が不十分 | 
|:-----------:|:------------:|
| ![スクリーンショット 2021-04-18 1.02.45.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/377767/18bdb323-1597-527a-6662-a0e309c79d49.png)|![スクリーンショット 2021-04-18 1.02.59.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/377767/f83f3ec3-93a5-6653-6716-939b06b07278.png) |

##Editor over scroll
プログラムファイルの一番最後の行にいった時に、その下にどれくらいのスペースを表示するかの設定です。

| None | Medium | Large |
|:-----------:|:------------:|:------------:|
| ![スクリーンショット 2021-04-18 1.08.18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/377767/36efcdfd-0c1c-34f8-0b5d-0136352941ad.png)| ![スクリーンショット 2021-04-18 1.08.37.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/377767/5c884675-328e-5f08-8f10-fba66a08efe3.png)|![スクリーンショット 2021-04-18 1.08.49.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/377767/62971c06-1e92-3ec1-cf2c-09aa83614a95.png)
  |

##番外編
###・スペルミスをしたときに赤い下線で示してくれる機能
 Edit->Format->Spelling and Grammar->Check Spelling While Typeで設定できます。
こんな感じ
![スクリーンショット 2021-04-18 1.15.08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/377767/af50c93a-1b73-2f06-006a-6f43d3dc9068.png)

###・タブやスペース、改行の可視化
 Editor->invisibles で設定できます。
こんな感じ
![スクリーンショット 2021-04-18 1.21.21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/377767/e14aca80-f984-fa73-807c-144bd9d8e104.png)






#おわりに
読んでいただいてありがとうございます。ご指摘ご質問等ございましたらコメントかDMまでください。