DXを推進するAIポータルメディア「AIsmiley」| AI製品・サービスの比較・検索サイト
03-6452-4750 10:00〜18:00 年末年始除く

AIコーディングアシスタント Cline(クライン)とは?料金から使い方まで詳しく解説

最終更新日:2025/05/15

AIアシスタント Clineを解説

フリーランスのプログラマーとして活動しているけれど、最近依頼が増えてコーディング作業を誰かに分担できないか悩んでいる人はいませんか?

コードを考えて提案してもらうだけならAIに相談すればよいけれど、自分が行う開発作業の進行状況にも合わせてほしいので、使い勝手があまり良くないと感じる人もいるでしょう。

この記事ではそんな人に知ってほしいAIアシスタント、Clineについて詳しく解説します。

Cline(クライン)とは?

画像出典:Cline公式ホームページ

ClineとはCline Bot Inc.が開発・運営しているVisual Studio Code(Microsoft社が提供する無料の開発環境)内で使えるAIコーディングアシスタントです。

オープンソースでプログラムの中身(ソースコード)がGitHubで公開されているため、誰でも内容を確認したり、カスタマイズしたりできます。

また公式ホームページのトップページにはClineの導入手順がわかりやすく掲載されており、3つのステップでセットアップが完了します。

Clineは、初心者や複雑なセットアップをする時間がない開発者にも親切な作りになっていると言えるでしょう。

Cline(クライン)でできること

Clineを活用すると、以下のようなことができます。

項目 概要
ファイル編集・管理
  • 新しいファイルの作成・編集・削除
  • コードの一括検索・置換
  • 複数ファイル間のナビゲーション
ターミナル操作
  • npm/yarn コマンドの実行
  • 開発サーバーの起動
  • 依存パッケージのインストール
コードの解析・デバッグ
  • エラーの検出と修正提案
  • コードのリファクタリング支援
  • コメントやドキュメント追加の提案
外部ツールとの連携・ブラウザ操作
  • Webページの表示とテスト
  • コンソールログの確認
  • スクリーンショットの取得

npmコマンドやyarn コマンドをCline上で実行すれば、外部の便利なツールやライブラリを簡単にインストール・管理できます。
また、コードのリファクタリング支援機能を使えば、Clineがコードの整理を手助けしてくれるため、より読みやすく美しいコードが書けるようになります。

ClineはAIを用いているにもかかわらず機能がシンプルでわかりやすいため、AIやコーディングの初心者も安心して使い始めることができるでしょう。

参考:Clineのドキュメンテーション「クラインツールガイド」

Cline(クライン)の始め方

Clineの始め方を4つのステップでご紹介します。

Visual Studio Codeをダウンロード・インストールする

画像出典:Visual Studio Code公式ホームページ

Visual Studio Codeとは、Microsoftが開発した多言語対応・無料のコードエディタ(プログラミング言語やHTMLなどのコードを記述・編集するためのソフトウェア)です。

Visual Studio Codeは以下の手順でダウンロード・インストールできます。

  1. 公式ホームページにアクセスすると、上記画像のように使用しているOSに合わせたダウンロードボタンが表示されるためクリックする
  2. Visual Studio Code のドキュメントに移動し、インストーラーをダウンロードする間に概要を確認できる
  3. インストーラーをクリックし、画面の表示に従ってインストールする

Visual Studio CodeのドキュメンテーションにリナックスMac OSWindowsそれぞれの手順が記載されているため、不安な人は確認しながら行いましょう。

参考:Clineのドキュメンテーション「新しいコーダー向け」

Clineをインストールする

ClineはVisual Studio Codeの拡張機能の1つであるため、以下の手順でVisual Studio Code内にインストールします。

  1. Visual Studio Codeを起動する
  2. Clineフォルダを開く
  3. Visual Studio Codeのアクティビティーバーにある「拡張機能」アイコンをクリックする
  4. 拡張機能の検索バーに「Cline」と入力してVisual Studio Code Marketplace内を検索する
  5. 「Cline – by cline.bot」の拡張機能が表示されたら、「インストール」ボタンをクリックする
  6. アクティビティバーの「Cline」アイコンをクリックして起動する

この手順通りに進めてもClineアイコンが表示されない場合は、Visual Studio Codeを再起動してみてください。

Clineアカウントを作成する

