VS マーケットプレイスでダウンロード | ディスコードに参加する | ドキュメント | 機能リクエスト |
CLIおよびエディターを使用できる AI アシスタント、Cline をご紹介します。
Claude 3.5 Sonnet のエージェント コーディング機能のおかげで、Cline は複雑なソフトウェア開発タスクを段階的に処理できます。ファイルの作成と編集、大規模なプロジェクトの探索、ブラウザの使用、および (許可を与えた後) ターミナル コマンドの実行を可能にするツールを使用して、コード補完や技術サポートを超えた方法であなたを支援できます。従来、自律型 AI スクリプトはサンドボックス環境で実行されていましたが、この拡張機能は人間参加型 GUI を提供し、すべてのファイル変更と端末コマンドを承認し、エージェント AI の可能性を探るための安全でアクセスしやすい方法を提供します。
タスクを入力し、画像を追加してモックアップを機能的なアプリに変換したり、スクリーンショットでバグを修正したりできます。
Cline は、ファイル構造とソース コード AST を分析し、正規表現検索を実行し、関連ファイルを読み取って、既存のプロジェクトの状況を把握することから始めます。 Cline は、コンテキストに追加される情報を慎重に管理することで、大規模で複雑なプロジェクトであっても、コンテキスト ウィンドウを圧迫することなく貴重な支援を提供できます。
クラインは必要な情報を入手したら、次のことができるようになります。
ファイルを作成および編集し、途中でリンター/コンパイラー エラーを監視することで、インポートの欠落や構文エラーなどの問題を自分で積極的に修正できるようになります。
ターミナルで直接コマンドを実行し、作業中にその出力を監視して、ファイル編集後の開発サーバーの問題などに対応できるようにします。
Web 開発タスクの場合、Cline はヘッドレス ブラウザでサイトを起動し、クリック、入力、スクロールし、スクリーンショットとコンソール ログをキャプチャして、ランタイム エラーや視覚的なバグを修正できます。
タスクが完了すると、Cline はopen -a "Google Chrome" index.html
のようなターミナル コマンドを使用して結果を表示します。このコマンドはボタンをクリックして実行します。
ヒント
CMD/CTRL + Shift + P
ショートカットを使用してコマンド パレットを開き、「Cline: Open In New Tab」と入力して拡張機能をエディターのタブとして開きます。これにより、Cline をファイル エクスプローラーと並べて使用し、Cline がワークスペースをどのように変更するかをより明確に確認できるようになります。
Cline は、OpenRouter、Anthropic、OpenAI、Google Gemini、AWS Bedrock、Azure、GCP Vertex などの API プロバイダーをサポートしています。 OpenAI 互換の API を構成したり、Ollama を通じてローカル モデルを使用したりすることもできます。 OpenRouter を使用している場合、拡張機能は最新モデルのリストを取得するため、最新モデルが入手可能になるとすぐに使用できるようになります。
この拡張機能は、タスク ループ全体と個々のリクエストの合計トークンと API 使用コストも追跡し、各段階での支出を常に把握します。
VSCode v1.93 の新しいシェル統合アップデートのおかげで、Cline はターミナルでコマンドを直接実行し、出力を受け取ることができます。これにより、パッケージのインストールやビルド スクリプトの実行から、アプリケーションのデプロイ、データベースの管理、テストの実行に至るまで、幅広いタスクを実行できるようになり、すべてを開発環境とツールチェーンに適応させてジョブを適切に実行することができます。
開発サーバーなどの長時間実行プロセスの場合は、[実行中に続行] ボタンを使用して、コマンドがバックグラウンドで実行されている間も Cline がタスクを続行できるようにします。 Cline が作業を進めると、途中で新しいターミナル出力が通知されるため、ファイル編集時のコンパイル時エラーなど、発生する可能性のある問題に対処できるようになります。
Cline はエディターで直接ファイルを作成および編集し、変更の差分ビューを表示できます。満足のいく結果が得られるまで、Cline の変更を diff ビュー エディターで直接編集または元に戻すことも、チャットでフィードバックを提供することもできます。 Cline は、リンター/コンパイラー エラー (インポートの欠落、構文エラーなど) も監視しているため、途中で発生した問題を自分で修正できます。
Cline によって行われたすべての変更はファイルのタイムラインに記録されるため、必要に応じて変更を簡単に追跡して元に戻すことができます。
Claude 3.5 Sonnet の新しいコンピュータ使用機能を使用すると、Cline はブラウザを起動し、要素をクリックし、テキストを入力し、スクロールして、各ステップでスクリーンショットとコンソール ログをキャプチャできます。これにより、インタラクティブなデバッグ、エンドツーエンドのテスト、さらには一般的な Web の使用も可能になります。これにより、エラー ログを自分で管理してコピー&ペーストする必要がなく、視覚的なバグや実行時の問題を自主的に修正できるようになります。
Cline に「アプリをテストして」と依頼してみて、彼がnpm run dev
ようなコマンドを実行し、ローカルで実行されている開発サーバーをブラウザで起動し、一連のテストを実行してすべてが機能することを確認するのを観察してください。ここでデモをご覧ください。
@url
:拡張機能の URL を貼り付けて取得し、マークダウンに変換します。Cline に最新のドキュメントを提供する場合に便利です。
@problems
: Cline が修正するワークスペースのエラーと警告 (「問題」パネル) を追加します。
@file
:ファイルの内容を追加します。これにより、ファイルの読み取りを承認するために API リクエストを無駄にする必要がなくなります (ファイルを検索するには + を入力)
@folder
:フォルダーのファイルを一度に追加して、ワークフローをさらに高速化します
プロジェクトに貢献するには、未解決の問題を調査するか、機能リクエスト ボードをチェックすることから始めます。また、Discord に参加してアイデアを共有し、他の投稿者とつながることもできます。
リポジトリのクローンを作成します(git-lfs が必要) :
git clone https://github.com/cline/cline.git
VSCode でプロジェクトを開きます。
コードクライン
拡張機能と webview-gui に必要な依存関係をインストールします。
npm run install:all
F5
(またはRun
-> Start Debugging
) を押して起動し、拡張機能がロードされた新しい VSCode ウィンドウを開きます。 (プロジェクトのビルドで問題が発生した場合は、esbuild 問題マッチャー拡張機能のインストールが必要になる場合があります。)
Apache 2.0 © 2024 Cline Bot Inc.