【くらいん】

Cline(クライン) とは?

💡 VS Codeの中にいるAI開発者、指示を出せば自分で動く
📌 このページのポイント
Cline 自律型エージェントの動作フロー VS Code Cline拡張 サイドバーUI エディタ エージェントループ 計画 実行 検証 修正 ファイル作成・編集 ターミナル実行 ブラウザ確認 ヒューマン・イン・ザ・ループ AIが提案 差分を確認 Approve / Reject
Clineの自律型エージェント動作フロー
ひよこ ひよこ

ClineってVS Codeの拡張機能なんだ。GitHub Copilotとはどう違うの?

ペンギン先生 ペンギン先生

Copilotはコード補完がメインだけど、Clineは「エージェント」として自律的に動くのが大きな違いだよ。「この機能を実装して」って頼むと、ファイルを作って、コードを書いて、ターミナルでテストを実行して、エラーがあれば自分で修正する。一連の流れを自分で考えて進めてくれるんだ

ひよこ ひよこ

勝手にいろいろやっちゃうのは怖いんだけど…

ペンギン先生 ペンギン先生

その心配はもっともだけど、Clineはヒューマン・イン・ザ・ループ設計なんだ。ファイルの書き込みやコマンドの実行の前に必ず確認画面が出て、差分をチェックしてからApproveできる。気に入らなければRejectして別のアプローチを指示できるよ

ひよこ ひよこ

どのAIモデルが使えるの?

ペンギン先生 ペンギン先生

ClaudeGPT-4o、GeminiDeepSeekなど主要なモデルはほぼ全部対応しているよ。APIキーを設定するだけで切り替えられる。さらにOpenRouter経由で使えるモデルにも対応しているから選択肢はかなり広いんだ

ひよこ ひよこ

Clineが特に得意なのってどんな場面?

ペンギン先生 ペンギン先生

フロントエンド開発が特に強いね。ブラウザを自動で開いて画面のスクリーンショットを撮って、見た目を確認しながらCSSを調整するなんてこともできる。あとMCPにも対応しているから、外部ツールとの連携も拡張しやすいのがエンジニアに人気の理由だよ

ペンギン
まとめ:ざっくりこれだけ覚えればOK!
「Cline」って出てきたら「VS Codeで動く自律型AIコーディング拡張機能」と思えればだいたいOK!
📖 おまけ:英語の意味
「Cline」 = クライン
💬 もともと「Claude Dev」という名前だったけど、複数モデル対応に伴い「Cline」にリブランドされたよ
← 用語集にもどる