PhpStorm 2026.1 ヘルプ

JavaScript 後置テンプレート

後置コード補完では、入力したばかりの式の周囲にテンプレートコードを追加できます。ドットの後に略語（後置）を入力して展開キー（デフォルトでは Tab）を押すか、コード補完ポップアップで略語を選択すると、テンプレートが展開されます。例: 式に適用された .if 接尾辞は、それを if ステートメントでラップします。

PhpStorm には、定義済みの後置テンプレートのセットが付属しており、独自のカスタム後置テンプレートを定義できます。カスタム後置テンプレートを作成するを参照してください。

カスタムテンプレートはコピー、更新、削除できます。定義済みテンプレートの場合は、接尾辞の変更のみ可能です。たとえば、長いキーを短いキーに置き換えるなどです。

前

後

function m(arg) { arg.if }
function m(arg) { if (arg) { } }

後置コード補完の詳細を参照してください。

  1. Ctrl+Alt+S を押して設定を開き、エディター | 一般 | 後置補完を選択します。

  2. 開いた後置補完ページで、後置テンプレートを有効にするチェックボックスを選択します。

    このページには、利用可能な後置のリストと、対応するテンプレートが横に表示されます。後置を選択すると、説明ペインは、テンプレートが展開される前後のコードスニペットを示す対応する変換を示します。

    後置を有効にするには、その横にあるチェックボックスを選択します。

後置テンプレートを適用する

  1. 式の後にドットを入力します。

  2. 接尾辞を入力して展開キー（デフォルトでは Tab）を押すか、候補リストから接尾辞を選択します。必要に応じて、囲むか置換する表現を選択してください。

    すべての後置テンプレートのデフォルトの拡張キーは Tab です。別の方法を選択する方法については、デフォルトの拡張キーの変更を参照してください。

カスタムテンプレートを作成する

  1. 設定ダイアログ（Ctrl+Alt+S）で、エディター | 一般 | 後置補完に移動します。

  2. 開いた後置補完ページで Add button をクリックし、テンプレートが機能する言語を選択します。JavaScript and TypeScript または TypeScript を選択できます。

  3. 開いている新規テンプレートの作成ダイアログで:

    • キーフィールドにテンプレートの接尾辞を指定します。

    • 最低言語レベルリストから言語レベルを選択します。

    • テンプレートコードを入力し、最初の式を挿入する場所に $EXPR$ を追加します。最後にキャレットを挿入する場所に $END$ を追加します。

      Postfix completion: create custom template

    • デフォルトでは、呼び出されたテンプレートが技術的に複数の式に適用できる場合、PhpStorm は必要な式を選択するように求めます。

      テンプレートが呼び出されたときに PhpStorm が最上位の適用可能な式を自動的に変換するようにするには、一番上の式に適用チェックボックスを選択します。

      それ以外の場合、チェックボックスをオフにすると、PhpStorm はテンプレートを呼び出すときに式を選択するように求めます。

      apply custom postfix template

言語コンテキストやキャレットの最終位置など、既存のテンプレートとはわずかに異なる新しいテンプレートを作成することもできます。PhpStorm を使用すると、元のテンプレートをコピーし、そのコピーに必要な変更を加えることができます。

既存のテンプレートから新しいカスタムテンプレートを作成する

  1. 設定ダイアログ（Ctrl+Alt+S）で、エディター | 一般 | 後置補完に移動します。

  2. 開いている後置補完ページで、新しいテンプレートを作成するカスタムテンプレートを選択し、ツールバーの をクリックします。

  3. 開いているテンプレートの編集ダイアログで、必要に応じてテンプレートを編集し、新しい接尾辞を入力します。

デフォルトの拡張キーを変更する

  • 設定ダイアログ（Ctrl+Alt+S）で、エディター | 一般 | 後置補完に移動し、次でテンプレートを展開リストから新しいキーを選択します。

後置補完を無効にする

  • 設定されたすべての接尾辞テンプレートの展開を抑止するには、後置テンプレートを有効にするチェックボックスをオフにします。

  • 特定のテンプレートを展開しないようにするには、その接尾辞の横にあるチェックボックスをオフにします。

2026 年 3 月 09 日
JavaScript ドキュメントの検索 JavaScript リンター