Cline Desktop チュートリアル：無料 DeepSeek で 15 ステップ開発
Cline Desktop は Cline コーディングエージェントをスタンドアロンアプリにしたもの — エディタ不要。この 15 ステップのウォークスルーは実際の録画に沿います：ベータをダウンロードし、サインインし、無料セクションの DeepSeek V4.1 Flash を動かし、ClinePass と API キー持込を比較してから、エージェントが自分のフォルダーで動く支出トラッカーをビルド・セルフテストするまでを見届けます。
ひとことで：Cline Desktop とは
- Cline Desktop は Cline コーディングエージェントのネイティブアプリ版 — cline.bot/desktop から Mac または Windows（ベータ）版を入れ、Cline でサインインするか API キーを挿し、Claude Code や Codex のセッションをインポートすることもできます。
- 無料ルート：モデルピッカーの FREE セクション（"Try with limited usage at no cost"）で DeepSeek V4.1 Flash を選ぶ — 無料ラインナップは変わるので、自分のアカウント表示を確認。
- 定額ルート：ClinePass は月額 $9.99 で DeepSeek V4 Flash、GLM-5.3、Kimi K3 などのオープンモデルを標準 API の 2〜5 倍の用量で使用可能（5 時間・週・月のウィンドウ）。OpenRouter や OpenAI Compatible 経由の BYOK も可。
- デスクトップ固有の流れ：実フォルダーを指定し、要件を伝え、書き込みを承認 — そのフォルダー内でコード・実行・セルフテストまで。録画では無料枠だけで支出トラッカーをビルド・デバッグしています。
I Tested Cline Desktop: Build Apps with Free AI Models
動画ウォークスルー:Code With Yousaf9:49
Cline Docs — Cline Desktop & ClinePass
製品情報:docs.cline.botDocs
スクリーンショットはすべて Code With Yousaf が Windows 上で収録した Cline Desktop の画面です。価格・モデル名・プラットフォーム状況は Cline 公式ドキュメントに基づきます。
スクリーンショットは出典ビデオのクレジット付きフレームで、各ステップから元動画の該当秒にジャンプできます。本文はオリジナルで、製品の事実は Cline 公式ドキュメントと Desktop リリースノートで確認しています。
Cline Desktop ステップバイステップ
1 · Cline Desktop をダウンロードして初期設定
- 1
cline.bot から Cline Desktop をダウンロード
cline.bot のヘッダーには Desktop・IDE・CLI・SDK が並び、Desktop ページの見出しは "Cline for Desktop (Beta)" — コーディングエージェントをネイティブアプリにしたもので、エディタは不要です。Download for Mac か Download for Windows（録画は Windows）を取り、Release notes で現行ビルドを確認しましょう。Desktop のリリースラインはすでに v0.0.32 まで進んでいます。
Mac 用・Windows 用インストーラーが並ぶ公式 Cline for Desktop (Beta) ページ。1:31 の部分を見る - 2
普通のデスクトップアプリ同様にインストール
Windows は通常のインストールウィザードです。Completing Cline Setup まで進め、Run Cline と Create desktop shortcut のチェックを入れたまま Finish。macOS はアプリを Applications にドラッグするだけ。どちらもインストールは 1 分とかかりません。
Run Cline と Create desktop shortcut にチェックが入った Completing Cline Setup。2:06 の部分を見る - 3
サインイン — または API キーを持込
初回起動でモデルとの接続方法を聞かれます。Sign in with Cline (Recommended) はキー不要ルートで、最新モデルに定期的な無料プロモが付きます。Use your own API key なら Anthropic・OpenAI・OpenRouter などを指定可能 — プロバイダは後から Settings で追加できるので、今決め込む必要はありません。
Set up Cline：アカウントでサインインするか、自分のプロバイダキーを入力。2:27 の部分を見る - 4
旧セッションをインポート（またはスキップ）
Cline アカウントでサインインすると、Desktop はマシン内の Claude Code・Codex・opencode のセッションを走査します — 録画では 54 件見つかり — ここに取り込んで過去の会話を続けられます。Choose sessions + import でも Skip for now でも、着地するのは空のワークスペースです。
Claude Code・Codex・opencode から見つかった 54 セッションのインポート画面。2:43 の部分を見る
2 · モデルを接続 — 無料 DeepSeek、ClinePass、BYOK
- 5
デスクトップのワークスペースを把握する
左レールは Session・Schedule・Customize — Schedule に単発・定期的な自動タスクが入り、Customize にはツール・プラグイン・スキル・ルール・MCP サーバーが並びます。コンポーザーのヒントは "Ask to make changes, @mention files, reference #PRs, or run /commands."。その下にプロバイダ・モデル・推論量の 3 つのピッカー。これがエディタなしの Cline です — VS Code は要りません。
初見の画面：左に Session・Schedule・Customize、フッターにプロバイダ・モデル・推論量。2:57 の部分を見る - 6
モデルピッカーを開く
フッターのモデルセグメントを開くと、Search models ボックスがカタログ全体に被さります — ALL MODELS の下に Aion から Claude Fable まで数百エントリーで、こちらはトークン従量課金。もう少し先へ：無料で始める鍵は同じドロップダウンの一段上にあります。
フッターのモデルセグメントから開くモデルカタログ全容。3:08 の部分を見る - 7
FREE セクションから DeepSeek V4.1 Flash を選ぶ
ピッカー最上部は "Try with limited usage at no cost" のラベルが付いた FREE セクション。録画では "Fast and efficient with 1M context window" の DeepSeek V4.1 Flash (free) を筆頭に、Muse Spark 1.3 Contributor (free)、GLM 5.3 Flash、Solar Pro 4 (free) が並んでいました。ラインナップは入れ替わるので当日のアカウント表示を確認を — ただし本チュートリアルの主役は DeepSeek の無料枠です。
FREE セクション：無料モデルの先頭に DeepSeek V4.1 Flash。3:35 の部分を見る - 8
推論量を High に設定
フッターの最終セグメントは、メッセージごとにモデルがどれだけ考えるかの調整です：None・Low・Medium・High。録画では最初のプロンプト前に Low から High へ引き上げ — 1 ステップあたりの思考を増やしつつ無料枠内で収めています。用量には上限があり変動するので、上限に当たったらこのダイヤルを下げましょう。
最初のビルド前に推論量を Low から High へ。4:19 の部分を見る - 9
3 つの支払い方式（と無料）を理解する
プロバイダメニューには Cline Usage-Billing（従量課金）、ClinePass、Anthropic、OpenRouter、Google Gemini、OpenAI Compatible、SAP AI Core、Set up another provider が並びます。ClinePass は月額 $9.99 で、オープンモデル — DeepSeek V4 Flash・V4 Pro、GLM-5.3、Kimi K3 など — を標準 API 料金の 2〜5 倍の用量で使え、5 時間・週・月のウィンドウで計測。無料のままなら Cline Usage-Billing を選んだままに — FREE セクションはプラン不要です。
プロバイダメニュー：Usage-Billing、ClinePass、持込キー — タスクごとに選択。4:32 の部分を見る
3 · フォルダーを指定し、要件を伝えてビルド
- 10
Cline に実フォルダーを指定する
コンポーザー上部のフォルダーチップからワークスペースピッカーが開き — 録画では OS の Open ダイアログで ai-test ディレクトリを選択 — Desktop はそのフォルダーへ直接ファイルを書き込みます。拡張機能がリポジトリで働くのと同じ方式です。使い捨てのビルドには空ディレクトリを。以後チップには作業中のワークスペース名が表示されます。
OS のダイアログで ai-test フォルダーを作業ワークスペースに指定。4:52 の部分を見る - 11
製品仕様のように要件を渡す
明確な一段落で十分です。録画のプロンプト："Build a beautiful expense tracker in a single HTML file. Let users add expenses, choose categories, and see their total spending. Make it responsive and use a clean dark design." クリップでファイルを文脈として添付できます。送信したら、フォルダーへの書き込み許可を求めるダイアログを承認しましょう。
支出トラッカーのプロンプト全文。ワークスペースは ai-test、推論量は High。5:37 の部分を見る - 12
計画・実装・コマンド実行を見届ける
エージェントはワークスペースを読み、HTML/JS を書き — 通貨切替・合計集計・localStorage 永続化が内蔵エディタビューに一行ずつ現れます — コマンドを実行して自分の出力をテスト。動作中もコンポーザーは次のメッセージをキューに入れるだけで、中断されません。
支出トラッカーの JavaScript が +384 行でエディタビューに流れ込む様子。6:25 の部分を見る - 13
セルフ検証レポートを読む
エージェントは「完了」と宣言する代わりに、"Verification performed (not just written — actually run)" の要約を返します。実行スコア付きの機能テストスイート、性能メモ、そしてこの録画ではテスト中に見つけて修正した 2 つの実際のバグと、アプリのスクリーンショット付き。このセルフテストの習慣が、無料モデルを有料級に感じさせます。
エージェント自身のレポート：テスト実行、バグ修正、スクリーンショット添付。6:45 の部分を見る
4 · テスト、反復、モデルの切り替え
- 14
できたアプリを開き — チャットで反復
ファイルはフォルダーに届きます — ai-test の expense-tracker.html をここでは Chrome で開いています。Ledger という動くアプリで、Coffee $5 を Food & drink で登録すると合計・最大支出・カテゴリ別チャートが連動更新。気になる点があれば、Cline Desktop の同じセッションで修正や次機能を頼めば、またファイルを直してくれます。
1 つのプロンプトから生まれた Ledger 支出トラッカーが Chrome で動作。7:35 の部分を見る - 15
いつでもモデルを切り替える
タスク開始時のモデルに縛られません。セッション途中でピッカーを開き直せば FREE セクションはすぐそこ — このリストの先頭は Laguna 5.1.1 (free) — で、その下に有料カタログ。下書きは無料 DeepSeek、難所は強いモデル、無料枠を超えるタスクは OpenRouter や OpenAI Compatible にプロバイダキーを差し込みましょう。
セッション途中のピッカー：上に無料モデル、下に有料カタログ。9:05 の部分を見る