> ## Documentation Index
> Fetch the complete documentation index at: https://docs.devinenterprise.com/llms.txt
> Use this file to discover all available pages before exploring further.

# コードレンズ

> エディタ内で関数やクラスに対して直接、すばやく Explain、Refactor、Docstring の追加を行うには、Devin Desktop のコードレンズを利用します。

<div id="explain-refactor-and-add-docstring">
  ## 説明、Refactor、Docstring の追加
</div>

テキストエディタの上部では、Devin Desktop が関数やクラスに *コードレンズ* を表示します。

<Frame>
  <img src="https://mintcdn.com/cognitionai-enterprise/GYcs1r0Vcxr5GSpj/desktop/assets/windsurf/windsurf-code-lenses.png?fit=max&auto=format&n=GYcs1r0Vcxr5GSpj&q=85&s=8f6762170c56c4887ee92af8549bac16" width="884" height="216" data-path="desktop/assets/windsurf/windsurf-code-lenses.png" />
</Frame>

`Explain` コードレンズは Cascade を呼び出し、関数やクラスの役割と仕組みを簡潔に説明します。

特に `Refactor` と `Docstring` のコードレンズは Command を呼び出します。

* `Refactor` をクリックすると、Devin Desktop は選択可能な、あらかじめ用意された指示のドロップダウンを表示します。そこから選ぶことも、自分で入力することもできます。これは、関数をハイライトして Command を呼び出すのと同じです。
* `Docstring` をクリックすると、Devin Desktop は関数ヘッダーの上に docstring を生成します。
  (Python では、docstring は関数ヘッダーの *下* に正しく生成されます。)

<Frame>
  <video autoPlay muted loop playsInline src="https://mintcdn.com/cognitionai-enterprise/GYcs1r0Vcxr5GSpj/desktop/assets/windsurf/windsurf-refactor-code-lens.mp4?fit=max&auto=format&n=GYcs1r0Vcxr5GSpj&q=85&s=495dc0e146f23f0874a7db9d7eafba28" data-path="desktop/assets/windsurf/windsurf-refactor-code-lens.mp4" />
</Frame>