<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>Cursor on Xainome Blog</title><link>https://xainome-blog.beeskynohito.workers.dev/tags/cursor/</link><description>Recent content in Cursor on Xainome Blog</description><generator>Hugo</generator><language>ja</language><lastBuildDate>Sun, 02 Mar 2025 00:00:00 +0000</lastBuildDate><atom:link href="https://xainome-blog.beeskynohito.workers.dev/tags/cursor/index.xml" rel="self" type="application/rss+xml"/><item><title>Cursorの話題に乗り遅れたけどpyxelの修正に使ってみたよ</title><link>https://xainome-blog.beeskynohito.workers.dev/posts/2025/03/cursor-pyxel-review/</link><pubDate>Sun, 02 Mar 2025 00:00:00 +0000</pubDate><guid>https://xainome-blog.beeskynohito.workers.dev/posts/2025/03/cursor-pyxel-review/</guid><description>&lt;h2 id="cursorを使ってみた">Cursorを使ってみた&lt;/h2>
&lt;p>&lt;a href="https://www.cursor.com/pricing">Cursor&lt;/a>が凄いとだいぶ前に話題になりましたが、重い腰を上げてようやく使ってみました。&lt;/p>
&lt;p>コードエディターとして使っても優秀ですし、テキストベースで自身の考えを整理するのにも使えそうですね。&lt;/p>
&lt;p>興味を持ったのが音声入力でテキスト変換し、文字おこしした文を整理してもらうという&lt;a href="https://anond.hatelabo.jp/20250228171948">記事&lt;/a>です。日常的にも使えそうですし、コードの修正にも活用できそうでしたので使うことにしました。&lt;/p>
&lt;h3 id="cursorのインストールとダウンロード">Cursorのインストールとダウンロード&lt;/h3>
&lt;p>まずはインストーラーのダウンロードから。Windows、Mac、LINUXがあるので使っているPCに応じて選びましょう。&lt;/p>
&lt;p>&lt;img alt="Cursor_サイト" loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2025/03/cursor-pyxel-review/images/image-1024x504.png">&lt;/p>
&lt;p>ダウンロードが完了したら、インストーラーを実行しましょう。基本的には何も変更せずポチポチ推して大丈夫です。こだわりがあれば変更するくらいですね。&lt;/p>
&lt;p>&lt;img loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2025/03/cursor-pyxel-review/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2025-03-02-102646.png">&lt;/p>
&lt;p>&lt;img loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2025/03/cursor-pyxel-review/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2025-03-02-102732.png">&lt;/p>
&lt;p>&lt;img loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2025/03/cursor-pyxel-review/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2025-03-02-102747.png">&lt;/p>
&lt;p>&lt;img loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2025/03/cursor-pyxel-review/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2025-03-02-102922.png">&lt;/p>
&lt;h3 id="cursorの初期設定">Cursorの初期設定&lt;/h3>
&lt;p>インストールが完了したら実行して開きましょう。デフォルトのIDEはVS Codeになりますが、他のIDEを使ってる場合はそちらを選択しましょう。似たようなUIにしてくれると思います。&lt;/p>
&lt;p>AIに対する言語は必要であれば選択しましょう。日本語なら&amp;quot;日本語&amp;quot;や&amp;quot;Japanese&amp;quot;で大丈夫だと思います。&lt;/p>
&lt;p>Codebase-wideはプロジェクト全体を読み込ませるかどうかですね。単体のコードだけを読み込ませるなら不要だと思います。設定が完了したら&amp;quot;Continue&amp;quot;をクリックしましょう。&lt;/p>
&lt;p>&lt;img alt="Cursor_設定画面" loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2025/03/cursor-pyxel-review/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2025-03-02-105943.png">&lt;/p>
&lt;p>こちらはVS Codeを使ってると表示されます。VS Codeで使用してる拡張機能をそのまま使用するかの確認です。使うのであれば&amp;quot;Use Extensions&amp;quot;ですね。他のIDEはわかりませんが…&lt;/p>
&lt;p>&lt;img alt="Cursor_拡張機能" loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2025/03/cursor-pyxel-review/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2025-03-02-110035.png">&lt;/p>
&lt;p>こちらは利用状況を送信するかの設定です。&amp;ldquo;Privacy Mode&amp;quot;であれば送信されなくなります。私は個人で使う分には気にならないですし、もっと発展してほしいので送信するようにしています。ただ、業務委託では使えませんが。&lt;/p>
&lt;p>&lt;img loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2025/03/cursor-pyxel-review/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2025-03-02-110215.png">&lt;/p>
&lt;p>設定が完了したらログインが必要になります。Freeであってもですね。今のところはproにする予定がないのですが…&lt;/p>
&lt;p>&lt;img alt="Cursor_ログイン" loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2025/03/cursor-pyxel-review/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2025-03-02-110302.png">&lt;/p>
&lt;h3 id="リポジトリのクローン">リポジトリのクローン&lt;/h3>
&lt;p>ログインが完了したら初期画面はこんな感じ。後はここからプロジェクトを開くなり、Gitからリポジトリの接続をすることになります。ちなみに日本語UIへの変更はVS Codeと同じ手順で変更できます。&lt;/p>
&lt;p>&lt;img alt="Cursor_クローン" loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2025/03/cursor-pyxel-review/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2025-03-02-110523.png">&lt;/p>
&lt;p>真ん中のcloneをクリックするとGitからcloneすることができます。Githubの場合は8桁のコードを求められます。画面に表示されますのでそれをペーストすれば問題ありません。&lt;/p>
&lt;p>&lt;img alt="Cursor_コード" loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2025/03/cursor-pyxel-review/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2025-03-02-112842.png">&lt;/p>
&lt;p>初期画面はこんな感じ。拡張機能のCotinueと似たようなUIに感じますね。&lt;/p>
&lt;p>&lt;img alt="Cursor_実際の画面" loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2025/03/cursor-pyxel-review/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2025-03-02-113017.png">&lt;/p>
&lt;p>freeの場合、最初の2週間はproを使うことができます。アカウントの設定画面でどれくらい使ったかを確認することができます。&lt;/p>
&lt;p>&lt;img alt="Cursor_使用量" loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2025/03/cursor-pyxel-review/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2025-03-02-134141.png">&lt;/p>
&lt;h3 id="cursorを使ってコーディング">Cursorを使ってコーディング&lt;/h3>
&lt;p>次は実際に使ってみましょう。Agent、Ask、Editを使い分けます。使い分けとしてはこんな感じみたいです。&lt;/p>
&lt;ul>
&lt;li>
&lt;p>Agent: AIが考えてコードの変更や提案をする&lt;/p>
&lt;/li>
&lt;li>
&lt;p>Ask: シンプルに質問する&lt;/p>
&lt;/li>
&lt;li>
&lt;p>Edit: コードやテキストを変更したり指示する&lt;/p>
&lt;/li>
&lt;/ul>
&lt;p>&lt;img alt="Cursor_chatが画面" loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2025/03/cursor-pyxel-review/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2025-03-02-134311.png">&lt;/p>
&lt;p>モデルは4oですね。モデルによってはproにするか設定を変えないとダメみたいです。&lt;/p>
&lt;p>&lt;img loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2025/03/cursor-pyxel-review/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2025-03-02-134748.png">&lt;/p>
&lt;p>&lt;img loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2025/03/cursor-pyxel-review/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2025-03-02-134742.png">&lt;/p>
&lt;p>実際に実行してみるとこんな感じです。変更内容に問題なければ確定します。ちなみに動かしてみましたが、特に問題もなく動きました。リファクタリングが楽でめっちゃ嬉しい！&lt;/p>
&lt;p>&lt;img alt="Cursor_Edit" loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2025/03/cursor-pyxel-review/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2025-03-02-135003-1024x550.png">&lt;/p>
&lt;p>最後にAIに指示を出して意図通りの動きをするコードが作れるか試してみました。複雑になりすぎないように2つに分割しました。私が描いたイメージはAIが読み取ってくれるわけではないので、そこはコードをコピペして指示を出しました。こんな感じ。&lt;/p>
&lt;p>&lt;img alt="Cursor_Agent" loading="lazy" src="https://xainome-blog.beeskynohito.workers.dev/posts/2025/03/cursor-pyxel-review/images/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2025-03-02-172348.png">&lt;/p>
&lt;p>少しだけ手作業で修正しましたが、ほぼ完ぺきに作ってくれました。障害物は名前から推定したんだと思います。流石に配色とその位置から形を推測するのはまだ無理だと思うので。&lt;/p>
&lt;h3 id="終わりに">終わりに&lt;/h3>
&lt;p>ただ、正直に言うとなめてました（笑）ほぼ完璧に指示をこなして&lt;a href="https://github.com/sai-nome/pyxel">コード&lt;/a>を書いてくれるとは。何よりリファクタリングが嬉しいですね。もちろんこれだけのためにお試しで導入するのもありだと思います。読みやすくもなるし、今後の作業も楽になると思うので。ではでは。&lt;/p></description></item></channel></rss>