0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Cursorに触れてみる(初心者用)

Last updated at Posted at 2025-04-24

はじめに

今回は簡易的な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

適当にアプリを作成

VSCodeでword_quizプロジェクトのmain.dartを修正して適当なアプリを作成していきます。
ちなみにFlutterで開発すると言語はDart(Googleが作った言語)になります。まぁ構文はほぼJavaです。
簡単ですが下記みたいなアプリ作ってみました。
文字がランダムに並んでて~
image.png

ボタンを押して正しい順番に並べて答え合わせを押すと~?
image.png

正解!とモーダルが出るいわゆる「文字並び替えクイズ」です! ※霜降チューブからアイデアを得ました^^
image.png

Cursorの導入

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

以下にアクセスして「ダウンロード Windows」をクリック
image.png

ダウンロードしたインストーラを起動してNextボタン連打からのInstall
下記のようにインストール完了したら完了ボタンで閉じます。
これで導入は完了
image.png

Cursorのアカウント作成

Cursorを利用するためにはアカウント作成が必要なようです。
でも無料プランもあるので今回は無料プランを使っていきます!
Cursorを起動して「Sign up」をクリック
image.png

WebPageへ飛んでアカウント作成画面が出てくるので作成します。
GoogleかGitHubのアカウントを利用します。
以下画面が出れば完了
image.png

デスクトップのCursorに戻るとログイン済みになっており、以下のような画面が表示されます。
初なのでとりあえずSkipします。
image.png

あとはContinue連打で、言語だけJapaneseにして…
image.png

ここまでくれば準備万端!
image.png

Cursorを使ってみる

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

おぉ~見やすい!話で聞いてた通りVSCodeとそっくりですね!
image.png

あとはCursorと遊んでいきます。
自然言語でよいとのことだったのでまずは雑談から(笑)
image.png

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

感想

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

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?