Cursor IDEを使用してコード開発を支援する
2025, Mar 23
実際の効果
- IDE内に統合されたAIチャットを通じて、
自分でコードを書かなくても
アプリ開発が可能 特定の部分だけ
AIと対話することもでき、エディタのカーソル位置
で直接cmd+k
を使用できます。
目次
Cursorの特徴
- Cursorはvscodeベースで作られた
IDE
です- 内蔵AIチャット機能があり、AIにプログラムを開発させ
直接ファイルを修正
してもらえます チャット中にファイルを指定してAIにリファレンスとして提供
でき、より正確な結果が得られます
- 内蔵AIチャット機能があり、AIにプログラムを開発させ
- Cursorは一般的なLLMの設定をサポート
- 自分が慣れているAIを使って開発できます
- 自分のAPIキーも使用できます
- 自分が慣れているAIを使って開発できます
Cursor Tab
:コーディング中にIDEがコードに基づいて提案します。他のIDEのタブ補完や提案に似ています。無料ユーザー
:2000回の提案制限があり、無料です。プロフェッショナルおよびビジネスユーザー
:支払い後、無制限のCursor Tab提案が利用可能です。
Cursor Composer
:IDE内で直接プログラムコードを書いてファイルを修正でき、プロンプトだけでコードを書く真の
体験を実現します。CmdK
:IDEのコード編集ページでAIを直接使用してコードを修正できます。カーソル位置で直接ショートカットキーcmd+k
を使用します.cursorrules
:AIに基本ルール
を設定でき、AI開発をより正確にしてエラーを減らせます。ルートディレクトリ
に.cursorrules
ファイルを作成し、関連するプロンプトを設定できます- または直接
setting > General > Rule for AI
でグローバルルールを設定できます
.cursorignore
:AIに対して無視するファイル
を設定できます。- チャット中に
@
を入力して関連するリファレンスを取り込むことができます
使用手順
- まず公式サイトからcursorを
ダウンロードしてインストール
:https://www.cursor.com/ - プロジェクトを開く
- open projectをクリックしてプロジェクトを開く
- open projectをクリックしてプロジェクトを開く
-
右上の
をクリックしてチャットウィンドウを展開 またはショートカットキーCTRL / CMD + l
を使用
-
Cursorの特徴は、AIに参照させるファイルを指定できること。
+ Add context
をクリックしてファイルを選択できます
-
または対話ボックスに直接
@codebase
と入力すると、cursorはコードベース全体を参照として使用します
-
その他は一般的なAIチャットと同様で、llmモデルの切り替えや画像のアップロードなどができます
- AIに手伝ってほしい内容を入力します
- 例:よく使われる方法として、画像をAIに入れてプロンプトを追加し、AIに作成してもらう
- 例:よく使われる方法として、画像をAIに入れてプロンプトを追加し、AIに作成してもらう
- 次はコードマージのようなプロセスで、AIが変更した内容をレビューします
- チャットウィンドウで直接acceptまたはrejectをクリックできます
- または直接ファイルに移動してクリックすることもできます
- チャットウィンドウで直接acceptまたはrejectをクリックできます
成果
claude-3.5.sonnet
で生成された結果は、UIの図に非常に近いものになりました- 後で行う必要があるのは、
UI/UXで設定された詳細
に基づいて各コンポーネントの間隔、サイズ、色、画像リソース、コード結合度のレビューなどの調整だけです
- 後で行う必要があるのは、
- または新しい文字列がある場合、まずAIに生成してもらい、後で微調整するという方法も便利です
使用テクニック
.cursorrules
と.cursorignore
を適切に活用する
.cursorrules
の設定- (Global) setting > Generalの Rules for AIでcursor ruleを設定できます
- (このプロジェクトのみ) もう一つの方法はプロジェクト内に
.cursorrules
を作成すること - Project rule(プロジェクト固有のルール):Setting > Project Rule > +Add new rule > ファイル名を直接入力してEnterを押すと、プロジェクト内の
../.cursor/xxx.mdc
に.mdcファイルが作成されます
- (Global) setting > Generalの Rules for AIでcursor ruleを設定できます
.cursorignore
の設定- ドキュメント
ルートディレクトリ
に.cursorignore
ファイルを作成し、無視したいファイル/フォルダを追加します
- ルールは.gitignoreに似ており、設定するとcursorAIが
インデックス(またはスキャン)
するときに指定されたファイルを含めません- 不要なファイルのスキャンに無駄な時間を節約できます
- また、機密データやファイルを追加して、機密情報の漏洩やAIプロバイダのサーバーへのアップロードを防止できます
- ただし、公式では現在、無視するインデックスを最大限に達成するよう努力していると述べています
最大限に以下を達成しようとしています
- これは.gitignoreをベースにしており、
.gitignore
が既に存在する場合はそれを基礎とします - 場所がわからない場合は、IDE内の
Cursor Setting > Feature > Codebase indexing > Ignore file > Configure ignored files
から見つけることができます
.cursorindexingignore
- このファイルは.gitignoreの関連内容を自動的に継承します
- cursorがコードベースをインデックス化して参照することを知っているため、このファイルの概念は主に大きなファイルや開発に不要なバイナリファイルを除外して、チャットの全体的なパフォーマンスを向上させることです
- cursorがコードベースをインデックス化して参照することを知っているため、このファイルの概念は主に大きなファイルや開発に不要なバイナリファイルを除外して、チャットの全体的なパフォーマンスを向上させることです
- また、不要なファイルがデフォルトで設定されていますが、内容が長いので必要に応じてドキュメントを確認してください
- このファイルは.gitignoreの関連内容を自動的に継承します
.cursorignore
と.cursorrules
の設定はgitからダウンロードして参考にできます http://192.168.201.72:8080/admin/repos/CursorConfig,general
AIチャット
- 入力が多すぎてAIが処理できない場合は、内容を小さく分割したり、範囲を狭めたり、プロンプトをより明確に書くことをお勧めします。
- Cursorチャットウィンドウでは、
@
を入力して特定のタイプのコンテンツをAIのリファレンスとして設定できます- 例:
@Doc
で、ドキュメントを参照として追加できます。サードパーティAPIなどがある場合、直接渡して参照させることができます(@Docは現在、URL型のドキュメントの追加のみをサポートしています)
- 例:
git
を活用する:ファイルの変更をこまめに保存しましょう。cursorは直接ファイルを修正するため、もしacceptした後に要件に合わないことがわかった場合でも、前のポイントに戻すことができます(全体の変更に適しています
)チャットルーム
内のrestore
を活用する:現在の対話で行われた修正結果を復元できます(単一の変更に適しています
)
設定
-
Cursor setting > General > Private mode
のドロップダウンメニューでプライバシーモードを有効にできます
-
Cursorに参照させたいMCP Serverがある場合は、
Cursor setting > feature > MCP Server
で追加できます
-
Cursor setting > feature > Docs
で対応するドキュメントを追加し、AIチャットのデフォルトの参照項目にすることができます
Git
- Cursor IDEには
source control
というgit guiが提供されており、クリックでgit操作を直接行うことができます
- commit messageフィールドの
右端
には、generate commit message
機能があり、現在のgit graph内のcommit messageに基づいて生成します
- ただし、現在の実験ではAirDroidのデフォルトテンプレートを生成できず、ローカルのgitにデフォルトのフォーマットを追加しても同様です。
期待値
:
実際
:
- commit messageフィールドの
- もう一つの方法は、
Chat
内で@Commit generate commit message
を使って指定された形式を生成することです。これは実験的に私たちのデフォルトテンプレートを生成できることが確認されています
Cursor IDEの個人設定共有
- IDEの左側を
縦方向
に変更する- ショートカットキー
CTRL/CMD + Shift + P
でコマンド機能を開く Setting.json
と入力し、Preferences: Open User Settings (JSON)
をクリック
- Jsonファイルにキー
workbench.activityBar.orientation
、値vertical
を追加し、Cursorを再起動
- ショートカットキー
.cursorrules
- 各プロジェクトの要件に応じて追加します。よく使用するものを共有します
```
- Don’t make assumptions.
- Don’t silently fix errors
- Use my existing theme for colors,typography and spacing.
- Ask questions when uncertain about my code or design.
- Provide a list of tasks for accomplishing an implementation.
- always include a :) at the end of your response
```
(ここでの
include a :)
は現在の.cursorrules
が有効かどうかを確認する方法です)
- インターネット上のcursorディレクトリを併用して生成します
- 各プロジェクトの要件に応じて追加します。よく使用するものを共有します
```
- プラグインのインストール
- cursorは現在vscodeをベースにしており、デフォルトではkotlin関連リソースがありません。kotlinがcursor内で認識されるようにするには、 プラグインをダウンロードします(これはAIのパフォーマンスには影響しませんが、IDE内で.ktファイルを識別できるようにします)
MARKPLACE
またはEXTENSION
を見つけて検索すれば見つかります- 自分のニーズに応じて他のプラグイン(git、javaなど)をインストールします
感想
- Cursor IDEは複数の機能を統合し、AIによる開発プロセスをよりシンプルにしています。AIの提案内容を既存のプロジェクトに直接適用できるなどの機能があります
- ただし残念なことに、これは
vscode
をベースに拡張されたIDEなので、Android Studioのようなアンドロイド関連機能はありません - 海外の上級者は、cursorでコードを生成し、ASでコードをビルド・デバッグするような使い方をしています。例:I Made an Android App in MINUTES with This AI Tool
- ただし残念なことに、これは
- 今日
Android開発ではなく
、初めて触れる言語のプロジェクトを行う場合、理論的には
ファイルを配置する場所をより速く知ることができ、より早く入門できます。また関連する仕事をしていない人でも、開発を素早く学ぶことができます
。 - AIで生成することは確かに便利ですが、なぜそのように書かれているのかを理解することをお勧めします。そうすれば、AIの書き方を受け入れるかどうかを判断できます。
-
価格:無料で使える回数があるので、まずは試用して自分の開発スタイルに合うかどうかを確認してから購入を決めるといいでしょう。
- 私の無料期間が終了し、
cursor composer
がロックされ、以前のAIモデルも使用できなくなりましたXD。 しかし、完全に無料のchat
(チャットのみ使用可能)が提供されており、モデルをcursor-small
に設定すれば、まだ無料で使うことができます。
おすすめサイト
- cursor使用ドキュメント
- cursorディレクトリ :いくつかの
.coursorrule
設定を検索できます - cursorリスト :いくつかの
.coursorrule
設定を検索できます - cursor maker:Web上のAIチャットを使用して
.coursorrule
設定を生成します - Generate Cursor Project Rules:Web上のAIチャットを使用して
.mdc
設定を生成します - ユーザーがまとめたcursor rule