普段使いしているUnityエディタのレイアウト紹介

# はじめに
この記事は[Aprilknights Advent Calendar 2022](https://adventar.org/calendars/8003)の12月5日担当の記事になります。

Qiitaは読む専だったので初めての投稿です。機会がなければずっとReadOnlyなメンバーでした…
なので大した話題はないのですが、ふとしたきっかけのあった**Unityエディタのレイアウト**について触れてみたいと思います。

Unityエディタはデフォルトのレイアウトから位置、大きさなどを変えて自分好みに、利用しやすいようにカスタマイズできます。
人それぞれレイアウトは違うとは思いますが、本記事では**自分が普段使いしているレイアウト**をご紹介したいと思います。


投稿者は1つ好きなクリスマスソングを挙げることになっています。
<iframe width="560" height="315" src="https://www.youtube.com/embed/aeBiVi-UK7c" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

MISIAの歌うEverythingの中で一番好きな歌い方。

# 環境
- Unity2021.3.4f1
- テンプレート `2D Platformer Microgame`

# Unitエディタのカスタマイズについて
エディタの基本のカスタマイズ方法については[公式ページ](https://docs.unity3d.com/ja/2021.3/Manual/CustomizingYourWorkspace.html)がありますので、まずはこちらをご覧ください。

![スクリーンショット 2022-12-04 174231.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2984673/d78a6b11-9268-280f-8dc9-dca8c86edece.png)
あらかじめ用意されているレイアウトとしては
- `2 by 3`
- `4 Split`
- `Default`
- `Tall`
- `Wide`

の5種類があり、そこに自分で作成したレイアウト名が追加される形になります。
自分で作成したレイアウトを編集したい場合は`Save Layout...`から同じレイアウト名でセーブすると上書きされます。


# 普段使いしているレイアウト
では早速、普段使いしているUnityエディタのレイアウト全体がこちらです。
![Microgame - SampleScene - Windows, Mac, Linux - Unity 2021.3.4f1 Personal _DX11_ 2022_12_04 18_48_29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2984673/d1dba746-4afb-e429-a00d-c43d7b66ff4b.png)


あらかじめ用意されているレイアウトの`2 by 3`を色々変形させてこのような形になりました。
左側がゲームビュー、真ん中がアセット操作やコンソールログの確認、右側がインスペクタ設定、のような大まかな配置イメージとなります。
一つずつブロックごとにタブ内容を紹介します。

### Sceneタブあたり
<img width="500" alt="スクリーンショット 2022-12-04 155520.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2984673/a5df891a-b3f4-024d-9990-cf08849fe231.png"><img width="500" alt="スクリーンショット 2022-12-04 155435.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2984673/ac718ce4-12d1-39b8-3235-ab7d1ef67026.png">
**基本的にSceneをいじるブロックです。**
その他にUniTaskのトラッカーとAddressableのタブを配置しています。
Playで実行する際はfpsがかなり下がって確認どころではなくなるので、UniTaskのタブに切り替えて[Sceneタブを表示しないように](https://baba-s.hatenablog.com/entry/2022/07/26/090000)しています。

### Simulatorタブあたり
<img width="500" alt="スクリーンショット 2022-12-04 185034.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2984673/0f1352ce-914b-8ba7-2e7b-6e7052fcb32d.png">


**Playで実行する際に確認しているブロックです。**
Unity2020まではPackageManagerから取り込む必要のあった`Device Simulator`がUnity2021からは標準装備になりました。
この機能が必要な理由は多端末対応、主にはセーフエリアの確認用です。
基本的にこのビューにして各端末サイズに切り替えてセーフエリアを考慮した配置になっているかを確認します。
![スクリーンショット 2022-12-04 155632.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2984673/49d017a5-fbd1-ac1c-f9d1-7c261f913b38.png)
元のGameのタブに切り替えるには左上のタブから`Game`を選ぶとよく見るGameタブに切り替わります。
<img width="500" alt="スクリーンショット 2022-12-04 155725.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2984673/867d0c6a-0b48-662c-5fda-b5871c92a771.png">

### Hierarchyタブあたり
<img width="300" alt="スクリーンショット 2022-12-04 183956.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2984673/a581732c-a290-2bf0-1544-cdaf1eb76446.png">

**Scene内のオブジェクトを確認するブロックです。**
その他の用途としてProjectタブが隣にありますが、次で用途をご紹介します。
ちなみにHierarchy内の[目玉マークの機能](https://docs.unity3d.com/ja/2021.3/Manual/SceneVisibility.html)はオブジェクトON/OFFより事故が圧倒的に減るのでおススメ機能です。

### Projectタブが3つ並んでるあたり
<img width="300" alt="スクリーンショット 2022-12-04 160257.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2984673/0c9243c1-25d1-afac-c0c1-c1c750e693d8.png">
<img width="300" alt="スクリーンショット 2022-12-04 160312.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2984673/30855e4f-e917-ef58-a99e-9d830f895555.png">
<img width="300" alt="スクリーンショット 2022-12-04 160328.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2984673/305fadab-f2eb-270b-58b5-7c207f7d2ca4.png">

**アセットを操作するブロックです。**
Projectタブが3つ並んでいるのは用途別になっており、
- 左はScript用
- 真ん中はPrefab用
- 右は用途を特定しないアセット検索用

とすぐに参照できるように使い分けています。

この3つのタブは基本的に**ロック状態**にしており、**同時に表示されているProjectタブ**の選択に影響されて動かないようにしています。
**同時に表示されているProjectタブ**とは以下のような使い方です。
<img width="600" alt="スクリーンショット 2022-12-04 160542.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2984673/8d203313-2c14-d1ba-a6c2-490f22a3a599.png">

先ほどのHierarchyタブの隣にあったProjectタブと一緒に表示して利用します。
Projectタブは画像のように同時に表示されているProjectタブが複数ある場合に、
**どこかのProjectタブで選択したアセットを他の全てのProjectタブが追従して同じ選択アセットを表示する**ようになっています。
便利な場面もあるのですが**一緒に動いてほしくない場合**もあり、そのようなときに**ロック機能**で動かなくすることができます。
自分の使い方は説明が少し複雑になるので割愛しますが、**複数Projectタブを置くとアセットの移動や参照が楽になる**ので便利です。

### Consoleタブあたり
<img width="600" alt="スクリーンショット 2022-12-04 160838.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2984673/923e10a7-74ff-c206-2002-263b3d6e49b3.png">

**ログ表示確認用のブロックです。**
他にはAnimatorなどのタブがありますが、基本的にConsoleタブ以外は一時利用の機能がここに置かれることが多いので割と置いてあるタブは変動します。
なのでメインはログ確認で、画面的にも一番目の前になるような場所の配置となっています。
開発中は基本このタブとのにらめっこが大半を占めるので重要な場所という位置づけです。

### Inspectorタブあたり
<img width="600" alt="スクリーンショット 2022-12-04 160957.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2984673/474c6a6a-5f3d-8f53-9d50-86ea35082e39.png">

**主にインスペクタ設定用のブロックです。**
配置的にも一般的なレイアウトとそう変わらない位置にあるかと思います。
他にはテスト実行用にTestRunnerタブと、何かと設定の確認/変更のために見ることの多いPreferencesタブを置いています。
特にPreferencesタブは実行中のエディタの色をたびたび変えたくなるのですぐアクセスできるようにしています。
<img width="600" alt="スクリーンショット 2022-12-04 161032.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2984673/5f2dbf0e-004a-fc7e-3a82-e6a7ff9b6ff4.png">

# おわりに
最近テレワークで画面共有をすることが多くなり他の人のエディタのレイアウトをよく見るのですが、みんなちがってみんないいな感じです。
ただ必要に駆られてUnityを利用しているデザイナさんなどはデフォルト状態のままが多かったりするので、もっと自分が便利に利用できるようにカスタマイズできるということを知ってもらえればと思い記事にしました。
今回ご紹介した内容はUnityエディタ機能の本当に極一部なので、自分ももっと便利に活用できるように調べて利用していこうと思います。