Clineをインストールしたら、次はClineのアカウントを作成します。

  1. Clineを起動して「サインイン」ボタンをクリックする
  2. app.cline.botに移動し、アカウントを作成する

なおアカウント作成に料金は発生せず、無料で利用を開始できます。

参考:Clineのドキュメンテーション「Clineのインストール」

Clineで開発するために必要なツールをインストールする

最後にClineで開発をするために必要なツールをインストールしましょう。

Clineで開発をするために必要なツールとその理由は以下の通りです。

ツールの種類 必要な理由
Node.js & NPM
  • ReactやNext.jsなどのフレームワークでWebサイトを構築するため
  • JavaScriptコードを実行するため
  • JavaScript パッケージのインストールをするため
Git
  • さまざまなバージョンのコードを保存するため
  • 他の開発者との共同作業をするため
  • 作業のバックアップを取るため
パッケージマネージャー
  • 開発ツールを迅速にインストール、更新するため
  • 環境を整理し、最新の状態に保つため

インストールの方法はOSによって異なるため、それぞれ以下のプロンプトをコピーしてClineに貼り付けましょう。

OSの種類 プロンプト
macOS Hello Cline! I need help setting up my Mac for software development. Could you please help me install the essential development tools like Homebrew, Node.js, Git, and any other core utilities that are commonly needed for coding? I’d like you to guide me through the process step-by-step.
Windows Hello Cline! I need help setting up my Windows PC for software development. Could you please help me install the essential development tools like Node.js, Git, and any other core utilities that are commonly needed for coding? I’d like you to guide me through the process step-by-step.
Linux Hello Cline! I need help setting up my Linux system for software development. Could you please help me install the essential development tools like Node.js, Git, and any other core utilities that are commonly needed for coding? I’d like you to guide me through the process step-by-step.

プロンプトを実行するとパッケージマネージャー、Node.js、Gitの順番でインストールされます。

コンピュータのパスワードの入力を途中で求められる場合がありますが、これは正常な動作なので画面の指示に従って入力してください。

参考:Clineのドキュメンテーション「Dev Essentials のインストール」

Cline(クライン)で使えるAIモデルと料金

Clineで使えるAIモデルは次の通りで、それぞれ入力・出力する時に100万トークンあたり以下の料金が発生します。

モデルの種類 コーディングに使うメリット 入力コスト 出力コスト
Claude 3.5 Sonnet 高精度で丁寧なコード生成ができ、大規模プロジェクトにも安心して使える $3.00 $15.00
DeepSeek R1 コーディングに特化しており、コード補完やバグ修正が得意 $0.55 $2.19
DeepSeek V3 最新技術に対応したスマートなコード生成ができ、スピードも速い $0.14 $0.28
o3-mini 軽量で動作が速く、簡単なコードタスクや学習にぴったり $1.10 $4.40
Gemini Flash 2.0 超高速レスポンスで、短時間で多くのコードを書くときに便利 $0.00 $0.00
Gemini 1.5 Pro 複雑なロジックの理解力が高く、設計から実装まで一貫して相談できる $0.00 $0.00

コストだけではなく、モデルそれぞれの得意分野を生かして使い分けをすると、よりスムーズにコーディングができるでしょう。

参考:Clineのドキュメンテーション「モデル選択ガイド」

Cline(クライン)の使い方

Clineには主に次の3つの使い方があります。

プロンプトで指示をして使う

画像出典:Clineのドキュメンテーション「プロンプトエンジニアリングガイド」

Clineでは上記画像の「Custom Instructions」の部分にオリジナルのプロンプトを入力して、指示を出すことが可能です。

例えばタスクの内容や開発スタイルに合わせて、チームで共有するカスタムプロンプトを設定できます。

入力手順は以下の通りです。

  1. Visual Studio Codeを起動する
  2. 画像右上のClineエクステンション設定ダイヤルをクリックする
  3. Custom Instructionsにプロンプトを入力する

Clineにプロンプトを入力するとより効率的にコードを書けるだけではなく、エラーの処理方法や情報ログの記録方法なども指示することができるため、より便利に活用できるでしょう。

参考:Clineのドキュメンテーション「プロンプトエンジニアリングガイド」

Plan & Actモードでプロジェクトを進行する

