（2026年11月更新：Cursor のルールの置き場所が変わったため書き直しました）

Cursor は、VS Code をもとにした AI 搭載のコードエディタです。

https://www.cursor.com/

brew install --cask cursor

● AI にプロジェクトの前提を伝える

以前は .cursorrules というファイルを使っていましたが、今の公式ドキュメントでは次の2つの方法が案内されています。

方法1. AGENTS.md（簡単）

プロジェクトの一番上のフォルダに AGENTS.md を置きます。ふつうの Markdown で書けます。

# 目的
このプロジェクトはチャットアプリケーションを開発しています

# 構成
- バックエンドは Go の echo で作成しています
- DB サーバは MySQL を使用しています
- フロントエンドは Next.js App Router で作成しています
- API コールのフック作成に TanStack Query を使用しています
- フロントエンドの言語は TypeScript です

方法2. .cursor/rules（細かく決める）

.cursor/rules フォルダに、拡張子 .mdc のファイルを置きます。ファイルの先頭で、いつルールを使うかを決められます。

---
description: フロントエンドのルール
globs: frontend/**/*.tsx
alwaysApply: false
---

コンポーネントは関数で書いてください

• alwaysApply: true：すべてのチャットで使う
• globs：一致するファイルを扱うときに使う
• description だけ：AI が必要だと判断したときに使う

拡張子が .md のファイルは、このフォルダに置いても読み込まれません。

● アクティビティバーを VS Code と同じ縦向きにする

ユーザー設定で workbench.activityBar.orientation を vertical にします。

● haystackeditor

https://haystackeditor.com/

コードの関係を画面上に図のように並べて見られるエディタです。今の開発の状況は確認できていません。