ページの作成
親となるページを選択してください。
親ページに紐づくページを子ページといいます。
例: 親=スポーツ, 子1=サッカー, 子2=野球
子ページを親ページとして更に子ページを作成することも可能です。
例: 親=サッカー, 子=サッカーのルール
親ページはいつでも変更することが可能なのでとりあえず作ってみましょう!
テンプレート
テンプレートがありません。
| この記事の要点 |
|
🚀 Cline (VS Code) をインストール
OSS の AI コーディングエージェント。VS Code 拡張、自前 API キーで利用 (ChatGPT API/Claude API)
Cline 公式 GitHub へ →
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 Suno 使い方完全ガイド|AI 楽曲生成 / 歌詞付き / 商用利用 / 日本語対応
- 3 入門・基礎知識|AIツール初心者向け使い方ガイド
- 4 Runway 使い方完全ガイド|Gen-3 / Text-to-Video / Image-to-Video
- 5 チャット AI|AIツール初心者向け使い方ガイド
- 6 画像生成 AI|AIツール初心者向け使い方ガイド
- 7 Gemini 使い方完全ガイド|Google 製 AI / Workspace 統合 / Deep Research
- 8 AI コーディング|AIツール初心者向け使い方ガイド
- 9 動画生成 AI|AIツール初心者向け使い方ガイド
- 10 Microsoft Copilot 使い方完全ガイド|Office / Windows / 365 Copilot
最近更新/作成されたページ
- AIツール初心者向け使い方ガイド|ChatGPT/Claude/Midjourney 等の使い方を初心者向けに解説 2026-05-17 09:27:49
- Runway 使い方完全ガイド|Gen-3 / Text-to-Video / Image-to-Video 2026-05-17 09:26:13
- ElevenLabs 使い方完全ガイド|AI 音声 / Voice Cloning / 商用利用 2026-05-17 09:26:13
- NotebookLM 使い方完全ガイド|Google AI 知識ベース / 音声ポッドキャスト生成 2026-05-17 09:26:13
- Stable Diffusion ローカル環境構築|AUTOMATIC1111 / SDXL / 無料・商用可 2026-05-17 09:26:13
- Suno 使い方完全ガイド|AI 楽曲生成 / 歌詞付き / 商用利用 / 日本語対応 2026-05-17 09:26:13
- Notion AI 使い方完全ガイド|社内ナレッジ Q&A / AI 執筆 / 翻訳 2026-05-17 09:26:13
- Perplexity 使い方完全ガイド|引用元付き AI 検索エンジン / Pro Search 2026-05-17 09:26:13
- Midjourney 使い方完全ガイド|料金・プロンプト・主要機能・商用利用 2026-05-17 09:26:13
- GitHub Copilot 使い方完全ガイド|VS Code / JetBrains / Chat / Edits 2026-05-17 09:26:13
- Claude Code 使い方完全ガイド|Anthropic 公式 CLI コーディング エージェント 2026-05-17 09:26:13
- Cursor 使い方完全ガイド|AI 統合 IDE / Tab 補完 / Composer 2026-05-17 09:26:13
- Gemini 使い方完全ガイド|Google 製 AI / Workspace 統合 / Deep Research 2026-05-17 09:26:13
- Claude 使い方完全ガイド|Anthropic 製 AI / Artifacts / Projects / Computer Use 2026-05-17 09:26:13
- ChatGPT 使い方完全ガイド|無料/有料プラン・プロンプト・業務活用法 2026-05-17 09:26:13
コメントを削除してもよろしいでしょうか?