WebStorm 2021.1 の新機能

JavaScript と TypeScript

機械学習を使ったコード補完

JavaScript / TypeScript ファイルでの補完候補が、機械学習アルゴリズムを使用して並べ替えられるようになりました。詳細は、こちらのブログ記事を参照してください。

シンボル名の補完候補を改善

WebStorm がトップレベルの変数や、関数名およびクラス名の補完候補を表示する際にファイル名を考慮するようになりました。

JSDoc の構文ハイライトを改善

JSDoc コメントの可読性を向上するため、JSDoc タグの値と種類のカラースキームを微調整できる新しいオプションを実装しました。このオプションは、Preferences / Settings | Editor | Color Scheme | JavaScript / TypeScript にあります。

ファイルに対するインスペクションの抑止

WebStorm では個々のインスペクションをプロジェクト全体のみならず、ステートメントやクラスなどの詳細なレベルでオフにすることができます。バージョン 2021.1 では、ファイル単位でインスペクションを無効化することもできます。

フレームワークとテクノロジー

組み込みのリモート共同開発向けサービス

WebStorm にリモート共同開発およびペアプログラミング用の新サービスである Code With Me が組み込まれました。このサービスを使用すると、IDE からリアルタイムに共同コーディングを行い、他のユーザーと相談することができます。

Vue の CSS モジュールをサポート

バージョン 2021.1 以降の WebStorm は、.vue ファイルで使用されている CSS モジュールをサポートします。 IDE は $style プロパティを適切に解決し、対応するコード補完、ナビゲーション、基本的なリファクタリングの機能を提供します。

HTTP クライアントの機能強化

組み込みの HTTP クライアントをより便利に操作できるようになりました。新しいアイコンを使用してレスポンスの出力を折りたたみ、レスポンスの上下にすばやくスクロールできるほか、数クリックで http:// プロトコルの使用箇所を検索して置換できる機能など、複数の機能が追加されています。

ESLint のスコープ構成

.md または .coffee などのファイル用に ESLint が設定されている場合、ESLint が報告するエラーをエディターで確認できるようになりました。この機能を使用するには、対象のファイルタイプを新しい Run for files（指定ファイルに対して実行）フィールドに追加してください。

JSON Lines のサポート

WebStorm が JSON Lines テキストフォーマットをサポートするようになりました。 IDE は .jsonl、.jslines、.ldjson、.ndjson のファイルタイプを認識します。

HTML & CSS

Stylelint のサポート改善

数クリックで Stylelint で CSS コードを修正できます。ファイル内の問題箇所にマウスカーソルを合わせるか、キャレットを配置したあと、Alt+Enter を押してから Stylelint: Fix current file（Stylelint: 現在のファイルを修正）を選択するだけです。

また、Preferences / Settings | Languages & Frameworks | Style Sheets | Stylelint の対応するフィールドで構成ファイルのパスを指定できるようになりました。

組み込みの HTML プレビュー

WebStorm から静的な HTML ファイルを直接プレビューできるようになりました！ HTML ファイルやリンク先の CSS / JavaScript ファイルに対する変更が保存されると、プレビューが自動的に再ロードされて変更が反映されます。

CSS セレクターの詳細度

When working with style sheets, you can now check the specificity of your selectors – just hover over a selector that you want to check. あるいは、セレクターにフォーカスがある状態で Ctrl+Q を押し、この情報をドキュメントポップアップに表示することもできます。

ユーザーインターフェース

フォントの太さを調整可能

細字、標準、太字など、使用するエディターのフォントをさまざまなバリエーションから選択できるようになりました。この新しいオプションは、Preferences / Settings | Editor | Fonts の Typography Settings で調整できます。

分割表示でのタブの最大化

複数のタブを分割表示で開いていませんか？操作中のタブをダブルクリックすると、そのタブに合わせてエディターのウィンドウが最大化されます。タブをもう一度ダブルクリックすると、元のサイズに戻ります。

さらに役に立つクイックドキュメンテーション

WebStorm に MDN ドキュメントがバンドルされるようになりました。これによって MDN の Web サイトとの接続に関する問題を回避し、エディター内にドキュメントを高速に表示できるようになります。また、ドキュメントの情報がさらに拡充されました。例えば、JavaScript API のサポート対象ブラウザーバージョンに関する情報を確認できます。

アクセシビリティの改善

Windows のハイコントラストモードを使用している場合、WebStorm は初回起動時に OS と同期してハイコントラストテーマを適用します。また、スクリーンリーダーを使用している場合にいくつかの UI 要素が正しく読み上げられるようになりました。

Windows で最近使用したプロジェクトにすばやくアクセス

Windows のジャンプリストに対応しました。タスクバーやスタートメニューの WebStorm アイコンを右クリックして最近使用したプロジェクトを開けるようになりました。

多数の問題を修正

このリリースでは主に WebStorm の品質改善に注力しました。各種ファイルシステムを扱う際に発生するファイル名の大文字/小文字の区別に関する問題を含め、多数の既知の問題を修正しました。

バージョン管理

プルリクエスト操作の改善

プルリクエストをより効率よく操作するのに役立つ複数の機能強化を行いました。例えば、+ アイコンをクリックするだけで Pull Requests ツールウィンドウから新しいプルリクエストを直接作成できるようになりました。

コミットメッセージテンプレートのサポート

WebStorm が Git コミットメッセージテンプレートを新たにサポートしました。テンプレートを使用することにより、メッセージに含めるべき項目を確実に記述できるようになります。このようなテンプレートを定義しておくと、IDE がそのテキストを初期コミットメッセージとして表示します。

シェルフに保存するための新アクション

新しい Save to Shelf（シェルフに保存）アクションを使用すると、変更をローカル環境に留めたまま、変更を Shelf（シェルフ）にコピーできます。この機能を試すには、Ctrl+Shift+A を押してから Save to Shelf と入力してください。