はじめに

AI開発支援ツールが注目される中、有料のCursorに代わる無料の選択肢を探している開発者も多いのではないでしょうか。本記事では、VSCodeの拡張機能"Cline"「クライン」とGoogle Gemini APIを組み合わせて、Cursorとほぼ同等の開発体験を無料で実現する方法を紹介します。

なぜClineとGeminiを選んだのか

Cursor代替の選択肢比較

AI開発支援ツールを検討する際、以下の選択肢がありました：

有料サービス

Cursor: $20/月 - 統合開発環境、高品質だが月額費用が発生
GitHub Copilot: $10/月 - コード補完特化、チャット機能は限定的

無料代替案

Cline + AI API: VSCode拡張機能、APIは従量課金または無料枠
Roo Code + AI API: Clineのフォーク、より多機能だが複雑
Continue.dev + AI API: オープンソース、カスタマイズ性が高い

Cline vs Roo Code の比較

Cline

特徴

シンプルで安定したインターフェース
Plan/Actの2モード
Cursorライクな直感的操作
安定性重視の開発方針

メリット

初心者にも使いやすい
トラブルが少ない
Cursorからの移行が容易
ドキュメントが充実

デメリット

機能はシンプル
カスタマイズ性は限定的

Roo Code

特徴

Clineのフォーク版
Ask/Code/Architectの3モード
豊富な実験的機能
高速な機能追加

メリット

より多機能
カスタマイズ性が高い
大規模プロジェクトに最適化
最新機能をいち早く体験可能

デメリット

学習コストが高い
実験的機能による不安定性
設定項目が多く複雑

最終的にClineを選んだ理由

Cursorライクな体験: シンプルで直感的な操作感
安定性: 予期せぬエラーが少なく、開発に集中できる
学習コストの低さ: すぐに使い始められる
初心者向け: AI開発支援ツールを初めて使う場合に最適

GeminiAPIを選んだ理由

Google Gemini APIの特徴

Gemini 2.0 Flash

完全無料（月間100万トークンまで）
高速な応答速度
優秀なコード生成能力
GPT-4レベルの品質

無料枠の詳細

月間制限: 100万トークン
レート制限: 1分間15リクエスト
費用: $0（完全無料）
クレジットカード登録: 不要

他のAPIとの比較

API	無料枠	料金（100万トークン）	品質
Gemini 2.0 Flash	100万トークン/月	$0	高
Claude 3.7 Sonnet	$5-10/月	$3	高
GPT-4o mini	なし	$0.15	中
GPT-4o	なし	$5	高

インストール手順

1. 通常のインストール方法

まず、VSCodeの拡張機能マーケットプレイスからインストールを試します。

1. VSCodeを開く
2. 拡張機能タブ（Cmd+Shift+X / Ctrl+Shift+X）
3. 「Cline」で検索
4. インストールボタンをクリック

2. ネットワークエラーで失敗した場合の対処法

筆者の環境では以下のエラーが発生しました：

net::ERR_TIMED_OUT: Error: net::ERR_TIMED_OUT

この場合、手動インストールが必要です。

3. 手動インストール手順

VSIXファイルのダウンロード

方法1: GitHubリリースページから

https://github.com/cline/cline/releases/latest

方法2: コマンドライン（macOS/Linux）

cd ~/Downloads
curl -L -O https://github.com/cline/cline/releases/latest/download/cline.vsix

VSCodeへの手動インストール

1. VSCodeでコマンドパレットを開く（Cmd+Shift+P / Ctrl+Shift+P）
2. 「Extensions: Install from VSIX...」と入力
3. ダウンロードしたVSIXファイルを選択
4. インストール完了後、VSCodeを再起動

4. インストール確認

1. 左サイドバーにClineアイコンが表示される
2. 拡張機能タブでClineが「有効」になっている
3. コマンドパレットで「Cline」と入力するとコマンドが表示される

Gemini APIの設定

1. APIキーの取得

1. Google AI Studioにアクセス: https://aistudio.google.com/
2. Googleアカウントでサインイン
3. 「Get API key」をクリック
4. 「Create API key」を選択
5. 生成されたAPIキーをコピーして安全に保存

2. ClineでのAPI設定

1. VSCodeでClineアイコンをクリック
2. 歯車アイコン → 「Open Settings」
3. API Provider: 「Google Gemini」を選択
4. API Key: 取得したAPIキーを貼り付け
5. Model: 「gemini-2.0-flash-exp」を選択（推奨）
6. 「Done」をクリック

3. 推奨設定

{
  "provider": "Google Gemini",
  "model": "gemini-2.0-flash-exp",
  "maxTokens": 8000,
  "temperature": 0.7
}

4. Auto-approve設定

開発効率を向上させるため、以下の項目にチェックを入れることを推奨します：

Auto-approve: Enabled
Read: ファイル読み取り許可
Edit: ファイル編集許可
Safe Commands: 安全なコマンド実行許可

動作確認

基本的なテスト

Clineのチャットボックスに以下を入力してテストします：

HTMLとCSSでシンプルなハローワールドページを作って

期待される動作

1. index.htmlが自動作成される
2. 必要に応じてstyle.cssも作成される
3. ブラウザで自動テストが実行される
4. 結果がチャットで報告される

使用量の目安

100万トークンでできること

個人開発での使用量例：

小規模プロジェクト

ランディングページ: 15,000-30,000トークン
To-doアプリ: 20,000-40,000トークン
簡単なゲーム: 25,000-50,000トークン

中規模プロジェクト

ブログシステム: 80,000-150,000トークン
ECサイト: 100,000-200,000トークン
ダッシュボード: 90,000-180,000トークン

一般的な使用パターン

ホビー開発者（週末のみ）

月間使用量: 80,000-160,000トークン
余裕度: 非常に高い

アクティブ開発者（平日夜+週末）

月間使用量: 300,000-600,000トークン
余裕度: 十分

トラブルシューティング

よくある問題と解決法

APIキーエラー

エラー: Invalid API key
解決法: Google AI Studioで新しいAPIキーを生成し、再設定

拡張機能が認識されない

解決法: VSCodeを完全に再起動

レスポンスが遅い

原因: API制限に達した可能性
解決法: Max Tokensを4000に減らす、または時間をおいて再試行

まとめ

ClineとGemini APIの組み合わせにより、以下を実現できました：

メリット

完全無料でCursorライクな開発体験
月額料金なしで本格的なAI開発支援
個人開発には十分な100万トークン/月の無料枠
VSCodeの既存環境をそのまま活用

適用場面

個人開発やプロトタイピング
学習目的でのAI開発支援体験
有料サービス導入前の検証環境
予算を抑えたい小規模プロジェクト

制限事項

リアルタイムコード補完機能なし(拡張機能を探し中)
月間100万トークンの制限
1分間15リクエストのレート制限（Gemini API）
大規模な商用開発には容量不足の可能性

個人開発や学習目的であれば、この無料環境で十分な開発体験を得られます。有料サービスの導入を検討する前に、まずはこの構成で試してみることをお勧めします。