Microsoft、「Visual Studio Code」の「November 2019」リリースを公開：検索機能やカーソルなどを改良

Microsoftは、クロスプラットフォームエディタ「Visual Studio Code」の最新版「November 2019」リリース（バージョン1.41）を公開した。検索機能やカーソルなどを改善した。

[＠IT]

　Microsoftは2019年12月12日（米国時間）、WindowsやmacOS、Linuxに対応するクロスプラットフォームのエディタ「Visual Studio Code」（以下、VS Code）の最新版「November 2019」リリース（バージョン1.41）を公開した。

　VS Code バージョン1.41では、エディタ機能やワークベンチ、検索、統合ターミナル、言語関連などに数多くの改良がある。主な改良点は以下の通り。

検索：タイピングに応じて検索結果が更新

　全文検索において、タイピングに応じて検索結果が更新されるようになった。この機能は、複雑な正規表現クエリの作成のようなシナリオで特に便利だ。

　この例では、TypeScriptのオプショナルチェイニング構文を採用するための正規表現の検索／置換クエリの作成に役立っている。

（出典：Microsoft）

ワークベンチ：エクスプローラーのコンパクトフォルダ

　ファイルエクスプローラーでは、1つの子を持つフォルダが、コンパクトな形でレンダリングされるようになった。具体的には、集約されたツリー要素として、折り畳んで表示することが可能になった。

　「explorer.compactFolders」の設定で、この挙動を制御できる。この設定はデフォルトで有効化されている。

（出典：Microsoft）

ワークベンチ：差分表示時に左側で編集

　編集可能な2つのエディタを比較する場合（ファイルエクスプローラーから2つのファイルを比較する場合、グローバル検索＆置換を実行する場合など）、左側が編集可能および保存可能（［Ctrl］＋［S］キー）となった。

注：［ファイル］―［自動保存］で自動保存を有効にできる（出典：Microsoft）

ワークベンチ：「問題」パネルにフィルターを追加

　事前定義されたフィルターが「問題」パネルに追加された。問題を種類（エラー、警告、情報）でフィルタリングしたり、現在のアクティブファイルの問題だけを表示したりすることができる。

（出典：Microsoft）

ワークベンチ：現在の問題をステータスバーに表示

　VS Codeの設定で、アクティブファイルの問題を知らせるメッセージをステータスバーに表示できるようになった。

　この機能を有効にするには、「problems.showCurrentInStatus」設定を有効にする必要がある。

（出典：Microsoft）

ワークベンチ：柔軟なフィルターボックスレイアウト

　「問題」パネルのフィルターボックスの位置を、パネルの位置やサイズに応じて調整できるようになった。

（出典：Microsoft）

エディタ機能：ミニマップにおけるエラー、警告、内容変更の修飾表示

　ミニマップ（コード概要）でエラーや警告がインラインで強調表示されるようになった。新しい「minimap.errorHighlight」と「minimap.warningHighlight」のテーマカラーでこれらの修飾を変更できる。

　下の例では、カンマの抜けが強調されている。

（出典：Microsoft）

　下の例では、内容変更を示す修飾が、行番号の脇の余白に表示されている。

（出典：Microsoft）

　内容変更を示す修飾の色は、以下の設定で変更できる。

• minimapGutter.addedBackground
• minimapGutter.modifiedBackground
• minimapGutter.deletedBackground

統合ターミナル：最小コントラスト比

　ターミナルで色を使うアプリケーションは、テキストに次の色を使える。

• デフォルト背景色
• ターミナルのテーマで定義された16色のパレット
• 240の固定色
• RGBカラー（1600万色）

　問題は、「アプリケーションが、デフォルトの背景色や前景色が分からない」「アプリケーションが使用する色とそれらのコントラストが適切かどうか分からない」ことだ。この問題を解決するため、ターミナルは、特定のコントラスト比を満たすようにテキストの前景色を動的に変更できるようになった。

　1〜21の範囲で、希望するコントラスト比に前景色を設定できる。

// 4.5 is recommended for baseline website accessibility
"terminal.integrated.minimumContrastRatio": 4.5

　ターミナルの色は、コントラスト比が満たされるまで、あるいは前景色が#000000または#ffffffになるまで、輝度が増減する。

（出典：Microsoft）

言語対応：タグにおけるHTMLミラーカーソル

　HTMLタグの編集時に「ミラーカーソル」が使えるようになった。その挙動は、「html.mirrorCursorOnMatchingTag」設定で制御される。この設定はデフォルトで有効だ。

（出典：Microsoft）

　ミラーカーソルは、カーソルがHTMLタグの名前の範囲内に移動すると、該当するタグに複数のカーソルが追加される機能だ。マルチカーソルモードと同様に、単語単位で一括して削除や選択を行える。ミラーされたカーソルは、カーソルがタグの名前範囲から外に移動すると、削除される。

言語対応：JavaScriptとTypeScriptでのオプショナルチェイニングのサポート

　TypeScript 3.7のおかげで、VS CodeはJavaScriptとTypeScriptでオプショナルチェイニングを標準でサポートするようになった。その中には、構文の強調表示とIntelliSenseが含まれる。

（出典：Microsoft）

　さらにVS Codeは、オプションプロパティの完了を受け入れる際に、自動的に「?.」を挿入できる。

（出典：Microsoft）

　「?.」の自動挿入が行われるかどうかは、厳密なnullチェックが有効化されているかどうかに左右される。「?.」の自動挿入は、「typescript.suggest.includeAutomaticOptionalChainCompletions」または「javascript.suggest.includeAutomaticOptionalChainCompletions」の設定で無効にできる。

言語対応：TypeScript用のExtractインタフェースリファクタリング

　新しい「Extract to interface」リファクタリング機能により、インラインタイプをインタフェースに迅速に抽出し、再利用できる。

（出典：Microsoft）

　下の例では、「Neural」インタフェースが「keyes」インタフェースから抽出されている。

（出典：Microsoft）

拡張機能：リモート開発

　リモート開発を支援する拡張機能の開発が進んでいる。この拡張機能を導入すると、コンテナやリモートマシン、WSL（Windows Subsystem for Linux）を、全ての機能を備えた開発環境として利用できる。

　バージョン1.41での機能ハイライトは以下の通り。

• リモートコンテナ：コンテナでサンプルリポジトリを簡単に試せるようになった
• リモートコンテナ：コンテナ作成時のパフォーマンスが向上し、新しいdevcontainer.jsonオプションが利用可能になった
• リモートWSL：「Surface Pro X」など、ARMベースのWindows 10 PCをサポートした

拡張機能：Visual Studio Online

　2019年11月にパブリックプレビュー版が公開された「Visual Studio Online」では、クラウドに開発環境を構築し、VS Code、ブラウザベースのエディタ、Visual Studio IDEから利用できる。