1- # Cline – OpenRouterでの \# 1
1+ # Cline – OpenRouterでのナンバーワン
22
33<p align =" center " >
44 <img src="https://media.githubusercontent.com/media/cline/cline/main/assets/docs/demo.gif" width="100%" />
2626</table >
2727</div >
2828
29- Clineは、** CLI** と** エディタ ** を使用できるAIアシスタントです。
29+ Clineは、** CLI** と** エディター ** を使用できるAIアシスタントです。
3030
31- [Claude 3.5 Sonnetのエージェントコーディング機能 ](https://www-cdn.anthropic.com/fed9cc193a14b84131812372d8d5857f8f304c52/Model_Card_Claude_3_Addendum.pdf)のおかげで、Clineは複雑なソフトウェア開発タスクをステップバイステップで処理できます。ファイルの作成と編集、大規模プロジェクトの探索、ブラウザの使用、ターミナルコマンドの実行(許可後)などのツールを使用して、コード補完や技術サポートを超えた支援を提供します。Clineは、Model Context Protocol (MCP)を使用して新しいツールを作成し、自身の機能を拡張することもできます。従来の自律型AIスクリプトはサンドボックス環境で実行されますが、この拡張機能はファイル変更やターミナルコマンドを承認するための人間のインターフェースを提供し、エージェントAIの可能性を安全かつアクセスしやすい方法で探求できます 。
31+ [Claude 3.5 Sonnetのエージェント的コーディング機能 ](https://www-cdn.anthropic.com/fed9cc193a14b84131812372d8d5857f8f304c52/Model_Card_Claude_3_Addendum.pdf)のおかげで、Clineは複雑なソフトウェア開発タスクをステップバイステップで処理できます。ファイルの作成と編集、大規模プロジェクトの探索、ブラウザの使用、ターミナルコマンドの実行(許可後)などのツールを使用して、コード補完や技術サポートを超えた支援を提供します。Clineは、Model Context Protocol (MCP)を使用して新しいツールを作成し、自身の機能を拡張することもできます。自律的なAIスクリプトは通常サンドボックス環境で実行されますが、この拡張機能はファイル変更やターミナルコマンドを承認するための人間インターフェースを提供し、エージェント的AIの可能性を安全かつアクセスしやすい方法で探求できます 。
3232
33- 1 . タスクを入力し、モックアップを機能するアプリに変換するための画像やバグ修正のスクリーンショットを追加します 。
34- 2 . Clineはファイル構造とソースコードASTを分析し、正規表現検索を実行し、関連ファイルを読み取って既存プロジェクトに精通します 。コンテキストに追加される情報を慎重に管理することで、大規模で複雑なプロジェクトでもコンテキストウィンドウを圧倒することなく貴重な支援を提供できます。
33+ 1 . タスクを入力し、モックアップを機能するアプリに変換したり、スクリーンショットでバグを修正したりします 。
34+ 2 . Clineは、ファイル構造とソースコードASTの分析、正規表現検索の実行、関連ファイルの読み取りから始め、既存プロジェクトに精通します 。コンテキストに追加される情報を慎重に管理することで、大規模で複雑なプロジェクトでもコンテキストウィンドウを圧倒することなく貴重な支援を提供できます。
35353 . Clineが必要な情報を取得すると、次のことができます:
36- - ファイルの作成と編集 + リンター/コンパイラーエラーの監視を行い、欠落しているインポートや構文エラーなどの問題を自動的に修正します 。
37- - ターミナルでコマンドを直接実行し、その出力を監視しながら作業を進め、ファイル編集後の開発サーバーの問題に対応します 。
38- - ウェブ開発タスクでは、サイトをヘッドレスブラウザで起動し 、クリック、入力、スクロール、スクリーンショットのキャプチャ + コンソールログを取得し 、ランタイムエラーや視覚的なバグを修正します。
36+ - ファイルの作成と編集 + リンター/コンパイラーエラーの監視を行い、欠落したインポートや構文エラーなどの問題を自動的に修正します 。
37+ - ターミナルでコマンドを直接実行し、作業中に出力を監視します。これにより、ファイル編集後の開発サーバーの問題に対応できます 。
38+ - ウェブ開発タスクでは、ヘッドレスブラウザでサイトを起動し 、クリック、入力、スクロール、スクリーンショットとコンソールログのキャプチャを行い 、ランタイムエラーや視覚的なバグを修正します。
39394 . タスクが完了すると、Clineは` open -a "Google Chrome" index.html ` のようなターミナルコマンドを提示し、ボタンをクリックして実行できます。
4040
4141> [ !TIP]
42- > ` CMD/CTRL + Shift + P ` ショートカットを使用してコマンドパレットを開き、「Cline: Open In New Tab」と入力して拡張機能をエディタのタブとして開きます 。これにより、ファイルエクスプローラーと並行してClineを使用し、ワークスペースの変更をより明確に確認できます。
42+ > ` CMD/CTRL + Shift + P ` ショートカットを使用してコマンドパレットを開き、「Cline: Open In New Tab」と入力して、エディターのタブとして拡張機能を開きます 。これにより、ファイルエクスプローラーと並行してClineを使用し、ワークスペースの変更をより明確に確認できます。
4343
4444---
4545
4646<img align =" right " width =" 340 " src =" https://github.com/user-attachments/assets/3cf21e04-7ce9-4d22-a7b9-ba2c595e88a4 " >
4747
48- ### 任意のAPIとモデルを使用
48+ ### どのAPIやモデルでも使用可能
4949
5050Clineは、OpenRouter、Anthropic、OpenAI、Google Gemini、AWS Bedrock、Azure、GCP VertexなどのAPIプロバイダーをサポートしています。また、OpenAI互換のAPIを設定したり、LM Studio/Ollamaを通じてローカルモデルを使用することもできます。OpenRouterを使用している場合、拡張機能は最新のモデルリストを取得し、最新のモデルをすぐに使用できるようにします。
5151
52- 拡張機能は、タスクループ全体と個々のリクエストのトークン総数とAPI使用コストを追跡し、各ステップでの支出を把握できます 。
52+ 拡張機能は、タスクループ全体と個々のリクエストのトークン総数とAPI使用コストを追跡し、各ステップで支出を把握できます 。
5353
5454<!-- 透明なピクセルで浮動画像の後に改行を作成 -->
5555
@@ -59,7 +59,7 @@ Clineは、OpenRouter、Anthropic、OpenAI、Google Gemini、AWS Bedrock、Azure
5959
6060### ターミナルでコマンドを実行
6161
62- VSCode v1.93の新しい[ シェル統合アップデート] ( https://code.visualstudio.com/updates/v1_93#_terminal-shell-integration-api ) のおかげで、Clineはターミナルでコマンドを直接実行し、出力を受け取ることができます。これにより、パッケージのインストールやビルドスクリプトの実行、アプリケーションのデプロイ、 データベースの管理、テストの実行など 、幅広いタスクを実行できます。Clineは、開発環境とツールチェーンに適応しながら、タスクを正確に完了します 。
62+ VSCode v1.93の新しい[ シェル統合アップデート] ( https://code.visualstudio.com/updates/v1_93#_terminal-shell-integration-api ) のおかげで、Clineはターミナルでコマンドを直接実行し、出力を受け取ることができます。これにより、パッケージのインストールやビルドスクリプトの実行からアプリケーションのデプロイ、 データベースの管理、テストの実行まで 、幅広いタスクを実行できます。Clineは、開発環境とツールチェーンに適応して、タスクを正確に実行します 。
6363
6464開発サーバーのような長時間実行されるプロセスの場合、「実行中に続行」ボタンを使用して、コマンドがバックグラウンドで実行されている間にClineがタスクを続行できるようにします。Clineが作業を進める中で、新しいターミナル出力が通知され、ファイル編集時のコンパイルエラーなどの問題に対応できます。
6565
@@ -71,9 +71,9 @@ VSCode v1.93の新しい[シェル統合アップデート](https://code.visuals
7171
7272### ファイルの作成と編集
7373
74- Clineはエディタ内でファイルを作成および編集し 、変更の差分ビューを提示します。差分ビューエディタでClineの変更を編集または元に戻すことができ 、チャットでフィードバックを提供して満足するまで調整できます。Clineはリンター/コンパイラーエラー(欠落しているインポート 、構文エラーなど)も監視し、発生した問題を自動的に修正します。
74+ Clineはエディター内でファイルを作成および編集し 、変更の差分ビューを提示します。差分ビューエディターでClineの変更を直接編集または元に戻すことができ 、チャットでフィードバックを提供して満足するまで調整できます。Clineはリンター/コンパイラーエラー(欠落したインポート 、構文エラーなど)も監視し、発生した問題を自動的に修正します。
7575
76- Clineによるすべての変更はファイルのタイムラインに記録され、必要に応じて変更を追跡および元に戻すための簡単な方法を提供します 。
76+ Clineによるすべての変更はファイルのタイムラインに記録され、必要に応じて変更を追跡および元に戻す簡単な方法を提供します 。
7777
7878<!-- 透明なピクセルで浮動画像の後に改行を作成 -->
7979
@@ -83,7 +83,7 @@ Clineによるすべての変更はファイルのタイムラインに記録さ
8383
8484### ブラウザの使用
8585
86- Claude 3.5 Sonnetの新しい[ コンピュータ使用] ( https://www.anthropic.com/news/3-5-models-and-computer-use ) 機能により、Clineはブラウザを起動し、要素をクリックし、テキストを入力し 、スクロールし、各ステップでスクリーンショットとコンソールログをキャプチャできます。これにより、インタラクティブなデバッグ、エンドツーエンドテスト、さらには一般的なウェブ使用が可能になります。これにより、エラーログを手動でコピー&ペーストすることなく、視覚的なバグやランタイムの問題を自律的に修正できます。
86+ Claude 3.5 Sonnetの新しい[ コンピュータ使用] ( https://www.anthropic.com/news/3-5-models-and-computer-use ) 機能により、Clineはブラウザを起動し、要素をクリック、テキストを入力 、スクロールし、各ステップでスクリーンショットとコンソールログをキャプチャできます。これにより、インタラクティブなデバッグ、エンドツーエンドテスト、さらには一般的なウェブ使用が可能になります。これにより、エラーログを手動でコピー&ペーストすることなく、視覚的なバグやランタイムの問題を自律的に修正できます。
8787
8888Clineに「アプリをテストして」と頼んでみてください。彼は` npm run dev ` のようなコマンドを実行し、ローカルで実行中の開発サーバーをブラウザで起動し、一連のテストを実行してすべてが正常に動作することを確認します。[ デモはこちら。] ( https://x.com/sdrzn/status/1850880547825823989 )
8989
@@ -95,4 +95,67 @@ Clineに「アプリをテストして」と頼んでみてください。彼は
9595
9696### 「ツールを追加して...」
9797
98- [ Model Context Protocol] ( https://github.com/modelcontextprotocol ) のおかげで、Clineはカスタムツールを通じて機能を拡張できます。[ コミュニティ製サーバー] (https://github.co
98+ [ Model Context Protocol] ( https://github.com/modelcontextprotocol ) のおかげで、Clineはカスタムツールを通じて機能を拡張できます。[ コミュニティ製サーバー] ( https://github.com/modelcontextprotocol/servers ) を使用することもできますが、Clineは代わりに特定のワークフローに合わせたツールを作成してインストールできます。「ツールを追加して」と頼むだけで、Clineは新しいMCPサーバーの作成から拡張機能へのインストールまでをすべて処理します。これらのカスタムツールはClineのツールキットの一部となり、将来のタスクで使用できるようになります。
99+
100+ - 「Jiraチケットを取得するツールを追加して」:チケットACを取得し、Clineに作業を依頼
101+ - 「AWS EC2を管理するツールを追加して」:サーバーメトリクスを確認し、インスタンスをスケールアップまたはダウン
102+ - 「最新のPagerDutyインシデントを取得するツールを追加して」:詳細を取得し、Clineにバグ修正を依頼
103+
104+ <!-- 透明なピクセルで浮動画像の後に改行を作成 -->
105+
106+ <img width =" 2000 " height =" 0 " src =" https://github.com/user-attachments/assets/ee14e6f7-20b8-4391-9091-8e8e25561929 " ><br >
107+
108+ <img align =" left " width =" 360 " src =" https://github.com/user-attachments/assets/7fdf41e6-281a-4b4b-ac19-020b838b6970 " >
109+
110+ ### コンテキストを追加
111+
112+ ** ` @url ` :** 最新のドキュメントをClineに提供したい場合に、URLを貼り付けて拡張機能が取得し、Markdownに変換します。
113+
114+ ** ` @problems ` :** Clineが修正するためのワークスペースエラーと警告(「問題」パネル)を追加します。
115+
116+ ** ` @file ` :** ファイルの内容を追加し、読み取りファイルを承認するAPIリクエストを節約します(+ファイルを検索して入力)。
117+
118+ ** ` @folder ` :** フォルダーのファイルを一度に追加して、ワークフローをさらにスピードアップします。
119+
120+ <!-- 透明なピクセルで浮動画像の後に改行を作成 -->
121+
122+ <img width =" 2000 " height =" 0 " src =" https://github.com/user-attachments/assets/ee14e6f7-20b8-4391-9091-8e8e25561929 " ><br >
123+
124+ <img align =" right " width =" 350 " src =" https://github.com/user-attachments/assets/140c8606-d3bf-41b9-9a1f-4dbf0d4c90cb " >
125+
126+ ### チェックポイント:比較と復元
127+
128+ Clineがタスクを進める中で、拡張機能は各ステップでワークスペースのスナップショットを撮ります。「比較」ボタンを使用してスナップショットと現在のワークスペースの差分を確認し、「復元」ボタンを使用してそのポイントにロールバックできます。
129+
130+ たとえば、ローカルウェブサーバーで作業している場合、「ワークスペースのみを復元」を使用して異なるバージョンのアプリを迅速にテストし、「タスクとワークスペースを復元」を使用して続行したいバージョンを見つけたときに使用します。これにより、進行状況を失うことなく異なるアプローチを安全に探求できます。
131+
132+ <!-- 透明なピクセルで浮動画像の後に改行を作成 -->
133+
134+ <img width =" 2000 " height =" 0 " src =" https://github.com/user-attachments/assets/ee14e6f7-20b8-4391-9091-8e8e25561929 " ><br >
135+
136+ ## 貢献
137+
138+ プロジェクトに貢献するには、[ 貢献ガイド] ( CONTRIBUTING.md ) から基本を学び始めてください。また、[ Discord] ( https://discord.gg/cline ) に参加して、` #contributors ` チャンネルで他の貢献者とチャットすることもできます。フルタイムの仕事を探している場合は、[ 採用ページ] ( https://cline.bot/join-us ) でオープンポジションを確認してください。
139+
140+ <details >
141+ <summary >ローカル開発の手順</summary >
142+
143+ 1 . リポジトリをクローンします _ (Requires [ git-lfs] ( https://git-lfs.com/ ) )_ :
144+ ```bash
145+ git clone https://github.com/cline/cline.git
146+ ```
147+ 2 . プロジェクトをVSCodeで開きます:
148+ ```bash
149+ code cline
150+ ```
151+ 3 . 拡張機能とwebview-guiの必要な依存関係をインストールします:
152+ ```bash
153+ npm run install: all
154+ ```
155+ 4 . ` F5 ` を押して(または` Run ` ->` Start Debugging ` )、拡張機能が読み込まれた新しいVSCodeウィンドウを開きます。(プロジェクトのビルドに問題がある場合は、[ esbuild problem matchers extension] ( https://marketplace.visualstudio.com/items?itemName=connor4312.esbuild-problem-matchers ) をインストールする必要があるかもしれません。)
156+
157+ </details >
158+
159+ ## ライセンス
160+
161+ [ Apache 2.0 © 2024 Cline Bot Inc.] ( ./LICENSE )
0 commit comments