WebStorm 2026.1 Help

JSDoc コメント

WebStorm は JSDoc コメント を認識し、開くブロックコメント /** を入力して Enter を押すと、自動的に @param@returns@private などのタグを挿入して作成をサポートします。 JSDoc コメントは、JavaScript および TypeScript で Ctrl+Q によるドキュメント参照に使用されます。詳細は JavaScript ドキュメント参照TypeScript ドキュメント参照 、またチェーンメソッド内の 型アノテーションメソッド戻り値型ヒント も参照してください。

WebStorm は、ドキュメントコメント内の TODO パターンClosure Compiler アノテーション、 TypeScript 構文 も認識し、コード補完、インテンションアクション、その他のコーディング支援で使用します。

JSDoc 入門(英語)および JSDoc でサポートされているタイプ(英語)の例を使用して、JSDoc 構文の詳細な説明を見つけてください。

JSDoc コメントを作成する

  • 文書化するメソッド / 関数またはフィールドの宣言の前にキャレットを置き、開始ブロックコメント /** を入力して、 Enter を押します。

    WebStorm は、該当する場合、パラメーター(@param )と戻り値(@returns )のリストを含む JSDoc コメントを生成します。 リストされたパラメーター、戻り値などを記述します。

    Generate jsdoc comment
  • あるいは、専用の Doc コメントの修正 アクションを使用します。 文書化するメソッド / 関数またはフィールドにキャレットを置き、 Ctrl+Shift+A を押して Fix Doc Comment の入力を開始します。 次に、リストから Doc コメントの修正 を選択し、 Enter を押します。

JSDoc コメントの TypeScript 構文

JavaScript ファイルの JSDoc コメント内で、TypeScript アノテーション(@type@typedef など)を使用できます。 WebStorm は TypeScript 構文構造、たとえば 共用体型@typedef 宣言のオプションプロパティなどを認識します。

WebStorm は TypeScript アノテーション用のコード補完を提供します。

JavaScript ファイルの JSDoc 内の TypeScript アノテーション用のコード補完

@type アノテーションに基づいて、WebStorm はパラメーターヒントを表示します。

パラメーターのヒントは、JavaScript ファイルの JSDoc 内の型アノテーションに基づいて表示されます

エディターでレンダリングされた JSDoc コメントを表示する

WebStorm を利用すると、JSDoc コメントをより読みやすい形式で表示できます。 この レンダリングされたビューモードでは、アイテムは @ タグでグループ化されて表示されますが、タグ自体はスキップされます。 参照先の Web ページを開いて、参照先のトピックのクイックドキュメントを表示し、読みやすくするためにフォントサイズを調整できます。

Rendered View for JSDoc comments
  • レンダリングされたビューモードに入るには、コメントの上にマウスを置き、余白の Toggle Rendered View アイコン をクリックするか、 Ctrl+Alt+Q を押します。 アイコンが Toggle Rendered View アイコン に変わります。

    レンダリングビューモードをオンにする
  • レンダリングされたビューモードを終了するには、ガターで Toggle Rendered View アイコン をクリックするか、JSDoc コメントのコンテキストメニューから レンダリングビューの切り替え を選択するか、 Ctrl+Alt+Q を押します。

    レンダリングビューモードをオフにする
  • 現在のファイルのすべての JSDoc コメントに対して レンダリングされたビューモードをオンにするには、ガターのコンテキストメニューから すべてのドキュメントコメントを表示 を選択します。

    現在のファイルのすべてのコメントをレンダリングする
  • 必要に応じて、コンテキストメニューから フォントサイズの調整 を選択し、スライダーを使用してフォントサイズを変更します。

    フォントサイズを調整する
  • デフォルトでレンダリングされるすべての JSDoc コメントを表示するには、 設定 ダイアログ(Ctrl+Alt+S )を開き、 エディター | 一般 | 外観 に移動して、 ドキュメントコメントをレンダリングする チェックボックスを選択します。

    レンダリングされた JSDoc コメントをデフォルトでオンにする
  • レンダリングビューのガターアイコンを非表示にするには、ガターのコンテキストメニューから ガターアイコンの構成… を選択し、開いた 設定 | エディター | 一般 | ガターアイコン ページの ドキュメントコメントのインライン表示 チェックボックスをオフにします。

2026 年 6 月 8 日