# iTerm2の見た目を設定できる環境設定の「Appearance」タブ URL: https://webrandum.net/iterm2-preferences-appearance/ 公開日: 2022-05-13 更新日: 2022-06-02 カテゴリー: 作業環境整備 タグ: iTerm2 出典: Webrandum(著者: サイトウ マサカズ) iTerm2は環境設定の項目がかなり多く、今回はその中でも見た目に関する設定の「Appearance」タブについてまとめておきます。 ## Appearance メニューバーの[iTerm2]→[Preferences…]から環境設定を開いて、[Appearance]タブを開きます。 そこから更に5つのタブに分かれています。 - General:見た目全般の設定 - Windows:ウインドウ周りの設定 - Tabs:タブ周りの設定 - Panes:ペイン(ウインドウ分割時)の設定 - Dimming:明るさの設定 ### General [General]では見た目全般の設定ができます。 ![General](https://webrandum.net/mskz/wp-content/uploads/2022/05/image_1-4.png) | 項目 | 内容 | 備考 | | --- | --- | --- | | Theme | テーマを下記から選択 Regular Minimal Compact Light Dark Light (High Contrast) Dark (High Contrast) |   | | --- | --- | --- | | Tab bar location | タブバーの位置を下記から選択 Top:上 Bottom:下 Left:左 |   | | --- | --- | --- | | Status bar location | ステータスバーの位置を選択 Top:上 Bottom:下 |   | | --- | --- | --- | | Auto-hide menu bar in non-native fullscreen | 非ネイティブフルスクリーン使用時に、メニューバーを自動的に非表示にする |   | | --- | --- | --- | | Exclude from Dock and command-Tab Application Switcher | iTerm2をDockやcommand + tabのアプリケーションスイッチャーから除外する |   | | --- | --- | --- | | …but only if all windows are hotkey windows | ホットキーウインドウしか使用していない場合のみ、 Dockやアプリケーションスイッチャーから除外する | 上記設定をオンにしているときのみ選択可能 | | --- | --- | --- | テーマに関しては下記の通りで、ぱっと見かなりバリエーションがあるように見えますが、あまり大きな変化はありません。 ![テーマ一覧](https://webrandum.net/mskz/wp-content/uploads/2022/05/image_2-2.png) 個人的には「Minimal」がウインドウバーの境界が消えて、シンプルで好みなので「Minimal」にしています。 ### Windows [Windows]ではウインドウ回りのタイトルバーやスクロールバーの設定ができます。 ![Windows](https://webrandum.net/mskz/wp-content/uploads/2022/05/image_3-2.png) | 項目 | 内容 | | --- | --- | | Show window number in title bar | タイトルバーにウインドウ番号を表示する | | --- | --- | | Show border around windows | ウインドウの周りに境界線を表示する | | --- | --- | | Hide scrollbars | スクロールバーを非表示にする | | --- | --- | | Disable transparency for fullscreen windows by default | デフォルトのフルスクリーンウインドウ時の透明度を無効にする | | --- | --- | | Show line under title bar when the tab bar is not visible | タブバーが表示されていないときにタイトルバーの下に線を表示する | | --- | --- | | Show proxy icon in window title bar | ウインドウのタイトルバーにプロキシアイコンを表示する | | --- | --- | ### Tabs [Tabs]ではタブ回りの設定ができます。 ![Tabs](https://webrandum.net/mskz/wp-content/uploads/2022/05/image_4-1.png) | 項目 | 内容 | 備考 | | --- | --- | --- | | Show tab bar even when there is only one tab | タブが1つしかないときも、タブバーを表示する |   | | --- | --- | --- | | Preserve window size when tab bar shows or hides | タブバーの表示・非表示が切り替わったときに ウィンドウサイズを保持する |   | | --- | --- | --- | | Show tab numbers | タブ番号を表示 |   | | --- | --- | --- | | Tabs have close buttons | タブに閉じるボタンを表示する |   | | --- | --- | --- | | Show activity indicator | 非選択のタブでなにか動きがある場合にローディングアイコンを表示する | 動作が終了するとアイコンは消える | | --- | --- | --- | | Show new-output indicator | 非選択のタブでなにか動きがあった場合に、タブに青い丸を表示する | タブを選択するとアイコンは消える | | --- | --- | --- | | Flash tab bar when switching tabs in fullscreen | フルスクリーン表示時にタブ切り替えをすると、タブバーが短時間表示される |   | | --- | --- | --- | | Show tab bar in fullscreen | フルスクリーン表示時にタブバーを表示する |   | | --- | --- | --- | | Stretch tabs to fill bar | タブをストレッチしてタブバー全体を埋めるようにする |   | | --- | --- | --- | ### Panes [Panes]ではペイン(ウインドウ分割時)の設定ができます。 ![Panes](https://webrandum.net/mskz/wp-content/uploads/2022/05/image_5-1.png) | 項目 | 内容 | | --- | --- | | Show per-pane title bar with split panes | 分割ペインでペインごとのタイトルバーを表示する | | --- | --- | | Separate status bars per pane | ペインごとに個別のステータスバーを表示する | | --- | --- | | Separate background images per pane | ペインごとに個別の背景画像を表示する | | --- | --- | | Side margins | ペインの左右マージン(余白)を指定する | | --- | --- | | Top & bottom margins | ペインの上下マージン(余白)を指定する | | --- | --- | ### Dimming [Dimming]では明るさの設定ができます。 「Dimming」には「調光」という意味があり、ウインドウの明るさや、非アクティブなペインの明るさ調節ができます。 ![Dimming](https://webrandum.net/mskz/wp-content/uploads/2022/05/image_6-1.png) | 項目 | 内容 | 備考 | | --- | --- | --- | | Dimming amount | 調光量の設定 | デフォルトは「40」 | | --- | --- | --- | | Dim inactive split panes | 非アクティブな分割ペインを暗くする |   | | --- | --- | --- | | Dim background windows | 全背景にDimming amountを適用する | 実質iTerm2のウインドウが明るくなる | | --- | --- | --- | | Dimming affects only text, not background. | Dimming amountはテキストにのみ適用して、背景には影響しないようにする |   | | --- | --- | --- | 背景が明るくなると現在アクティブなペインがわかりやすいですが、その代わりに目がチカチカするので、「Dimming affects only text, not background.」にチェックを入れて、テキストにのみ適用するのがちょうどいいです。 また、その場合は「Dimming amount」は「60」に設定するとわかりやすくなります。