ページの作成
親となるページを選択してください。
親ページに紐づくページを子ページといいます。
例: 親=スポーツ, 子1=サッカー, 子2=野球
子ページを親ページとして更に子ページを作成することも可能です。
例: 親=サッカー, 子=サッカーのルール
親ページはいつでも変更することが可能なのでとりあえず作ってみましょう!
テンプレート
テンプレートがありません。
| この記事の要点 |
|
Cline とは
Cline (クライン) は VS Code 拡張機能として動作する、オープンソースの AI コーディングエージェント。旧名 "Claude Dev" で、Anthropic の Claude モデルを軸にスタートしたが、現在は OpenAI / Gemini / Ollama 等の主要 LLM を選択可能。
「Cursor は IDE 全体を AI 化、Claude Code は CLI で完結、Cline は VS Code 拡張」というポジショニング。VS Code を捨てたくない人に最適です。
インストール
API キーの選択肢
| プロバイダ | 推奨モデル | 料金目安 |
|---|---|---|
| ★ Anthropic | Claude Sonnet | 1M tokens 入力 $3 / 出力 $15 |
| OpenAI | GPT-5 | $5 / $15 per M tokens |
| Gemini 2.5 Pro | $1.25 / $5 per M tokens | |
| OpenRouter | 各種統合 | モデルごと |
| DeepSeek | R1 / V3 | ★ 格安 ($0.27 / $1.1) |
| ★ Ollama (ローカル) | Llama 3.2 等 | 無料 |
使い方の基本
- Cline サイドバーで「New Task」
- 自然言語で指示: 「Express で /api/users CRUD を作って」
- Cline がプロジェクト構造を読む → 計画を立てる
- ファイル編集 / コマンド実行を提案 → ユーザ承認 → 実行
- 完了まで自律的に進める
主要機能
- Plan モード: 実行前に詳細プラン提示
- Act モード: 自律的にタスク実行
- ファイル操作: Read / Write / Edit / Create / Delete
- コマンド実行: Bash / シェル経由(許可制)
- ブラウザ操作: スクショ + クリック + 入力(Web デバッグに有用)
- MCP サポート: Claude Code と互換の MCP サーバ統合
- Memory Bank: プロジェクト固有の長期記憶(v3+)
Cursor / Claude Code との比較
| Cline | Cursor | Claude Code | |
|---|---|---|---|
| 形態 | ★ VS Code 拡張 | 独立 IDE | CLI |
| 料金 | API 従量 | $20/月 | $20/月 or API |
| VS Code 互換 | ★ 完全 | ○ (フォーク) | 独立 |
| モデル選択 | ★ 豊富 | ○ 主要 LLM | Claude のみ |
| OSS | ★ Apache 2.0 | 独自 | 独自 |
| 料金コントロール | ★ API キー持ち込み | $20 固定 | $20 固定 |
| ブラウザ操作 | ★ あり | × | 限定的 |
| Tab 補完 | × | ★ 強い | × |
こんな人におすすめ
- VS Code を使い続けたいが GitHub Copilot 以上の力が欲しい
- API キー持ち込みで料金を細かくコントロールしたい
- OSS の透明性を重視(コード監査可能)
- Ollama でローカル LLM を使いたい(機密コード対応)
- ブラウザ自動操作も含めた自律タスクを試したい
競合 OSS
- Aider: CLI、git 連携が強力
- Continue: VS Code / JetBrains 拡張、Cline と並ぶ OSS 二大巨頭
- Roo Code: Cline のフォーク、機能拡張
- OpenHands: Web ベースの汎用 AI エージェント
注意点
- API 利用料が嵩む: 大規模タスクで数十ドル/月になることも
- 許可制の Confirmation 連打: 全自動化したければ Auto-approve 設定
- 機密コード: Ollama ローカル使用推奨
- 初心者には敷居高め: API キー取得から
関連リンク
- Cursor の使い方
- Claude Code の使い方
- GitHub Copilot の使い方
- AI コーディングカテゴリ
Plan モードと Act モードの使い分け
| モード | 動作 | 適用シーン |
|---|---|---|
| Plan | 計画を立てるだけ。実行しない | 複雑なタスクの事前検討、設計の壁打ち |
| Act | 自律的にファイル編集・コマンド実行 | 定型作業、リファクタ、機能追加 |
初心者は必ず Plan モードでまず計画を確認してから Act へ進むのが安全。
具体的な利用例
1. プロジェクトの初期把握
「このプロジェクトの構造を把握して。
主要ディレクトリの役割と、各レイヤーの設計思想を
README.md に整理して書いてください」
→ Cline がディレクトリを再帰探索 → 解析 → ドキュメント生成
2. ブラウザ自動操作(Web デバッグ)
「localhost:3000 の /login ページを開いて、
user@example.com / password でログインを試して。
失敗したらエラーメッセージをスクショして」
→ Cline がブラウザを開いて操作 → スクショ提示
ページの作成
親となるページを選択してください。
親ページに紐づくページを子ページといいます。
例: 親=スポーツ, 子1=サッカー, 子2=野球
子ページを親ページとして更に子ページを作成することも可能です。
例: 親=サッカー, 子=サッカーのルール
親ページはいつでも変更することが可能なのでとりあえず作ってみましょう!
テンプレート
テンプレートがありません。
子ページ
子ページはありません
同階層のページ
- Cursor の使い方
- Claude Code の使い方
- GitHub Copilot の使い方
- Cline (VS Code) の使い方
人気ページ
- 1 AIツール初心者向け使い方ガイド|ChatGPT/Claude/Midjourney 等の使い方を初心者向けに解説
- 2 チャット AI|AIツール初心者向け使い方ガイド
- 3 入門・基礎知識|AIツール初心者向け使い方ガイド
- 4 AI コーディング|AIツール初心者向け使い方ガイド
- 5 動画生成 AI|AIツール初心者向け使い方ガイド
- 6 マーケター向け AI 活用ガイド|コンテンツ / 広告 / SNS / SEO / 競合分析
- 7 Microsoft Copilot 使い方完全ガイド|Office / Windows / 365 Copilot
- 8 Runway 使い方完全ガイド|Gen-3 / Text-to-Video / Image-to-Video
- 9 画像生成 AI|AIツール初心者向け使い方ガイド
- 10 音声・音楽 AI|AIツール初心者向け使い方ガイド
最近更新/作成されたページ
- AIツール初心者向け使い方ガイド|ChatGPT/Claude/Midjourney 等の使い方を初心者向けに解説 NEW 2026-05-16 12:52:15
- チャット AI|AIツール初心者向け使い方ガイド NEW 2026-05-16 12:52:15
- AI コーディング|AIツール初心者向け使い方ガイド NEW 2026-05-16 12:52:15
- 画像生成 AI|AIツール初心者向け使い方ガイド NEW 2026-05-16 12:52:15
- 動画生成 AI|AIツール初心者向け使い方ガイド NEW 2026-05-16 12:52:15
- 音声・音楽 AI|AIツール初心者向け使い方ガイド NEW 2026-05-16 12:52:15
- 業務効率化 AI|AIツール初心者向け使い方ガイド NEW 2026-05-16 12:52:15
- ローカル LLM|AIツール初心者向け使い方ガイド NEW 2026-05-16 12:52:15
- AI エージェント|AIツール初心者向け使い方ガイド NEW 2026-05-16 12:52:15
- プロンプト集|AIツール初心者向け使い方ガイド NEW 2026-05-16 12:52:15
- API・SDK 活用|AIツール初心者向け使い方ガイド NEW 2026-05-16 12:52:15
- 比較・ランキング|AIツール初心者向け使い方ガイド NEW 2026-05-16 12:52:15
- 業界別活用|AIツール初心者向け使い方ガイド NEW 2026-05-16 12:52:15
- AI ニュース|AIツール初心者向け使い方ガイド NEW 2026-05-16 12:52:15
- AI 倫理・著作権|AIツール初心者向け使い方ガイド NEW 2026-05-16 12:52:15
コメントを削除してもよろしいでしょうか?