ClineにはPlanモードとActモードの2種類があり、Planモードでは計画や戦略を考え、ActモードではPlanモードに基づいて実際にコードを書くことができます。プロジェクトの進行状態に応じて以下のようにモードを切り替え、段階に応じた適切な提案やサポートを受けながら作業を進めることができるのです。

モードの種類 適した作業内容
Planモード
  • 新機能の開始
  • 複雑な問題のデバッグ
  • アーキテクチャ上の決定
  • 要件分析
Actモード
  • 合意されたソリューションの実装
  • 定期的な変更を行う
  • 確立されたパターンに従う
  • テストケースの実行

例えば「Planモード」で新機能の開始を考えている場合、まずは機能の要件を整理してシステム全体に与える影響を評価します。

アーキテクチャの決定を行う際には、使用するフレームワークや技術スタックを選定するなど、計画的に進めていきます。

自分の受けたい提案やサポートに応じて2つのモードを切り替えて使うのが大切です。

参考:Clineのドキュメンテーション「Plan & Act Modes: 効果的な AI 開発の手引き」

リモートブラウザでWebサイトを操作する

リモートブラウザとはPCから別のPCにリモートアクセスして、ファイルの表示やプログラムの実行を行う機能です。

リモートブラウザを使うとClineは以下のような作業が行えます。

  • WebサイトとWebアプリケーションのテスト
  • UIデザインとUXデザインに関するフィードバックを得る
  • 情報収集
  • フォームの動作確認
  • レスポンシブデザインのテスト

計画段階で情報を収集したり、作成したコードがサイトやアプリ上でどのように動作をするのか確認したりできるので便利に活用できるでしょう。

参考:Clineのドキュメンテーション「リモートブラウザのサポート」

Cline(クライン)のセキュリティ

Clineでは個人情報の保護やセキュリティの確保を目的として、利用規約に18項目の使用制限について明記しています。

通常AIアシスタントは外部のサーバーにデータを送って処理しますが、Clineは自分のコンピューター内で動作している拡張機能なのでコードやデータは安全な環境で守られるのです。

また2025年第2四半期には、企業向けに以下の集中管理機能を搭載する予定となっています。

  • どのユーザーがどの情報にアクセスできるかを詳細に設定できる機能
  • 企業の認証情報を使ってClineのアカウントを管理・作成する機能
  • 特定のユーザーのアクセス権を迅速に取り消す機能
  • どのAIを使うかを選択し、セキュリティ基準に合ったものだけを使える機能
  • 組織内の全てのユーザーに対して、同じセキュリティ設定を適用できるようにする機能
  • 個人用APIキーの不正使用を防止する機能

セキュリティが不安な人は、利用規約やドキュメンテーションのセキュリティについての記載に目を通してから使うようにしましょう。

参考:Cline「利用規約」

参考:Clineのドキュメンテーション「セキュリティ上の懸念」

まとめ

ClineとはCline Bot Inc.が開発・運営しているVisual Studio Code内で使えるAIコーディングアシスタントです。

この記事も参考にして、ぜひ積極的にClineを活用してみてください。

アイスマイリーでは、AIエージェントサービスと提供企業の一覧を無料配布しています。課題や目的に応じたサービスを比較検討できますので、ぜひこの機会にお問い合わせください。

AIsmiley編集部

株式会社アイスマイリーが運営するAIポータルメディア「AIsmiley」は、AIの専門家によるコンテンツ配信とプロダクト紹介を行うWebメディアです。AI資格を保有した編集部がDX推進の事例や人工知能ソリューションの活用方法、ニュース、トレンド情報を発信しています。

・Facebookでも発信しています
@AIsmiley.inc
・Xもフォローください
@AIsmiley_inc
・Youtubeのチャンネル登録もお願いいたします@aiaismiley1345

メルマガに登録する

DXトレンドマガジン メールマガジン登録

業務の課題解決に繋がる最新DX・情報をお届けいたします。
メールマガジンの配信をご希望の方は、下記フォームよりご登録ください。登録無料です。

お名前 - 姓・名

お名前を入力してください

メールアドレス

メールアドレスを入力してください

AI・人工知能記事カテゴリ一覧

今注目のカテゴリー

生成AI

ChatGPT連携サービス

チャットボット

AI-OCR

生成AI

ChatGPT連携サービス

チャットボット

AI-OCR

AI活用のご相談したい企業様はこちら

03-6452-4750

AI製品・ソリューションの掲載を
希望される企業様はこちら