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 コマンドを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 OS・Windowsそれぞれの手順が記載されているため、不安な人は確認しながら行いましょう。

参考：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で開発をするために必要なツールとその理由は以下の通りです。

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

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

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

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

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

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

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

参考：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モード」で新機能の開始を考えている場合、まずは機能の要件を整理してシステム全体に与える影響を評価します。

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

自分の受けたい提案やサポートに応じて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を活用してみてください。

AIsmiley編集部

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

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

メルマガに登録する