Cline 連携
VS Code で Cline 拡張機能を使って QCode.cc API を利用する
Cline 連携¶
Cline は VS Code 向けの AI プログラミング拡張機能(500 万以上のインストール)で、任意の AI モデルやカスタム API エンドポイントに対応しています。Cline と QCode.cc API を組み合わせることで、VS Code 内で低コストに Claude モデルを利用できます。
Cline を選ぶ理由¶
-
ゼロマークアップ:モデル料金への上乗せなし、QCode.cc API の料金のみ
-
マルチモデル切り替え:同じインターフェースで Claude、GPT、Gemini などを切り替え可能
-
VS Code との深い統合:サイドバーパネル、インラインコード操作、ファイル編集プレビュー
-
完全オープンソース:コードが透明で、コミュニティが活発
-
CLI 2.0:ターミナルモードと並列エージェントに対応
インストールと設定¶
ステップ 1:Cline 拡張機能のインストール¶
VS Code で:
-
拡張機能パネルを開く(
Ctrl+Shift+X/Cmd+Shift+X) -
「Cline」 を検索
-
インストール をクリック
ステップ 2:QCode.cc API の設定¶
-
インストール完了後、VS Code のサイドバーで Cline アイコンをクリック
-
API Provider のドロップダウンから 「OpenAI Compatible」 を選択
-
以下の情報を入力:
| 設定項目 | 値 |
|---|---|
| Base URL | https://asia.qcode.cc/claude/v1 |
| API Key | QCode.cc の API キー(cr_ で始まるもの) |
| Model ID | claude-sonnet-4-6(推奨)または claude-opus-4-6 |
ステップ 3:接続の確認¶
Cline のチャットボックスに簡単なメッセージ(例:「Hello」)を入力し、返答があれば設定完了です。
バックアップノード¶
メインノードへの接続が不安定な場合、Base URL を切り替えてください:
| ノード | Base URL |
|---|---|
| アジア太平洋メインノード | https://asia.qcode.cc/claude/v1 |
| 香港 | http://103.218.243.5/claude/v1 |
| 深セン | http://103.236.53.153/claude/v1 |
使い方のヒント¶
1. モデル選択のおすすめ¶
| シーン | 推奨モデル | 説明 |
|---|---|---|
| 日常的なコーディング | claude-sonnet-4-6 |
高速でコスパが良い |
| 複雑なアーキテクチャ設計 | claude-opus-4-6 |
最高の推論能力 |
| 軽量タスク | claude-haiku-4-5-20251001 |
最も低コスト |
2. Claude Code CLI との併用¶
Cline と Claude Code CLI にはそれぞれ強みがあり、併用をおすすめします:
| シーン | 推奨ツール |
|---|---|
| VS Code 内での素早い編集 | Cline |
| 複雑なプロジェクト分析 | Claude Code CLI |
| 複数ファイルのリファクタリング | Cline |
| Git 操作、コードレビュー | Claude Code CLI |
| CI/CD の自動化 | Claude Code CLI(ヘッドレスモード) |
3. 共有クォータ¶
Cline と Claude Code CLI は同じ QCode.cc API キーを使用し、プランのクォータを共有します。
よくある質問¶
接続に失敗する場合¶
-
Base URL の末尾に余分な
/がないか確認 -
API キーが正しいか確認
-
バックアップノードへの切り替えを試す
-
ネットワークが QCode.cc サービスにアクセスできるか確認
モデルリストが空の場合¶
Model ID の入力欄にモデル名(例:claude-sonnet-4-6)を手動で入力してください。リストからの選択は不要です。
次のステップ¶
-
Aider 連携 で QCode.cc 対応のもう一つのオープンソースツールを確認
-
VS Code 連携 で Claude Code 公式拡張機能を確認
-
課金について で料金の詳細を確認