3
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Cursor: AI開発アシスタント Clineを導入する手順

Last updated at Posted at 2024-11-13

Cline - AI開発アシスタント

Clineは、VSCodeやCursor上で動作する革新的なAIアシスタント拡張機能です。コーディングからプロジェクト管理まで、開発者の作業を包括的にサポートします。

主な特徴

  • 最新のClaude 3.5 Sonnetのエージェントコーディング機能を使用して、様々なタスクを実行できます
  • ファイルの作成・編集
  • 複雑なプロジェクトの探索
  • ブラウザの使用
  • ターミナルコマンドの実行(ユーザーの許可が必要)

🔌 対応API一覧

  • 利用する場合は、それぞれAPIプロバイダーの設定が必要。Cursorの場合は、APIプロバイダーの設定が不要なので、それと比べると設定が面倒です。

API

Cursorと同様の機能

  • チャットUIによる対話的なコーディング支援
  • 各種コンテキストの追加

特徴的な機能

  • Computer Useを利用したブラウザ操作機能
    • Claude 3.5 Sonnet の新しいComputer Use機能により、Cline はブラウザを起動し、要素をクリック、テキストを入力し、スクロールして、各ステップでスクリーンショットとコンソール ログをキャプチャできます。
    • インタラクティブなデバッグ、エンドツーエンドのテスト、さらには一般的な Web の使用が可能になります。
    • これにより、エラー ログを自分で操作してコピー アンド ペーストする必要なく、視覚的なバグやランタイムの問題を Cline が自主的に修正できるようになります。
    • Introducing computer use, a new Claude 3.5 Sonnet, and Claude 3.5 Haiku \ Anthropic

導入方法

  1. Cursorを起動して、左側の「拡張機能」アイコンをクリック
  2. 検索バーに「Cline」を入力し、Cline拡張機能をインストール

image.png

  1. インストール完了後、Clineのアイコンが左サイドバーに追加されます

image.png

  1. アイコンをクリックし、設定ガイドに従ってAPIプロバイダーとモデルを選択。デフォルトではOpenRouterが選択されている。

image.png

※APIキーはローカルに保存され、この拡張機能からのAPIリクエストにのみ使用

  1. 設定完了後、プロジェクトでClineを活用開始!

参考リンク

3
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?