Tweet
Tweet

Slide 1

Slide 1 text

Cursorで学ぶ AI エディタ ShuzoN

Slide 2

Slide 2 text

自 己 紹 介 S h u z o N C A R T A 技 術 広 報 チ ー ム ・ マ ネ ー ジ ャ ー i n t r o d u c t i o n 略歴 2017 広告・人材支援 Webエンジニア 6年経験 2023 技術広報に転身。2024 チーム・マネージャーに。 2024年 公的・私的執筆 300エントリ↑

Slide 3

Slide 3 text

今 日 伝 え た い こ と A I エ デ ィ タ 、 マ ジ 便 利 だ よ

Slide 4

Slide 4 text

AI エディタとは？

Slide 5

Slide 5 text

A I エ デ ィ タ と は ？ A I エ デ ィ タ A I の サ ポ ー ト を 受 け ら れ る I D E

Slide 6

Slide 6 text

AI エディタの在り方 AI エディター そもそもAIフレンドリに 作られたエディタ 既存エディタのplugin

Slide 7

Slide 7 text

Cline, Devin との違い

Slide 8

Slide 8 text

C l i n e , D e v i n と の 違 い AI エディタ 人間がドライバー AIはサポート Devin AIエンジニア 人間はマネジメント Cline (RooCode) AIがドライバー 人間がサポート 自律度の違いで捉える。物事を動かすドライバー(運転手)が違う

Slide 9

Slide 9 text

ス コ ー プ 今 回 は C u r s o r を 扱 う

Slide 10

Slide 10 text

Cursorの使い方

Slide 11

Slide 11 text

C u r s o r と は ？ そ も そ も V S C o d e ベ ー ス な A I フ レ ン ド リ ー エ デ ィ タ ー つ ま り ほ ぼ 使 用 感 は V S C o d e AIがいる VS Codeと捉えて良い

Slide 12

Slide 12 text

基 本 機 能 Chat (inlineも) エディタ内でチャット 行単位で会話 Project Rules @mention 同じProject内の ファイルをメンション コンテキストに挿入 3つ基本機能がある Projectの方針を 自然言語で指定

Slide 13

Slide 13 text

Chat

Slide 14

Slide 14 text

画 面 構 成

Slide 15

Slide 15 text

画 面 構 成 編 集 画 面 D i r A I

Slide 16

Slide 16 text

C h a t 編 集 画 面 D i r A I メ イ ン 機 能

Slide 17

Slide 17 text

C h a t エ デ ィ タ 内 に 常 に A I が い る LLM選択可(サブスクで500回までinclusive)

Slide 18

Slide 18 text

Inline Chat こいつが便利

Slide 19

Slide 19 text

I n l i n e C h a t 行 単 位 で プ ロ ン プ ト が 打 て る 提 案 を C m d + y / n で 適 用 す る か 決 め れ る

Slide 20

Slide 20 text

@mention 最高の体験

Slide 21

Slide 21 text

@ メ ン シ ョ ン メ ン シ ョ ン で 文 脈 に 挿 入

Slide 22

Slide 22 text

実 は ぜ ん ぶ す で に 記 事 化 非エンジニア必見。─ Cursorがもたらす"不可逆な書く革命" https://note.com/shuzon__/n/n0e898b500e9a?from=notice

Slide 23

Slide 23 text

Project Rules 「前提」を定義

Slide 24

Slide 24 text

背 景 の メ タ 認 知 背 景 ・ 前 提 問 題 問 題 に は 必 ず 背 景 ・ 前 提 が あ る 。 そ れ を メ タ 認 知 さ せ る 機 能 解 法

Slide 25

Slide 25 text

P r o j e c t R u l e s 何 を 担 う シ ス テ ム な の か フ ォ ル ダ 構 造 と 意 味 コ ー デ ィ ン グ ル ー ル や 設 計 思 想 や っ て は い け な い こ と 何 も 知 ら な い 人 へ の オ ン ボ ー デ ィ ン グ に 近 い 内 容 m a r k d o w n で 記 述

Slide 26

Slide 26 text

MCP 外部のAPIいい感じに使うマン

Slide 27

Slide 27 text

M o d e l C o n t e x t P r o t o c o l ( M C P ) N o t i o n O b s i d i a n b r a v e - s e a r c h s e q u a n t i a l - t h i n k i n g 外 部 の A P I い い 感 じ に 使 う マ ン エ デ ィ タ 外 部 に あ る 機 能 を 利 用 す る 拡 張 機 能 足 せ る h t t p s : / / n o t e . c o m / s h u z o n _ _ / n / n a 2 a a f a c f 7 3 2 4

Slide 28

Slide 28 text

Chat Mode AIができることを変える

Slide 29

Slide 29 text

A I C h a t M o d e Ask コードの変更は行わない 問を深める Agent コード変更を行う 複数にまたがる複雑な処理 Edit コード変更を行う 1ターンで精緻な変更 https://goemon-biz.com/blog/2025/03/11/cursor-ask-agent-edit/ C h a t に も モ ー ド が い く つ か あ る