WebStorm 2025.1 ヘルプ

TODO コメント

アプリケーションで作業するときは、将来の参照用にコードの一部にマークを付けたいことがあります。最適化と改善のための領域、変更の可能性、検討すべき質問などです。WebStorm では、エディターでハイライトされ TODO ツールウィンドウにリストされている特別なタイプのコメントを追加できます。

デフォルトパターンの使用

デフォルトでは、WebStorm は 2 つのパターンを認識します - TODO と FIXME は両方とも小文字と大文字です。これらのパターンは、サポートされているファイルタイプのコメント内で使用できます。

Using TODO patterns

TODO コメントを作成するには

  1. TODO アイテムを作成する場所にキャレットを置き、Ctrl+/ キーを押してコメントを追加します。次に TODO または FIXME と入力し、メモを入力します。

  2. TODO ツールウィンドウで TODO 項目のリストを表示します。ツールウィンドウは 4 つのタブで構成され、WebStorm はプロジェクト全体、アクティブなエディタータブのファイル、選択したスコープ、アクティブな変更リストの TODO アイテムを表示します。

    • デフォルトでは、項目を選択すると、ソースコード内の対応するコメントに自動的に移動します。この自動ナビゲーションを無効にするには、ツールウィンドウのヘッダーを右クリックし、表示オプションをクリックして、シングルクリックで移動の横にあるチェックボックスをオフにします。

    • シングルクリックで移動を無効にして、必要な TODO 項目をダブルクリックすると、ソースコード内の対応するコメントに移動します。

JavaScript および TypeScript ファイルでは、WebStorm はデフォルトで複数行の TODO コメントもサポートします。通常の TODO で TODO コメントを開始し、次の行にインデントを追加して TODO コメントを続けます。インデントを削除すると、WebStorm はそれを通常のコメントとして扱います。

Multiline TODO comments

複数行の TODO コメントを抑制するには

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

  2. 開いている TODO ページで、次の行のインデントされたテキストを同じ TODO の一部として扱うチェックボックスをオフにします。

カスタムパターンの使用

デフォルトのパターンを変更したり、独自のパターンを追加したり、リストをフィルタリングして、特定のパターンに一致する TODO 項目のみを表示することができます。例: OPTIMIZE パターンで最適化が必要なコードフラグメントをマークし、他のすべてのタイプの TODO アイテムを無視することができます。

カスタムパターンを作成する

  1. 設定ダイアログ (Ctrl+Alt+S) で、エディターの TODO をクリックします。TODO ページが開きます。

  2. OPTIMIZE 項目のパターンを追加するには、パターン領域で Add icon をクリックし、次のパターンを入力します: \boptimize\b.*

  3. 新しいパターンのフィルターを追加するには、フィルター領域の Add icon をクリックし、新しいフィルターの名前を指定して、このフィルターに含める新しいパターンを選択します。

カスタムフィルターを適用するには

  • TODO ツールウィンドウで Filter TODO Items をクリックし、必要なフィルターを選択します。

コピーライト ファイルテンプレート

関連ページ：

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

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

TODO ツールウィンドウ

WebStorm は、特定の TODO パターンに一致するソースコードのコメントをプロジェクトで絶えずスキャンし、TODO ツールウィンドウに表示します。TODO ツールウィンドウは、次のタブで構成されています。プロジェクト: プロジェクト全体の TODO 項目を表示します。現在のファイル: エディターで現在開いているファイルの TODO 項目を表示します。スコープベース: リストから選択した特定の範囲の TODO 項目を表示します。現在の変更リスト: アクティブな変更リストに TODO アイテムを表...

コピーライト

プロジェクトには、コピーライトで保護したいファイルが含まれている場合があります。各ファイルに個別にコピーライト表示を追加する代わりに、著作権プロファイルを使用できます。プロファイルは、コピーライト表示テキストと、このテキストが組み込まれる一連のファイル（スコープ）を定義します。同じプロジェクト内のファイルには、いくつかの異なるコピーライト表示が必要な場合があります。この場合、複数のプロファイルを設定し、異なるスコープに関連付けることができます。コピーライトプロファイルを構成する：WebStor