【VSCode】サイドバー・ターミナルを自動非表示にして作業スペースを最大化する方法

2025年7月2日水曜日

VSCODE

t f B! P L

Auto Hide とは?

Auto Hide は、VS Code の各種パネルやポップアップを一定時間操作しないと自動で閉じてくれる拡張機能です。

  • サイドバー(エクスプローラー・検索・SCM など)
  • ターミナル/出力パネル
  • 定義ジャンプ時のインラインポップアップ(Peek)

のような部分を自動で閉じてくれ、コーディングスペースを最大化できます。

インストール手順

拡張機能で「Auto Hide」と検索しインストールします。似たような名前の拡張機能がありますが、一番ダウンロード数が多い以下の拡張機能をインストールします。

自動で閉じる対象を設定する

インストール後は、VS Code の設定から閉じたい UI を選びます。

VSCodeの設定を開いて「Auto Hide」と検索します。 以下のチェックボックスを必要に応じて ON にします。(デフォルトは全部ONです)

設定項目 自動で閉じる対象
Auto Hide: Auto Hide Side Bar 左側サイドバー全体
Auto Hide: Auto Hide Auxiliary Bar 右側パネル(タイムラインなど)
Auto Hide: Auto Hide Panel ターミナル/出力/問題タブなど下部パネル
Auto Hide: Auto Hide References Peek 定義ポップアップ

各チェックで、どの部位が自動で閉じられるのかは、以下のイメージを参考にしてください。

「Auto Hide: Auto Hide References」は、コードの定義をインラインで確認する時のポップアップを自動で閉じる時に使います。

タイムアウトやトリガーのカスタマイズ

設定内にはさらに詳細オプションがあります。

  • Auto Hide Delay … 非アクティブとみなすまでのミリ秒(既定は 1500ms)
  • Auto Hide Trigger … onFocusLost / onMouseLeave など

自分の作業スタイルに合わせて調整するとストレスなく使えます。

まとめ

Auto Hide を導入すると、VS Code で常に広い編集エリアを確保でき、
マルチモニターがなくても快適にコーディングできます。
わずか数分で設定できるので、ぜひ試してみてください!

スポンサーリンク
スポンサーリンク

このブログを検索

Profile

自分の写真
Webアプリエンジニア。 日々新しい技術を追い求めてブログでアウトプットしています。
プロフィール画像は、猫村ゆゆこ様に書いてもらいました。

仕事募集もしていたり、していなかったり。

QooQ