Cursorに触れてみる（初心者用）

## はじめに
今回は簡易的なAndroidアプリを基にCursorを使ってみようと思います。
CursorというのはAIとペアプログラミングを実現できるサービスで、AI駆動開発やってみたいなと思ったらとりあえずやってみるもの（だと聞きました）です。

## 基となるアプリの作成
まずはアプリを作成していきます。
前回の記事で環境構築をそのまま使っていきます。
前回の記事はこちら
https://qiita.com/totacho/items/406de091b6d1e4754f7b

コマンドプロンプトで以下を実行してプロジェクトを作成。　※プロジェクト名は任意
```
flutter create word_quiz
cd word_quiz
```

下記を実行して「Flutter Web」を実行。
スマホ画面で試したい場合はエミュレータを実行する必要があるのですが、まだこの段階ではとりあえず「プロジェクトが作成できていること」「実行・デバッグができること」が確認できればOK！
```
flutter run -d chrome
```

環境構築ができていればこんな感じでFlutterのサンプルアプリが起動されます！
これで準備完了！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1076167/1624d5c3-0567-4c71-a96e-404e2be453d4.png)

## 適当にアプリを作成
VSCodeでword_quizプロジェクトのmain.dartを修正して適当なアプリを作成していきます。
ちなみにFlutterで開発すると言語はDart（Googleが作った言語）になります。まぁ構文はほぼJavaです。
簡単ですが下記みたいなアプリ作ってみました。
文字がランダムに並んでて～
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1076167/b13fba5e-ad69-4ef9-b456-05fd9835b392.png)

ボタンを押して正しい順番に並べて答え合わせを押すと～？
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1076167/637d7b2d-eb58-4319-834d-f1489189cefd.png)

正解！とモーダルが出るいわゆる「文字並び替えクイズ」です！ ※霜降チューブからアイデアを得ました^^
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1076167/671bae5b-71e1-46d8-9c83-2c0e210b8417.png)

## Cursorの導入
さてさて立派なアプリができたということでCursorを使っていきたいと思います！
まずは導入からです！

以下にアクセスして「ダウンロード　Windows」をクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1076167/b9817119-f5e5-4bc9-98ac-ddfea653bd96.png)

ダウンロードしたインストーラを起動してNextボタン連打からのInstall
下記のようにインストール完了したら完了ボタンで閉じます。
これで導入は完了
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1076167/dfb7ee4e-c18a-43ed-8624-bb50c8b785dd.png)

## Cursorのアカウント作成
Cursorを利用するためにはアカウント作成が必要なようです。
でも無料プランもあるので今回は無料プランを使っていきます！
Cursorを起動して「Sign up」をクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1076167/21651fa3-6edc-4072-9c40-f9a268eafbee.png)

WebPageへ飛んでアカウント作成画面が出てくるので作成します。
GoogleかGitHubのアカウントを利用します。
以下画面が出れば完了
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1076167/09125df2-1c91-4fe1-8db8-405712b93bfb.png)

デスクトップのCursorに戻るとログイン済みになっており、以下のような画面が表示されます。
初なのでとりあえずSkipします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1076167/0c1ae313-b900-4451-aad7-8847043301ae.png)

あとはContinue連打で、言語だけJapaneseにして…
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1076167/6bd3373e-d9fb-4643-92bb-7bb27b971b28.png)

ここまでくれば準備万端！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1076167/9b0c0464-dc6a-4165-aa82-441a5a2468c9.png)

## Cursorを使ってみる
上記画像のOpenProjectをクリックして作成したプロジェクトフォルダを選択して、
左ペインでlib→main.dartをクリックしてソースを開くと、、



おぉ～見やすい！話で聞いてた通りVSCodeとそっくりですね！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1076167/e685d44c-150d-4e80-9233-171fd5bab626.png)

あとはCursorと遊んでいきます。
自然言語でよいとのことだったのでまずは雑談から（笑）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1076167/efd8e23a-96c5-470a-b8c9-10a2a38c0d51.png)

早速指摘されましたがこういうのを繰り返してプロンプトの感覚を掴むのは大事でしょ？
ただ無料プランだとリクエスト回数制限（月100回等）があるので雑談しすぎは気を付けましょう！（笑）
今回はここまで！

## 感想
Cursorを始めて使ってみた感じ思った以上に自然言語を理解しており、今更ながらAIの進歩を実感している次第です。
現場ではウォーターフォールなのでペアプログラミング開発も初めての刺激になりましたし、このような先進技術だけではなく開発方法や業務の在り方にも関心ができました