ReSharper 2025.1 ヘルプ

Web リンターでコードを検証する

ReSharper は、Web コード品質ツール(リンターとも呼ばれます)(JSLint、ESLint、TSLint)と統合して、コード内のさらに多くの問題を検出して修正できます。

リンターはコマンドラインツールとして設計されているため、通常、コードを検証するたびに、コンソールに移動してコマンドラインを実行し、そのテキスト出力を調べる必要があります。

ReSharper では違います。リンターがインストールされ、ReSharper 設定で有効になっている場合、リンターコードルールは ReSharper 独自のコードインスペクションと一緒に使用され、リンターによって検出されたすべてのコードの問題は、エディターデザインタイムでハイライトされます。

下の表は、異なるリンターがサポートされているコンテキストを示しています。

JavaScript

HTML の JS コード

ASPX の JS コード

TypeScript

JSON

JSLint

Supported

Supported

Supported

Not supported

Supported

ESLint

Supported

Supported

Supported

Supported

Not supported

TSLint

Supported

Supported

Supported

Supported

Not supported

エディターで Web リンター検証を有効にする

  1. Node.js(英語) インタープリターをインストールします。これを行う最も簡単な方法は、Visual Studio 用の Node.js ツール(英語)をインストールすることです。

  2. ほとんどの場合、ReSharper は Node.js インタープリターを自動的に見つけます。通常とは異なる場所にインストールされている場合は、ReSharper オプション Alt+R, Oツール | Node.js ページで指定します。

  3. プロジェクトに目的のリンターパッケージをインストールします。

  4. ツール | Web Linter にある目的のリンターオプションページを開き、リンターを有効にします。

  5. プロジェクトに node_modules フォルダーがある場合、ReSharper は自動的に linter パッケージを見つけます。しかし、カスタムリンターフォルダーを指定することもできます。

  6. ESLint または TSLint を使用する場合、ReSharper はすべてのルールと設定をリンター構成ファイルから取得します。デフォルトでは、これらのファイルは自動的に検出されますが、カスタム構成ファイルを指定することもできます。

    自動検索が有効になっていてリンターが機能しない場合は、構成ファイルが現在のディレクトリやその親ディレクトリ、あるいはユーザーのホームディレクトリにあることを確認してください。

    • ESLint の場合: .eslintrc.* ファイルまたは package.jsoneslintConfig フィールド。

    • TSLint の場合: tslint.jsontslint.yamltslint.yml

  7. スペースで区切って追加のコマンドラインオプションを渡すこともできます(JSLint(英語)ESLint(英語)TSLint(英語) のコマンドラインオプションリファレンスを参照)。

    リンターの実行方法に影響を与える一部のオプションは適用できないことに注意してください。例: ReSharper はリンター修正を適用する独自の方法を提供するため、--fix は無視されます。

  8. TSLint を使用する場合、ReSharper はデフォルトで TypeScript および JavaScript コードのリンターを有効にします。TypeScript コードでのみ使用するには、対応するチェックボックスをオフにします。

リンターサポートが設定されると、対応するルールの重大度レベル(エラーレベル)に従って、エディターでハイライトされたリンターによって検出されたコードの問題が表示されます。

ReSharper: highlighting a code issue detected by ESLint

リンターがルールの修正を提供する場合は、Alt+Enter メニューから直接適用することができます:

ReSharper: fixing a code issue detected by ESLint

Alt+Enter メニューからインスペクション: [name] | インスペクションの重大度を設定する | [Severity level] を選択することもできます。これにより、対応するルールの新しい重大度レベル(エラーレベル)がリンター構成ファイルに書き込まれます。

この機能は、次の言語とテクノロジーでサポートされています。

関連ページ:

コードインスペクション

ReSharper は、サポートされているすべての言語で 2500 を超えるコードインスペクションを提供します。これらのインスペクションは、開いているすべてのファイルの設計時にコードの問題を検出してハイライトするために適用されます。また、特定の範囲内のすべてのコードの問題を検出するために適用されます。インスペクション ReSharper が提供するコードの種類を調べるには、異なる言語の ReSharper コードインスペクションの全リストをご覧ください。コードインスペクションは、以下のグループに分...

設計時にコードの問題を分析する

ReSharper は、エディターでコードファイルを開くとすぐに分析を開始し、最後まで編集を続けます。検出されたすべてのコードの問題は、重大度に従ってエディターでハイライトされます。問題のマップは、エディターウィンドウの右側のマーカーバーにも表示されます。ここでは、ファイルのステータスを即座に確認し、マークをクリックして特定のコードの問題に移動できます。デザインタイムインスペクションの機能:ReSharper によって実行されるデザインタイムコードインスペクションを説明するために、エディターに...

特定の範囲でコードの問題を見つける

設計時コードインスペクションは、エディターでコーディングしたり、特定のファイルを見直したりするときに役立ちます。ただし、ReSharper を使用すると、ソリューション全体または狭い範囲でスタティックコード分析を実行し、結果をフレンドリーな視点で調べることもできます。必要に応じてインスペクション結果を共有することもできます。開始コードインスペクション:ソリューション、プロジェクト、カスタムスコープのコードをインスペクションするソリューションワイドのインスペクションの結果(たとえば、未使用のパブ...

InspectCode コマンドラインツール

ReSharper の最も注目すべき機能の 1 つであるコードインスペクションは、IDE を開かなくても使用できます。無料のクロスプラットフォームコマンドラインツールの InspectCode では、ReSharper のインスペクションのすべてを適用するために、少なくとも 1 つのパラメーター (ソリューションファイル) が必要です。InspectCode を実行する ReSharper コマンドラインツールをダウンロードします。ダウンロードボタンの横にあるセレクタを使用して、オペレーティングシ...

ソリューション全体の分析

ソリューション全体の分析により、プロジェクトのコンパイルを妨げないものを含め、サポートされているすべての言語 C++ を除くでエラーが検出されます。プロジェクトにそのようなファイル (JavaScript、CSS、HTML など) が含まれている場合、ソリューション全体の分析は、実行時にしか検出できないエラーを見つけるのに役立ちます。ReSharper のソリューション全体の分析では、2 つの関連しているが異なる機能が実現します。ソリューション全体のエラー / 警告モニター:ReSharper 自...

ASP.NET MVC 特有の機能

ReSharper には、一般的な ASP.NET 機能に加えて、ASP.NET MVC での作業をより簡単にサポートする特殊機能があります。構文のハイライト:ASP.NET MVC メソッド呼び出しとパラメーターの特別な構文のハイライト: コード補完:文字列リテラルでアクションとコントローラーを参照するための専用コード補完: ナビゲーションと検索:さまざまなナビゲーション機能がアクションとコントローラーでも機能します。コード生成:使用箇所から新しいコントローラーとアクションを作成する: 最終...