0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

VSCodeでミニマップやスクロールバーを非表示にして見た目をスッキリさせる

Last updated at Posted at 2025-07-21

VSCodeでは、ミニマップやスクロールバーを非表示にすることで、コード表示エリアが広くなり、特に画面分割時などに見やすくなります。

ミニマップの非表示

エディタ右側に表示されているコードの概要が「ミニマップ」です。
image.png

以下の設定をユーザー設定もしくはワークスペース設定に追加することで非表示にできます。

"editor.minimap.enabled": true

スクロールバーの非表示

画面右側の縦スクロールバーや下側の横スクロールバーも、必要がなければ非表示にすることで表示領域が広がります。

縦スクロールバーを非表示
"editor.scrollbar.verticalScrollbarSize": 0
横スクロールバーを非表示
"editor.scrollbar.horizontalScrollbarSize": 0

分割画面での効果

画面を左右に分割してコードを並べて表示する場合、ミニマップやスクロールバーを非表示にすることで、表示領域を広く確保でき、見た目もスッキリします。

image.png

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?