Cursor Editorというこれまた便利そうなエディタを見つけた

## はじめに
[Systemi（株式会社システムアイ） Advent Calendar 2023　](https://qiita.com/advent-calendar/2023/systemi23)21日目の記事です
↑より毎日、弊社社員が記事を投稿しています！
本記事と合わせて他記事も是非読んでみてください！！

個人としては、記念すべき初投稿になります！！

# 本編
私は、VSCodeが最強のエディタだと思ってました。
ですが、最近「もうVScodeは使いません」だの「R.I.P VScode」だの申し上げている方々を見つけ、
気になって深掘りしていった結果、今回ご紹介する[Cursor Editor](https://cursor.sh/)に辿りつきました。

認知度もだいぶ上がってきていることを日々感じながらも書いていきます(汗)

## AIファーストのコードエディター　「Cursor」
CursorはAnysphare社が製作した`AI統合ソフトウェア開発プロジェクト`です
凄くシンプルに表現すると`「VSCode」 × 「ChatGPT 4」`です
プランによってChatGptの利用制限などもあります

https://appmaster.io/ja/news/anysphere-ga-ai-jia-su-hua-cursor-ide-kai-fa-henotou-zi-woque-bao

価格は以下の通りです。
触ってみて個人的に感じたのは無料だと満足しなくて、Proにした方が良いなとは感じました
※2023年12月時点で`2130円/月`なので少々お高く感じるかもしれませんが、
Gpt-4が今入れないという点と特徴の一つとして、エディタと一体な点を踏まえるとアリです
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489819/efe724d5-fa43-85f0-42d5-d7e35c7ab3c2.png)


公式HPの`Forum`をクリックするとCurosor Editorのコミュニティサイト繋がっています
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489819/5cf92332-756e-4353-0093-3c6a55927972.png)



## まずは使ってみよう

[公式HP](https://cursor.sh/)からインストールする
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489819/60803f99-7924-5b47-4b23-7398a466eb5f.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489819/2a663d7d-0556-8d32-fd0e-53b1fb5056ea.png)

インストールをするとショートカットや言語、コマンドラインの設定が可能
デフォルトでVSCodeと記載されているあたり、意識しているのが伝わる
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489819/833954fc-3735-370c-df9c-bb296635cec0.png)

Cursorの特徴の一つとして、VSCodeユーザなら、既存で使用しているVSCodeの拡張機能,キーバインド,他設定を引き継ぐ(VSCodeからImportする)ことができる！！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489819/8081736c-f2fe-ffc6-eb44-19168bdaeff1.png)

ぱっと見VSCodeだなと思いつつ、右の方にAI Chatスペースがありフォーカスすると...
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489819/3af25fe5-bddc-b3d1-059e-f65f9e75e094.png)

チャット欄があり、gpt-4とgpt3.5を選択できたり、imageを挿しこんだりできます
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489819/463408e3-24de-fe39-29af-174b6064d541.png)

試しにヘッダーを作ってもらうことにします
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489819/904331d3-10e0-df45-e885-c668dbbd2ebe.png)


(すみません、色々触ってたらgpt-4の回数制限超えました。それに関して少し下の方に記載しています)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489819/7025f10c-75d5-c81a-43a5-192a0693a9fb.png)

簡単な実装をあっさり出してくれました
ここらはChatGPTと何ら変わりのない状態ですね
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489819/9cce7d2a-b5ce-3040-01ae-943d51fd4503.png)

## メンション機能
因みにさらっと`@Next.js`とメンション付けて書いていましたが、
`@`を押すと、キャプチャの様にファイルやドキュメント、gitコミットなどを読み込ませることができます
`Docs`から公式ドキュメントを読み込ませておくと、最新のバージョンに対応できるように育てられるから、この辺りが自分色に染めることが可能となり、個人的なCursorの良いポイントの一つだと思っています

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489819/13bf1b1c-e745-123a-0fea-83ea43b11900.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489819/4cc53bb8-eaa7-2486-c6dc-c20c0852fc9a.png)

Next.jsのリンクを入れると、勝手に名前やプレフィックスなどの情報が入る
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489819/5ded8712-2c3e-5d91-fb80-0af5d5de6d7d.png)

学習して.....
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489819/486c1267-092e-1460-af81-02b64af402ab.png)

読了。
1分ちょっとで公式ドキュメントをインプットしてくれました
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489819/701622f1-73ac-4e8c-baf1-b52f002700e5.png)

## 【因みに】
無料版のgpt-4の利用制限を超えると、こんな感じにupdateするかgpt-3.5を使うか聞かれます
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489819/2ba40388-372e-84aa-b71a-2f48974d3854.png)


全然関係ない、最近推しチームが弱いので答えてくれないだろうと思いつつ聞いてみたら...
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/489819/97650c4f-8137-2500-b239-b2391c5e8ade.png)

ざっくり回答だけど、的を得過ぎてました( )

## おわりに
ソースコードレビューやエラー解消など、個人開発向けで利用するのであれば快適に利用できると思います
プロジェクトでの利用はChatGPTはじめ、多くのAIツールと`どう向き合って,どこで使っていくか`を考え、共有していく必要があると改めて感じました

初投稿で、至らない点があるかと思いましたが、お読み頂きありがとうございました！！