Cline（旧Claude Dev）でVSCode内エージェント開発を始める

ClineはなぜVSCode最強のAIエージェントと呼ばれるのか

Cline（旧Claude Dev）は、VSCode Marketplaceで最も人気の高いAIエージェント拡張機能の一つだ。元々はAnthropicのClaudeを活用したVSCode拡張として「Claude Dev」の名称で公開されたが、マルチLLM対応への拡張を機に「Cline」にリブランドされた。ダウンロード数は公開から1年で200万を超え、その成長スピードはVSCodeエクステンションの中でもトップクラスだ。

Clineが他のAIコーディング拡張と根本的に異なるのは、「エージェント」として動作する点だ。単なるコード補完ツールではなく、複数のファイルを作成・編集し、ターミナルでコマンドを実行し、ウェブブラウザで調査し、その結果を踏まえて次のアクションを決定するという自律的なループを実行する。GitHub Copilotと比較したときの一番の違いは、「次に何をすべきか自分で考えて実行する」という能動性だ。

承認フロー設計——「怖い」ではなく「信頼できる」自律実行

Clineの設計上の特徴として、すべての「破壊的操作」の前にユーザーの承認を求める仕組みがある。ファイルの作成・変更、ターミナルコマンドの実行、ブラウザ操作などのアクションを実行する前に、ClineはUIに「これをやろうとしています」と表示し、ユーザーが確認・修正・拒否できる機会を提供する。この「Human-in-the-loop」設計により、エージェントが予期しない操作を行うリスクを大幅に低減している。

実際に使うと、この承認フローが思ったより邪魔にならないことに気づく。最初は「毎回承認するのが手間かな」と思ったが、承認ダイアログを見ていると「なるほど、そういう順序でやるのか」とClineの思考が見えて面白い。慣れてきたら「Auto-approve mode」でまとめて許可する設定にできるが、まずは承認モードで使うことで「AIが何をするか」の感覚を掴むことをすすめる。

「Next.jsにStripe決済を追加して」——一文で複数ステップをこなす実力

Clineの真価は複数ステップのタスクを一気通貫で処理する能力にある。「Next.jsアプリにStripe決済を追加して」という一つの指示から、必要なパッケージのインストール、APIルートの作成、フロントエンドコンポーネントの実装、環境変数の設定方法のドキュメント化まで、複数ステップのタスクを一貫して処理する。実際にこの指示を試したとき、45分後には動作するStripe決済フローができあがっていて、正直驚いた。

タスクのコンテキストを保持しながら段階的に作業を進める能力も優れている。途中でエラーが出ても、エラーメッセージを読んで自分で対処しようとする。「わかりません、どうしましょう」と止まるのではなく、「このエラーはnpmパッケージのバージョン競合なので、package.jsonを書き換えてみます」と自律的に問題解決しようとする姿勢がある。

コスト管理——リアルタイム表示で使い過ぎを防ぐ

Clineは利用中のAPIコストをリアルタイムで表示する機能を持っている。各タスクでいくら消費したかが明確に分かるため、コスト意識を持って使うことができる。バックエンドはClaude、GPT-4o、Gemini、DeepSeek、Ollamaなど多数に対応しており、タスクの複雑さに応じてモデルを使い分ける「モデル切り替え戦略」が有効だ。コード生成や設計判断にはClaude 3.7 Sonnetを使い、定型的なフォーマット変換にはDeepSeek V3を使うという使い分けで、コストパフォーマンスを最大化できる。

ハマりどころとして、Clineはコンテキストウィンドウを大量に消費する傾向があるため、長いタスクを一度に指示すると予想以上にコストがかかることがある。「一回のClineセッションは最大500円まで」などの上限を自分の中で決めておくのが実際的だ。コストが気になる人はDeepSeekをデフォルトに設定し、どうしても精度が必要な場面だけClaudeに切り替えるというルールで使うといい。あなたの今の開発環境がVSCodeなら、まず一週間無料で試してみてほしい。