VS Codeのミニマップの表示/非表示を切り替えるにはVisual Studio Code TIPS

ミニマップは便利だが煩わしいこともある。そんなときにはeditor.minimap.enabled項目を設定することで表示/非表示を切り替えられる。

» 2018年11月02日 05時00分 公開
[かわさきしんじInsider.NET編集部]
「Visual Studio Code TIPS」のインデックス

連載「Visual Studio Code TIPS」

 Visual Studio Code(以下、VS Code)には「ミニマップ」と呼ばれる機能がある。これはデフォルトでスクロールバーの隣に表示される、ドキュメント全体のアウトライン(概要)を示してくれるものだ。だが、これを不要と感じることもある。本稿ではミニマップの表示を制御する方法を示す。

  操作
ユーザー設定/ワークスペース設定でミニマップの表示/非表示を切り替える editor.minimap.enabled項目を設定する(true:表示、false:非表示)
キーボードからミニマップの表示/非表示を切り替える [表示]メニューの[ミニマップの切り替え]を選択する
ミニマップ関連の設定

ユーザー設定/ワークスペース設定でマップの表示/非表示を切り替える

 既に述べたように、ミニマップは現在エディタでアクティブになっているファイルのアウトラインを(デフォルトでは)スクロールバー隣の領域で示してくれるものだ。

ミニマップがウィンドウ右側に表示されているところ ミニマップがウィンドウ右側に表示されているところ

 しかし、「表示領域を少しでも広くしたい」などの理由からこれを表示したくないこともある。そのようなときには、ユーザー設定/ワークスペース設定のeditor.minimap.enabled項目を設定することで、表示/非表示を切り替えられる。設定可能な値は次の通り。

  • true:ミニマップを表示する
  • false:ミニマップを表示しない

 以下に新しい設定エディタ、古い設定エディタでこれを設定している様子を示す。

新しい設定エディタでの設定の様子
古い設定エディタでの設定の様子
ミニマップが表示されなくなったところ ミニマップを非表示にしているところ
上:新しい設定エディタでの設定の様子。
中:古い設定エディタでの設定の様子。
下:ミニマップが表示されなくなったところ。

キーボードからミニマップの表示/非表示を切り替える

 VS Codeのメニューやコマンドパレットから表示/非表示を切り替えることも可能だ。これには[表示]メニューの[ミニマップの切り替え]を選択するか、コマンドパレットで「minimap」などと入力して[表示: ミニマップの切り替え]コマンドを選択すればよい。

コマンドパレットでミニマップの表示/非表示を切り替えているところ コマンドパレットでミニマップの表示/非表示を切り替えているところ

 これらのメニュー項目/コマンドは実際には、上に示したeditor.minimap.enabled項目を設定するためのショートカットとなっている。キーボードショートカットを割り当てることも可能なので、ミニマップの表示/非表示を頻繁に切り替えるようなら、設定をしておこう。

ミニマップの表示/非表示の切り替えにはキーボードショートカットを割り当て可能 ミニマップの表示/非表示の切り替えにはキーボードショートカットを割り当て可能

 注意したいのは、これらのメニュー項目/コマンドは「ユーザー設定」レベルでeditor.minimap.enabled項目を設定するものである点だ。ワークスペース設定(現在、VS Codeで開いているフォルダにある.vscodeフォルダ内のsettings.jsonファイル)はユーザー設定よりも優先されるため、既にこの項目をワークスペースで設定している場合には、キーボードからこれらを選択してもミニマップの表示/非表示が切り替わらない。

 ユーザー設定/ワークスペース設定では、この他にもミニマップの表示位置を指定するeditor.minimap.side項目などがある。興味のある方は、ユーザー設定/ワークスペース設定で「minimap」を検索して、各項目の説明を読みながら、実際に試してみよう。

「Visual Studio Code TIPS」のインデックス

Visual Studio Code TIPS

Copyright© Digital Advantage Corp. All Rights Reserved.

スポンサーからのお知らせPR

注目のテーマ

Microsoft & Windows最前線2025
AI for エンジニアリング
ローコード/ノーコード セントラル by @IT - ITエンジニアがビジネスの中心で活躍する組織へ
Cloud Native Central by @IT - スケーラブルな能力を組織に
システム開発ノウハウ 【発注ナビ】PR
あなたにおすすめの記事PR

RSSについて

アイティメディアIDについて

メールマガジン登録

@ITのメールマガジンは、 もちろん、すべて無料です。ぜひメールマガジンをご購読ください。