WebStorm 2025.3 ヘルプ

TODO コメント

最適化や改善が必要な箇所、変更の可能性、議論すべき点など、将来の参照のためにコードの一部をマークする必要がある場合があります。WebStorm を使用すると、特別な種類のコメントを追加できます。これらのコメントはエディターでハイライト表示され、プロジェクト分析中にインデックス化され、TODO ツールウィンドウに一覧表示されます。これにより、チームメンバーは、注意が必要な問題を追跡できます。

TODO comments example
  1. 1 行の TODO コメント

  2. 複数行の TODO コメント

  3. 通常のコメント行

  4. TODO ツールウィンドウ

  5. TODO アイテム

デフォルトでは、WebStorm によって認識される 2 つのパターン、TODOFIXME が小文字と大文字の両方で存在します。これらのパターンは行内で使用でき、サポートされている任意のファイルタイプのコメントをブロックできます。デフォルトのパターンを変更するか、必要に応じて独自のパターンを追加できます

作業している言語の標準のコメントスタイルを使用して TODO を記述します。Markdown では、コメントをエミュレートできます。

複数行の TODO アイテムを作成する

  • 最初のコメント行に続くコメント行のテキストをインデントします。

    複数行の TODO アイテムをインデントするには、スペースとタブ、または両方を組み合わせて使用できます。

複数行の TODO アイテムを無効にする

  1. Ctrl+Alt+S を押して設定を開き、エディター | TODO を選択します。

  2. 次の行のインデント付きテキストを同じ TODO の一部として扱うチェックボックスをクリアします。

TODO アイテムを表示する

  • TODO ツールウィンドウを開きます: 表示 | ツールウィンドウ | TODO

タブを使用して、表示する TODO アイテムのソースを変更します。現在のプロジェクト内のすべてのファイルから、特定のスコープのファイルに基づいて現在のファイル内のファイルのみから、またはアクティブな変更リスト内のファイルから(バージョン管理がある場合)統合が構成されています)。

ソースコード内の TODO コメントに移動するには、TODO ツールウィンドウで対応する TODO 項目をクリックします。この動作を無効にするには、ツールバーのシングルクリックで移動ボタン The Navigate with Single Click button を使用します(この場合、TODO 項目をダブルクリックして関連するコメントに移動する必要があります)。

カスタムパターンを追加して TODO アイテムをフィルタリングする

独自のパターンを追加してリストをフィルタリングし、特定のパターンに一致する TODO アイテムのみを表示できます。例: OPTIMIZE パターンでコード内の可能な最適化の場所をマークし、TODO ツールウィンドウで表示するときに他のすべての TODO アイテムを無視することを選択できます。

  1. 設定ダイアログ(Ctrl+Alt+S)で、エディター | TODO を選択します。

  2. 正規表現を使用して、カスタムパターンを指定します。

    例: コメントに OPTIMIZE という単語のパターンを追加するには、TODO ダイアログのパターンセクションで The Add button をクリックし、次の正規表現を入力します。

    \boptimize\b.*

    これは「optimize」という単語 (\b は単語の境界を指定します) と一致し、コメント内に他の文字をいくつでも含めることができます。

    次に、OK をクリックして新しいパターンを保存します。

  3. フィルターを追加して TODO パターンをグループ化し、TODO ツールウィンドウで対応する TODO アイテムを個別に表示します。

    例: Optimization フィルターを新しいパターンで追加するには、TODO ダイアログのフィルターセクションで The Add button をクリックし、その名前として Optimization を指定し、このフィルターに含める新しいパターンを選択します。

    次に、OK をクリックして新しいフィルターを保存します。

    The TODO settings dialog
  4. OK をクリックして、TODO 設定ダイアログで変更を適用します。

  5. 新しいフィルターを適用するには、TODO ツールウィンドウで the Filter TODO Items button をクリックし、Optimization フィルターを選択します。

パターン用に選択したアイコンは、さまざまな TODO アイテムを区別しやすくするために、TODO ツールウィンドウに表示されます。パターンの大 / 小文字の区別チェックボックスを有効にすることにより、指定された大文字と小文字のみをパターンに一致させることができます。

2026 年 1 月 14 日

関連ページ:

カラースキームの切り替え

このセクションを使用して、WebStorm エディターの配色を選択します。スキームワークスペースで使用する配色を選択してください。このボタンをクリックすると、次のコマンドが呼び出されます(選択したスキームに応じて)。複製: 現在選択されているカラー設定を新しいスキームとして保存します。新しいスキームを保存するにはを押し、操作をキャンセルするにはを押します。デフォルトの復元: 選択したカラースキームを WebStorm に同梱されている初期デフォルトにリセットします。定義済みのカラースキームを...

Markdown

Markdown は、フォーマット要素をプレーンテキストに追加するための軽量のマークアップ言語です。WebStorm は Markdown ファイルを認識し、ハイライト、補完、フォーマットを行う専用エディターを提供し、レンダリングされた HTML をライブプレビューペインに表示します。サポートは CommonMark の仕様に基づいています。Markdown プラグインを有効にするこの機能は、デフォルトで WebStorm にバンドルされて有効になっている Markdown プラグインに依存しています。...

スコープとファイルの色

スコープは、プロジェクト内のファイルとフォルダーの名前付きセットです。スコープを使用すると、IDE のさまざまなビューでプロジェクト項目を視覚的に区別し、特定の操作の範囲を制限できます。スコープを使用すると、ファイルを論理的に整理できます。たとえば、テストソースをテストスコープに配置し、本番環境のコードを本番環境スコープに配置することができます。これにより、大スコーププロジェクトでの作業が容易になります。インスペクションをテストのみで実行すると、コードベース全体で実行するよりも高速になります。W...

変更を変更リストにグループ化する

変更リストは、Git リポジトリにまだコミットされていないローカル変更のセットです。変更リストを使用すると、さまざまなタスクに関連する変更をグループ化し、これらの変更セットを個別にコミットできます。詳細については、変更をローカルでコミットするを参照してください。変更リストは、コミットツールウィンドウのコミットウィンドウに表示されます。最初は、変更と呼ばれるデフォルトの変更リストが 1 つあります。すべての新しい変更は自動的に変更変更リストに配置されます。また、Git にまだ追加されていない新規...

バージョン管理統合サポート

WebStorm は 2 つのレベルでバージョン管理統合をサポートします。IDE レベルでは、VCS 統合は、デフォルトで有効になっているバンドルされたプラグインのセットを通じて提供されます。プロジェクトレベルでは、プロジェクトフォルダーを 1 つまたは複数のバージョン管理システムと関連付けることで、VCS 統合が有効になります。プロジェクトルートをバージョン管理システムに関連付ける:WebStorm を使用すると、プロジェクトとバージョン管理システムの統合を迅速に有効にし、それをプロジェクト...

正規表現構文リファレンス

このセクションは、検索と置換の作成、およびナビゲーションパターンの発行に使用できる正規表現構文の概要です。RegEx 構文リファレンス:次の文字を特殊文字またはリテラルとしてマークします。例: は文字と一致します。は改行文字と一致します。シーケンスはと一致し、はと一致します。入力の始めに一致します。入力の終わりに一致します。直前の文字と 0 回以上一致します。例: はまたはのいずれかに一致します。直前の文字と 1 回以上一致します。例: はと一致しますが、には一致しません。直前の文字に 0 回または...