> ## Documentation Index
> Fetch the complete documentation index at: https://docs.devin.ai/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/WE51TvKjsiyk1ZHl/desktop/assets/windsurf/windsurf-code-lenses.png?fit=max&auto=format&n=WE51TvKjsiyk1ZHl&q=85&s=9d75ccc4e295edd5c6fc924459e56508" 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/WE51TvKjsiyk1ZHl/desktop/assets/windsurf/windsurf-refactor-code-lens.mp4?fit=max&auto=format&n=WE51TvKjsiyk1ZHl&q=85&s=de7532c86496724e2c7acde9822678ba" data-path="desktop/assets/windsurf/windsurf-refactor-code-lens.mp4" />
</Frame>