ReSharper 2026.1 ヘルプ

HTML によるコーディング支援

ReSharper のコーディング支援機能のほとんどは、HTML でもサポートされています。これらの機能の詳細については、コーディング支援の該当するトピックを参照してください。このセクションのサブジェクトでは、フィーチャマトリックスを見つけて、HTML で正確にサポートされているものを確認することもできます。

このトピックでは、HTML でコーディング支援機能を使用するいくつかの例を見つけることができます。

構文のハイライト

ReSharper は、HTML 属性で JavaScript シンボルを視覚的にハイライトできます。例:

ReSharper: Syntax highlighting in HTML

コード補完

コード補完は、コードをすばやく記述したり、誤植を避けるのに役立ちます。HTML では、次の補完機能が利用できます。

  • タグの補完

    ReSharper: completion for tags in HTML
  • 属性の補完

    ReSharper: completion for attributes in HTML
  • CSS クラスと識別子の補完

    ReSharper: completion for CSS classes and identifiers in HTML

コンテキストアクションの例

ReSharper は、HTML コードをターゲットとする一連のコンテキストアクションを提供します。ReSharper オプションのコード編集 | HTML | コンテキストアクションページでこれらのアクションの完全なリストを見つけることができます。必要に応じて、このページを使用していくつかのアクションを無効にすることもできます。

現在のキャレット位置でコンテキストアクションが使用可能になるとすぐに、ReSharper は対応するアクションインジケーター ThemedIcon.ContextAction.Screen.(Gray).png をキャレットの左側に表示します。しかし時々、ReSharper は現在のキャレットポジションのために文脈上利用可能ないくつかの機能を提供します。この場合、最も優先度の高いアクションに対応するアクションインジケータが表示され、その他のすべてのアクションは、アクションインジケータをクリックするか、Alt+Enter を押してアクションリストを展開したときにのみ表示されます。コンテキストアクションは最も優先順位が低いため、アクションリストの一番下に表示されることがよくあります。

HTML のコンテキストアクションの例を次に示します。

空のタグを展開

展開されていないタグ内にテキストを追加したい場合は、次のコンテキストアクションを使用してください。

ReSharper: Expand empty tag context action in HTML

コンテキストアクションを適用した後、適切な終了タグが追加され、キャレットが開始タグと終了タグの間に正確に配置されます。

ReSharper: Expand empty tag context action in HTML

属性の除去

無駄な、または不要な属性がある場合は、属性全体とその値を手動で選択してから削除するのではなく、このコンテキストアクションを使用します。

ReSharper: Remove attribute context action in HTML

コンテキストアクションを適用した後、適切な属性が削除されます。

ReSharper: Remove attribute context action in HTML

テーブル行を挿入

このコンテキストアクションはテーブルに行を挿入するための非常に便利な方法です。

ReSharper: Insert table row context action in HTML

コンテキストアクションを適用した後、新しい行が挿入されます。

ReSharper: Insert table row context action in HTML

クイックドキュメント

クイックドキュメントポップアップを使用して、エディターに関する要素に関する有用な情報を取得できます。

ReSharper: Quick documentation in HTML
2024 年 5 月 26 日

関連ページ:

コーディング支援

ReSharper はさまざまなコーディング支援機能を提供します。これにより、コードの記述と編集がはるかに高速になり、生産性が向上し、時間を節約できます。ReSharper のコーディング支援機能のほとんどは、C# と Visual Basic で利用できます。一部は複数の言語で利用でき、その他は言語固有です。以下の表は、すべてのコーディング支援機能と、それらがサポートされている言語 / テクノロジを示しています。このセクション内のトピックに示されている手順と例では、C# のコーディング支援機能...

コンテキストアクション

コンテキストアクションは、エディターで直接利用できるコード変換ヘルパーです。クイックフィックスとは対照的に、コンテキストアクションは問題の解決やコードの改善を目的としているためはなく、アクセス修飾子の変更、null をチェックするコードの生成、'foreach' の 'for' への変換などの小さな変更をすばやく導入できます。ReSharper は、サポートされているすべての言語で数百のコンテキストアクションを提供します。完全なリストは、ReSharper オプション Alt+R, O のページとコ...

クイックドキュメント

ReSharper を使用すると、エディター内でシンボルのドキュメントをすばやく確認できます。シンボルがサポートされている形式 (C# の XML-docs など) でドキュメント化されている場合、すべてのドキュメントが適切な形式で表示されます。それ以外の場合は、基本的なシンボル情報が表示されます (完全なメソッドシグネチャーまたは型の可視性と名前空間など)。シンボルのクイックドキュメントを表示キャレットを配置するエディターのシンボル参照、ファイル構造ウィンドウまたはその他の ReSharper...

HTML でインスペクションとクイックフィックスをコーディングする

メイン ReSharper のコード分析機能(コードインスペクション、コードの問題のクイックフィックスなど)も HTML でサポートされています。これらの機能の詳細については、コード解析セクションの対応するトピックを参照してください。ReSharper がどのようにインスペクションコードを適用して HTML コードを検証し、時代遅れまたは非標準の要素や属性に下線を引くかの例を示します。パスマッピング:Web アプリケーションを開発する際、定期的に移行先サーバーにデプロイすることになります。しか...