File Watchers
File Watcher は、ファイルの変更を追跡し、サードパーティ製のスタンドアロンアプリケーションを実行する JetBrains Rider システムです。 JetBrains Rider は、多数の標準的で人気のあるサードパーティツール（コンパイラー 、コンプレッサー、整形ツールなど）用に定義済みのファイルウォッチャーテンプレートを提供します。
カスタム File Watcher を設定して、他のサードパーティ製ツールを実行できます。
File Watchers には 2 つの専用 コードインスペクションがあります。
ファイル監視使用可能インスペクションは、定義済みの File Watcher が適用可能なすべてのファイルで実行されます。 プロジェクトに関連するファイルウォッチャーが設定されていない場合、JetBrains Rider が追加を提案します。
ファイル監視問題インスペクションは実行中の File Watcher によって呼び出され、それに固有のエラーをハイライトします。
利用可能なテンプレートの 1 つを使用するか、File Watcher を最初から構成することができます。 設定したファイル監視は、プロジェクト設定または IDE 設定に保存して、さまざまなプロジェクトで使用できます。
特定のツール用のファイルウォッチャーについて詳しくは、対応するページをご覧ください：
JetBrains Rider でこれらのツールの一部を使用するには、 設定 | プラグイン ページにプラグインをインストールする必要があることに注意してください。詳しくは、 JetBrains Marketplace からプラグインをインストールするをご覧ください。
始める前に
設定で File Watchers プラグインが有効になっていることを確認します。 Ctrl+Alt+S を押して設定を開き、 を選択します。 インストール済み タブをクリックします。 検索フィールドに File Watchers と入力します。 プラグインの詳細については、 プラグイン管理を参照してください。
File Watcher の作成
設定 ダイアログ（Ctrl+Alt+S ）で、 ツール の File Watchers をクリックします。 File Watchers ページが開き、このプロジェクトと IDE ですでに構成されているファイルウォッチャーのリストが表示されます。
をクリックし、File Watcher を作成するための定義済みテンプレートを選択します。 選択するテンプレートは、使用するツールによって異なります。 リストにないツールを使用する場合は、 カスタム を選択してください。
新規ウォッチャーダイアログが開きます。
名前 フィールドに、File Watcher の名前を入力します。 デフォルトでは、JetBrains Rider は選択した定義済みテンプレートの名前を提案します。
入力ファイルの予想されるタイプと場所の構成
ウォッチするファイル 領域のコントロールを使用して、ファイルウォッチャーを適用するファイルの範囲を定義します。
ファイルタイプ リストから、予想される入力ファイルの種類を選択します。 File Watcher は、この種類のファイルのみを分析および処理の対象と見なします。 ファイルの種類は、 ファイルの種類とファイル拡張子の関連付けに基づいて認識されます。
デフォルトでは、このフィールドには選択された定義済みテンプレートに従ってファイルタイプが表示されます。
ファイル監視が適用される スコープ. を選択します。
これらのファイルを変更すると、 編集したファイルを自動保存してウォッチャーをトリガーする。 チェックボックスの状態に応じて、直ちに、または保存またはフレームの非アクティブ化時にファイル監視が起動されます。
リストから定義済みスコープの 1 つを選択します。 プロジェクトレベルのファイル監視の場合は、
をクリックして、表示される スコープ ダイアログでカスタムスコープを設定することもできます。すべての場所：: 下記のすべての範囲
スクラッチとコンソール：: エクスプローラー ツールウィンドウにある スクラッチとコンソール ディレクトリからのすべてのファイル。
開いているファイル：: 現在エディターで開かれているすべてのファイル。
現在のファイル：: アクティブなエディタータブで開かれたファイル
VCS スコープ：: これらのスコープは、 プロジェクトがバージョン管理されている場合にのみ使用できます。
すべての変更ファイル：: すべての変更されたファイル、つまりすべての既存の変更リストに関連付けられたすべてのファイル。
デフォルト変更リスト：: 変更リスト
デフォルトに関連付けられているすべてのファイル。
または、
をクリックし、開いた スコープダイアログで カスタムスコープを構成します。オプション: File Watcher が依存関係を処理する方法を指定します。 ルートファイルとは、 指定されたスコープ内の他のファイルに（たとえば
import経由で）含まれていないファイルです。ファイルウォッチャーをルートファイルに対してのみ実行するには、 ルートファイルのみトラックする チェックボックスを選択します。
チェックボックスをオフにすると、呼び出し元のファイルおよびこのファイルが指定されたスコープ内で再帰的に含まれているすべてのファイルに対してファイルウォッチャーが実行されます。
スコープ. 設定は ルートファイルのみトラックする チェックボックスの設定よりも優先されることに注意してください。依存関係が指定された範囲の外にある場合、ファイルウォッチャーはそれに適用されません。
外部ツールとの相互作用の構成
変更時に実行するツール 領域で、使用するツール、ツールに渡す引数、予想される出力ファイルの種類などを指定します。
プログラム(P) フィールドに、ツールの実行可能ファイルへのパス（ .exe 、 .cmd 、 .bat 、または特定のツールに応じてその他）を指定します。
引数(A) フィールドで、ツールに渡す引数を定義します。
引数は通常、実際のファイル名に置き換えられる
$FileName$や$FileNameWithoutExtension$などの マクロを使用して指定されます。マクロを手動で入力するか、
をクリックして、開いた マクロ ダイアログのリストから関連するパターンを選択します。リフレッシュする出力パス(O) フィールドで、ツールがその出力を保管するファイル（結果のソースコード、ソースマップ、依存関係）を指定します。 これらの設定に基づいて、JetBrains Rider はコンパイルによって生成されたファイルを認識します。
通常、出力パスは マクロを使用して指定されます。 手動で入力するか、
をクリックして、開いたダイアログのリストから関連するものを選択できます。複数のマクロを指定するには、区切り文字としてコロン
:を使用します (例:$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map)。作業ディレクトリと環境変数 隠し領域を展開します。
環境変数を定義します。 例: 構成しているツールの開始に必要なツールの
PATH変数を指定しますが、そのツールへのパスで参照されていません。 ほとんどの場合、 Node.js または ruby.exe です。 このような状況は、Node パッケージマネージャー (npm) または gem manager によるインストールではなく、カスタムの手動インストールが原因である可能性があります。作業ディレクトリ(W) フィールドで、ツールを適用するディレクトリを指定します。
ツールは常にファイルのコンテキストで呼び出されるため、デフォルトの作業ディレクトリは現在のファイルのディレクトリです。 デフォルトの作業ディレクトリは、
$FileDir$マクロを使用してすべての定義済みテンプレートで指定されます。 カスタム作業ディレクトリを指定するには、フィールドにパスを入力するか、
をクリックし パスの選択 ダイアログでディレクトリを選択、または をクリックして マクロ ダイアログのリストから目的の マクロを選択してください。
詳細オプションの構成
拡張オプション 領域では、File Watcher のデフォルト動作をカスタマイズします。
ファイルウォッチャーを呼び出すイベントを指定してください：
ソースコードに変更が加えられたらすぐにファイルウォッチャーを呼び出すには、 編集したファイルを自動保存してウォッチャーをトリガーする。 チェックボックスを選択します。
チェックボックスをオフにすると、保存時 () または JetBrains Rider からフォーカスを移動したとき（フレームの非アクティブ化時）に File Watcher が起動します。
デフォルトでは、File Watcher は、たとえばブランチをチェックアウトしたときにバージョンコントロールシステムから受信した更新など、保存された変更があると起動します。 このような変更を無視し、JetBrains Rider でコードを更新したときにのみ File Watcher を呼び出すには、 外部の変更でウォッチャーをトリガーする チェックボックスをオフにします。
ファイルウォッチャーが JetBrains Rider 構文パーサーと連携するかどうかを指定してください：
構文エラーに関係なくウォッチャーをトリガーする チェックボックスをオンにすると、File Watcher はファイルの構文上の正確さに関係なく起動します。 ファイルウォッチャーは、 編集したファイルを自動保存してウォッチャーをトリガーする。 チェックボックスの状態に応じて、更新、保存、フレームの非アクティブ化時に開始されます。
構文エラーに関係なくウォッチャーをトリガーする チェックボックスをオフにすると、File Watcher は構文上無効なファイル内のすべてのトリガを無視し、エラーのないファイルでのみ起動します。
stdout から出力ファイルを作成します。 チェックボックスを使用して、出力ファイルの生成方法を指定します。
チェックボックスが選択されていると、JetBrains Rider はネイティブツールの出力
standard output stream (stdout)を読み取り、そこから結果ファイルを生成します。チェックボックスをオフにすると、ツールはその出力を リフレッシュする出力パス フィールドで指定されたファイルに直接書き込みます。
コンソールの表示 リストで、File Watcher がいつコンソールを開くかを選択します。
常時：: このオプションを使用すると、ツールの実行が完了した後にコンソールが常に開きます。
エラー時：: このオプションを使用すると、
Exit codeが0と異なる場合にのみツール実行後にコンソールが開きます。なし：: コンソールをまったく開かないようにするには、このオプションを選択します。
File Watcher によって報告された情報をエディターに表示する
ファイルウォッチャーで設定したツールが、ファイルや特定行へのリンク付きでコードのエラーや警告を報告する場合、エディターでこの情報を確認できます：
では、インスペクション ファイルウォッチャーの問題 を有効にします。
出力フィルター フィールド（ウォッチャーの編集ダイアログ）で、照合したい出力のフォーマットを記述してください。 そのためにマクロ
$FILE_PATH$、$LINE$、$MESSAGE$を使用します。\では、中括弧やドットなどの特別なシンボルを使用しないようにする必要があります。$MESSAGE$マクロと一致するテキストがエディターに表示されます。
サンプル
このツールは次のフォーマットでエラーを報告します：
エディターでエラーをハイライトするには、次の正規表現を出力フィルターとして使用してください：
ファイルウォッチャーの保存、有効化、無効化
新しい File Watcher を保存したら、現在のプロジェクト（レベル リストから プロジェクト を選択）でのみ使用可能にするか、すべてのプロジェクト（グローバル を選択）で使用可能にするかを決定できます。
ファイルウォッチャーを有効または無効にするには、 設定 ダイアログ（Ctrl+Alt+S ）を開き、 に移動して、その横にあるチェックボックスをオンまたはオフにします。
定義済みの File Watcher が適用できるファイルを開くと、JetBrains Rider が File Watcher を有効にするよう提案します：
ファイルウォッチャーが有効化されている場合、選択した種類・スコープのファイルが変更または保存されると自動的に開始されます。 詳細オプションの構成を参照してください。
ファイル監視の実行中にエラーが発生した場合、ファイル監視は自動的に無効になります。 ステータスを復元するには、ファイル監視を手動で有効にします。
保存時に File Watchers を自動的に実行する
変更を 保存すると、変更されたファイルで File Watchers が自動的に実行されるように IDE を設定できます。
Ctrl+Alt+S を押して設定を開き、 を選択します。
File Watcher オプションを有効にして、変更を適用します。
新しいプロジェクトでグローバル File Watchers を有効にする
グローバルFile Watchers は、今後作成するすべての新しいプロジェクトで自動的に有効にすることができます。
新規プロジェクトの設定 ダイアログ（ ）を開き、 に移動して、必要な File Watchers の横にあるチェックボックスを選択します。
または、 ようこそ画面で、 構成 リストから 設定 を選択します。 開いたダイアログで、関連する File Watcher の横にあるチェックボックスを選択します。
File Watcher における外部ツールの動作をカスタマイズする例
サードパーティツールに影響を与える唯一の方法は、コマンドラインモードで作業しているかのように引数を渡すことです。 これらの引数は、各ツールに固有です。 以下は、 SCSS コンパイラーのデフォルトの出力場所をカスタマイズする 2 つの例です。
SCSS コンパイラーをカスタマイズする
プロジェクトが次のような構造になっているとします：
ご覧のとおり、 _grid.scss は Page.scss にインポートされます。 以下の例では、プロジェクトを手動または自動的に保存したときに Page.scss が CSS にコンパイルされ、 _grid.scss への変更が生成された CSS ファイルに反映される様子を示します。
SCSS タイプのファイルウォッチャーを作成します。 設定 ダイアログ（Ctrl+Alt+S ）を開き、 に移動し、ツールバーで
をクリックし、リストから SCSS を選択してください。開いた 新規ファイルウォッチャー ダイアログでは、必須フィールドはすべてすでに入力されています。
実際、これらの設定でコンパイラーを正常に実行することができます。
grid.scss を変更しましょう。たとえば 31 行目の
margin-left: 0;をmargin-left: 12px;に置き換えます。 この操作でファイルウォッチャーがトリガーされ、コンパイラーが Page.scss を処理します。 その結果、ファイルが生成され、 Page.scss の下に入れ子で表示されます：コンパイルされた CSS コードを含む Page.css
デバッグセッション中にアプリをステップスルーできるソースマップを備えた Page.css.map 。
デフォルト設定でコンパイラーの実行には十分ですが、ファイルウォッチャーの動作をカスタマイズできる点を確認するために、設定を詳しく見ていきましょう。
FileWatcher をトリガーするアクションを変更する
プロジェクトが手動（ または Ctrl+S ）または自動で保存されるとすぐに、File Watcher が起動し、トランスパイラーを起動します。
通常、JetBrains Rider からフォーカスを移動すると (フレームの非アクティブ化時に)、コードが自動的に保存されます。 File Watchers では、File Watcher のスコープからファイルを編集するときにも自動保存が実行されます。 その結果、入力中は常にトランスパイラが実行され、パフォーマンスの問題が発生する可能性があります。 この問題を解決するには、編集したファイルの自動保存を抑制します。
Ctrl+Alt+S を押して設定を開き、 を選択します。 必要な File Watcher（この例では SCSS ）を選択し、ツールバーの 
をクリックします。 ファイルウォッチャーを編集 ダイアログで、 拡張オプション 領域を展開し、 編集したファイルを自動保存してウォッチャーをトリガーする。 チェックボックスをオフにします。
デフォルトでは、File Watcher はそのスコープ内のファイルが JetBrains Rider の外部で編集された場合でも起動します。 この動作を無効にして、内部で編集するときにのみファイルをトランスパイルするには、 外部の変更でウォッチャーをトリガーする チェックボックスをオフにします。
スコープを変更する
デフォルトでは、JetBrains Rider はプロジェクト全体の .scss 拡張子付き全ファイルの変更を監視します。 この設定で本例は動作します。 ただし、たとえばコミットされていない変更だけを処理するようにスコープを変更することもできます。 プロジェクトが大きい場合、この方法で時間を短縮できます。
Ctrl+Alt+S を押して設定を開き、 を選択します。 必要な File Watcher（この例では SCSS ）を選択し、ツールバーの をクリックします。 ファイルウォッチャーを編集 ダイアログで、リストから該当するスコープを選択します。 詳しくは スコープとファイルの色 を参照してください。
カスタム出力場所
デフォルトでは、生成された .css および .css.map ファイルは元のファイルと同じフォルダーに保存され、 エクスプローラー ツールウィンドウ (Alt+1) では元のファイルの子ファイルとして表示されます。 このデフォルトの動作を変更して、生成されたすべての .css および .css.map ファイルを別のフォルダーに保存することもできます。
簡単なケースから始めましょう。 プロジェクトルートに custom_output.scss ファイルがあるとします。
custom_output.scss を編集しましょう。例えば6行目の fill-opacity: abs(50); を fill-opacity: abs(60); に置き換えます。 デフォルトの File Watcher 構成では、生成されたファイル custom_output.css および custom_output.css.map はプロジェクトルートに保存され、 custom_output.scss の子として表示されます。
すべての出力を別のフォルダー（たとえば、 css ）に保存すると便利です。 css フォルダーを出力場所として使用してカスタム SCSS_custom_output ファイルウォッチャーを作成しましょう。
Ctrl+Alt+S を押して設定を開き、 を選択します。 そして、 上記の手順に従ってSCSS File Watcher を作成します。
デフォルト設定を次のように更新してください：
引数 フィールドに入力してください：
$FileName$:$ProjectFileDir$/css/$FileNameWithoutExtension$.cssリフレッシュする出力パス フィールドに入力してください：
$ProjectFileDir$/css/$FileNameWithoutExtension$.css:$ProjectFileDir$/css/$FileNameWithoutExtension$.css.map
新しいファイルウォッチャーを保存し、有効化されていることを確認してください。
ここで、たとえば custom_output.scss を編集し、6 行目の fill-opacity: abs(50); を fill-opacity: abs(60); に置き換えると、JetBrains Rider は css フォルダーを作成し、生成された custom_output.css ファイルと custom_output.css.map ファイルをその中に保存します。
カスタム出力場所: 元のフォルダー構造を保持する
次に、 .scss ファイルがフォルダー構造に格納されている例を考えてみましょう。例えば：
デフォルトの File Watcher では、生成されたファイルは元の .scss ファイルの隣に保存されます。
上記のようにカスタム File Watcher を使用すると、生成されたすべてのファイルが同じ css フォルダーに保存されます。
JetBrains Riderでフォルダー構造を保持するには、別のカスタムファイルウォッチャーを作成しましょう。
Ctrl+Alt+S を押して設定を開き、 を選択します。 そして、 上記の手順に従ってSCSS File Watcher を作成します。
デフォルト設定を次のように更新してください：
引数 フィールドに入力してください：
$FileName$:$ProjectFileDir$/css/$FileDirRelativeToProjectRoot$/$FileNameWithoutExtension$.cssリフレッシュする出力パス フィールドに入力してください：
$ProjectFileDir$/css/$FileDirRelativeToProjectRoot$/$FileNameWithoutExtension$.css:$ProjectFileDir$/css/$FileDirRelativeToProjectRoot$/$FileNameWithoutExtension$.css.map
新しいファイルウォッチャーを保存し、有効化されていることを確認してください。
ここで、 custom_output_body.scss 、 custom_output_header.scss 、または custom_output_footer.scss を編集すると、JetBrains Rider は styles_structured の構造を保持するサブフォルダー構造の css フォルダーを作成します。
CoffeeScript コンパイラーをカスタマイズする
次のフォルダー構造のプロジェクトがあるとします：
デフォルトのファイルウォッチャーでは、生成されたファイルは元ファイルの子として表示されます。
このデフォルトの場所を変更して、生成されたファイルを別の JavaScript フォルダーに保存することができます。
生成されたすべてのファイルを出力 JavaScript フォルダーに保存する
CoffeeScript ファイルウォッチャーを作成します。
引数 フィールドに入力してください：
--map --compile -o $ProjectFileDir$/JavaScript $FileName$リフレッシュする出力パス フィールドに入力してください：
$ProjectFileDir$/JavaScript/$FileNameWithoutExtension$.js:$ProjectFileDir$/JavaScript/$FileNameWithoutExtension$.map:$FileNameWithoutExtension$.js.map
その結果、プロジェクトツリーは次のようになります：
生成されたファイルを、 app ノードの元の構造を繰り返すフォルダー構造に格納することもできます。
出力フォルダーに元のフォルダー構造を保持する
CoffeeScript ファイルウォッチャーを作成します。
引数 フィールドに入力してください：
--map --compile -o $ProjectFileDir$/JavaScript/$FileDirRelativeToProjectRoot$ $FileName$リフレッシュする出力パス フィールドに入力してください：
$ProjectFileDir$/JavaScript/$FileDirRelativeToProjectRoot$/$FileNameWithoutExtension$.js:$ProjectFileDir$/JavaScript/$FileDirRelativeToProjectRoot$/$FileNameWithoutExtension$.map:$FileNameWithoutExtension$.js.map
その結果、プロジェクトツリーは次のようになります：
File Watcher のトラブルシューティング
File Watcher が無効になっていることを通知するエラーメッセージを含むポップアップが表示される場合があります
起こりうるエラーのリストは以下の通りです：
報告された問題 | 問題説明 | 回避策 |
|---|---|---|
| ファイルウォッチャーは、このプロジェクトで定義されていないスコープを使用します。 | ウォッチャーをダブルクリックして、使用可能なスコープを選択するか、新しいスコープを作成します。 |
| このプロジェクトは、削除されたグローバル File Watcher を使用します。 | 削除 ボタン |
JetBrains Riderは多数の同一ファイルウォッチャータスクを実行します | 例えば VCS からの一括更新後、JetBrains Rider は保存されたファイルごとに個別のファイルウォッチャータスクを実行します。 | 引数 フィールドにファイル固有のマクロ（例: |
を使用してウォッチャーをリストから削除するか、編集して同じ名前の新しいグローバルウォッチャーを作成します。