Project_OKI’s diary

エンジニアの勉強ブログ

Cursorの導入と、基本的な使用方法について

1.目的

・この記事では、Cursor の導入方法と基本的な使い方について記載する。

2.Cursor とは

Cursor は、Visual Studio Code をベースにした AI 搭載型のコードエディタ。 コーディングの効率を大幅に向上させる機能を提供してくれる。

主な特徴:

  • AI アシスタント: ChatGPT を活用したコード生成・編集・説明機能
  • コード補完: コンテキストを理解した高度なコード補完
  • エラー修正: エラーの自動検出と修正提案
  • コード説明: 複雑なコードの説明やドキュメント生成
  • VS Code 互換: VS Code拡張機能やショートカットが利用可能

3.インストール方法

3.1Windows の場合

  1. Cursor 公式サイトにアクセスします
  2. 「Download」ボタンをクリックしてインストーラーをダウンロードします
  3. ダウンロードしたインストーラー(.exe ファイル)を実行します
  4. インストールウィザードの指示に従ってインストールを完了します
  5. インストール完了後、Cursor が自動的に起動します

3.2macOS の場合

  1. Cursor 公式サイトにアクセスします
  2. 「Download」ボタンをクリックしてインストーラーをダウンロードします
  3. ダウンロードした.dmg ファイルを開きます
  4. アプリケーションフォルダに Cursor をドラッグ&ドロップします
  5. アプリケーションフォルダから Cursor を起動します

3.3Linux の場合

  1. Cursor 公式サイトにアクセスします
  2. 「Download」ボタンをクリックして AppImage ファイルをダウンロードします
  3. ダウンロードした AppImage ファイルに実行権限を付与します: chmod +x Cursor-*.AppImage
  4. AppImage ファイルをダブルクリックして起動します

4.初期設定

初回起動時には、以下の設定が必要です:

  1. アカウント作成: メールアドレスとパスワードを入力してアカウントを作成します
  2. テーマ選択: ライトテーマまたはダークテーマを選択します
  3. 言語設定: 使用するプログラミング言語を選択します

5.基本的な使い方

5.1プロジェクトを開く

  1. 「File」→「Open Folder」を選択するか、Ctrl+OWindows)/Cmd+OmacOS)を押します
  2. プロジェクトのフォルダを選択します

5.2AI アシスタントの使い方

  1. チャットを開く: Ctrl+LWindows)/Cmd+LmacOS)を押すか、左側のサイドバーのチャットアイコンをクリック
  2. 質問や指示を入力: 「このコードの説明をして」「この関数を最適化して」などの指示を入力
  3. AI の回答を確認: AI が生成した回答やコードを確認
  4. コードの適用: 「Apply」ボタンをクリックして、AI が提案したコードを適用する。

5.2.1コード生成

  1. 新しいファイルを作成
  2. チャットで「PythonFizzBuzz を実装して」などの指示を入力
  3. AI が生成したコードを確認し、必要に応じて修正
  4. 「Apply」ボタンをクリックしてコードを適用

5.2.2コード説明

  1. 説明したいコードを選択
  2. 右クリックして「Explain Code」を選択するか、Ctrl+Shift+EWindows)/Cmd+Shift+EmacOS)を押す。
  3. AI が選択したコードの説明を生成

5.2.3エラー修正

  1. エラーが発生しているコードを選択
  2. 右クリックして「Fix Error」を選択するか、Ctrl+Shift+FWindows)/Cmd+Shift+FmacOS)を押します
  3. AI がエラーの修正案を提案してくれる
  4. 「Apply」ボタンをクリックして修正を適用

6.高度な機能

6.1コードリファクタリング

  1. リファクタリングしたいコードを選択
  2. チャットで「このコードをリファクタリングして」と指示
  3. AI がリファクタリング案を提案してくれる

6.2テスト生成

  1. テストを生成したいコードを選択
  2. チャットで「このコードのテストを生成して」と指示
  3. AI がテストコードを生成してくれる

6.3ドキュメント生成

  1. ドキュメントを生成したいコードを選択
  2. チャットで「このコードのドキュメントを生成して」と指示
  3. AI がドキュメントを生成

7.ショートカットキー

Cursor でよく使うショートカットキー - チャットを開く: Ctrl+LWindows)/Cmd+LmacOS) - コードを説明: Ctrl+Shift+EWindows)/Cmd+Shift+EmacOS) - エラーを修正: Ctrl+Shift+FWindows)/Cmd+Shift+FmacOS) - AI に質問: Ctrl+KWindows)/Cmd+KmacOS) - コードを生成: Ctrl+Shift+GWindows)/Cmd+Shift+GmacOS

8.感想

 導入のハードルは低いが、無料版だと制限が厳しい為、有料版を使うかどうか要検討する。  有料版だと月20ドルする為、高いが十分払ってもよいと思えるくらい便利ではある。

参考動画など

www.youtube.com www.youtube.com www.youtube.com

参考サイト

Cursor,VSCodeショートカット集

参考リンク

関連記事

過去の記事: Project OKI過去のブログ一覧とか - Project_OKI’s diary