Cline入門:個人開発に最短投入できる設定と使い方ガイド
Clineとは?なぜ個人開発に向いているか
Cline(旧称 Claude Dev)は、VSCode 拡張として動作するオープンソースの AI コーディングエージェントです。Claude・GPT-4o・Gemini など主要モデルを自分の API キーで呼び出せるため、月額固定費ゼロ・従量課金で使えるのが最大の魅力です。
副業エンジニアが個人開発で感じやすい「GitHub Copilot や Cursor の月額がじわじわ痛い」という悩みを、使った分だけ払うモデルで解消できます。また、ファイル作成・編集・ターミナル実行・ブラウザ操作まで一気通貫でこなせるエージェント型なので、「指示したらほぼ完成形が出てくる」体験を得やすいです。
セットアップ手順(所要時間 10 分)
1. VSCode に Cline 拡張をインストール
VSCode の拡張機能タブで Cline を検索してインストールするか、コマンドパレットから以下を実行します。
ext install saoudrizwan.claude-dev
インストール後、サイドバーに Cline のアイコンが追加されます。
2. API プロバイダーと API キーを設定
Cline のサイドバーを開き、右上の歯車アイコン(Settings)をクリックします。
| 項目 | 推奨値(初心者向け) |
|---|---|
| API Provider | Anthropic |
| Model | claude-sonnet-4-5 (2025-latest) |
| API Key | Anthropic コンソールで発行したキー |
Anthropic API キーの取得手順:
- console.anthropic.com にアクセスしてアカウント作成
- 左メニュー「API Keys」→「Create Key」
- 発行されたキーをコピーして Cline の設定欄へペースト
⚠️ API キーはリポジトリにコミットしないよう注意。
.envや OS のキーチェーンで管理してください。
3. 作業ディレクトリを開く
個人開発プロジェクトのフォルダを File > Open Folder で VSCode に読み込みます。Cline はワークスペースのファイルツリーを自動で把握し、文脈を理解した上で提案してくれます。
モデル選択と料金の最適化
Cline は自分でモデルを選べるのが強みです。以下の使い分けが実務でおすすめです。
| 用途 | 推奨モデル | 目安コスト |
|---|---|---|
| 大規模リファクタ・設計相談 | claude-opus-4 / claude-sonnet-4-5 | 高め(1 タスク $0.05〜$0.3 程度) |
| 日常的な実装・バグ修正 | claude-haiku-3-5 / GPT-4o mini | 低め(1 タスク $0.005〜$0.05 程度) |
| オフライン・無料枠重視 | Ollama(ローカル LLM)連携 | ほぼ無料 |
💡 コツ: 重いタスクだけ Sonnet/Opus を使い、「このコードにコメントを追加して」のような軽作業は Haiku に切り替えるだけで月のコストを半分以下にできます。Cline の設定はサイドバーからその場で変更できます。
コスト上限(Budget)を設定する
Cline には API コスト上限を設定する機能があります。Settings の「Max API Cost per Task」に例えば $0.50 と入れておくと、1 タスクで上限を超えた時点で Cline が止まって確認を求めます。暴走課金を防ぐ安全弁として必ず設定しましょう。
実践的な使い方:個人開発での 3 つの活用パターン
パターン 1:新機能をゼロから実装させる
# チャット欄への入力例
Next.js の App Router を使っているプロジェクトです。
`/dashboard` ページにユーザーのタスク一覧を表示する機能を追加してください。
- Prisma でデータを取得する
- Server Component で実装する
- 既存の `components/ui/Card` コンポーネントを再利用する
具体的な技術スタックと制約を書くほど、的外れなコードが減ります。
パターン 2:バグ修正を依頼する
エラーメッセージをそのままペーストするだけで OK です。
以下のエラーが発生しています。原因を調べて修正してください。
TypeError: Cannot read properties of undefined (reading 'map')
at TaskList (app/dashboard/page.tsx:34:22)
Cline が関連ファイルを自動で読み込み、コンテキストを把握した上で修正案を提示してくれます。
パターン 3:コードレビュー&リファクタ
`lib/auth.ts` を読んで、セキュリティ上の問題点と
可読性を改善できる箇所があれば教えてください。
修正が必要なら変更も行ってください。
レビュー → 修正まで一連でこなしてくれます。Pull Request 前のセルフレビューに重宝します。
Cline をもっと使いこなすための設定 Tips
カスタムインストラクション(System Prompt)を活用する
Settings の「Custom Instructions」に自分のプロジェクト共通ルールを書いておくと、毎回説明しなくて済みます。
# My Custom Instructions
- TypeScript を使用する。`any` 型は禁止
- コメントは日本語で書く
- エラーハンドリングは必ず実装する
- テストファイルは `__tests__` ディレクトリに配置する
Auto-Approve(自動承認)の使い方
デフォルトでは、ファイル書き込みやターミナル実行の前に Cline が確認を求めます。慣れてきたら Settings の「Auto-Approve」で読み取り操作だけ自動承認にすると作業テンポが上がります。ターミナル実行は引き続き手動確認のままにするのが安全です。
.clinerules でプロジェクトごとのルールを管理
プロジェクトルートに .clinerules ファイルを置くと、そのワークスペースだけに適用されるルールを書けます。チーム開発でも .clinerules をリポジトリに含めることで、全員が同じ指示で Cline を動かせます。
Cline のデメリットと注意点
正直に書いておきます。
- API 費用は自己管理が必要:コストが読みにくい初期は上限設定を必ずする
- 長いタスクは途中で止まることがある:コンテキスト長の上限に達すると中断。タスクを小さく分割する習慣が必要
- 機密情報の取り扱い:コードをクラウド API に送信するため、NDA 案件や個人情報を含むコードには不向き(Ollama ローカルモードで回避可)
- ハルシネーション:AI なので間違いはある。生成コードは必ずレビューしてからコミット
まとめ:Cline で個人開発の生産性を底上げしよう
| ポイント | 内容 |
|---|---|
| セットアップ | VSCode 拡張 + Anthropic API キーで 10 分で完了 |
| モデル選択 | 重作業は Sonnet、軽作業は Haiku で費用を最適化 |
| コスト管理 | Max Cost per Task を必ず設定 |
| 使い方 | 技術スタック・制約を明示した具体的な指示が鍵 |
| カスタマイズ | Custom Instructions / .clinerules でプロジェクトに最適化 |
Cline は「月額固定のサブスクに縛られず、本当に使った分だけ払いたい」個人開発者にとって現時点で最もコスパが高い AI コーディングツールのひとつです。まずは小さな機能追加や自分の趣味プロジェクトで試してみて、作業フローに合う使い方を見つけていきましょう。