Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Cursorという最強エディタを使いこなしたい
Search
ryome
June 03, 2024
0
290
Cursorという最強エディタを使いこなしたい
ryome
June 03, 2024
Tweet
Share
More Decks by ryome
See All by ryome
AWS MCPを使ってみた
ryome
0
280
ClineでAWS CDKやインフラ構成図作ってみた
ryome
1
480
PlaywrightというE2Eテストツールを布教したい
ryome
0
52
E2Eテストを自動化したい
ryome
0
70
AWS CodeBuildを高速化したい
ryome
0
500
CDKでAppSyncのJavaScriptリゾルバを開発したい
ryome
0
280
Cognitoの複数IDP認証でユーザを統合したい
ryome
1
1.2k
OAuth2.0完全に理解した
ryome
0
190
Amazon_CodeWhispererで生産性を爆上げする
ryome
0
70
Featured
See All Featured
Practical Orchestrator
shlominoach
190
11k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
Building Adaptive Systems
keathley
43
2.7k
Site-Speed That Sticks
csswizardry
10
780
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Optimizing for Happiness
mojombo
379
70k
Thoughts on Productivity
jonyablonski
69
4.8k
How to Ace a Technical Interview
jacobian
279
23k
Bash Introduction
62gerente
614
210k
KATA
mclloyd
32
14k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Transcript
Cursorという最強エディタを 使いこなしたい
Cursorとは? • Cursorは、Visual Studio Code(VSCode)をフォークして 作られたテキストエディタ。 • Cursorは、AIを利用してコードの自動生成やコード修正、 エラーの検出を行うことができる。 •
Cursorは、VSCodeの拡張機能も使用できる。
Cursorの課金方式 • Free o GPT4:50回 o GPT3.5:200回 • Pro(月額$20) o
GPT4:500回 o GPT3.5:無制限 • Business(月額$40) o GPT4:無制限 o GPT3.5:無制限
Cursorの様々な機能 • AIによるコード修正や生成 • AIチャットと@Symbols(ファイルメンション) • ドキュメント読み込み • Auto-Debug •
静的エラー解析
AIによるコード修正や生成 • ショートカットキー: o Mac:command + K o Windows:Ctrl +
K ウィンドウが表示されて AIに指示を行うテキストを 入力できるよ!
AIによるコード修正や生成 こんな感じでコード生成をしてくれるよ! 変更が気に入れば command + Y 気に入らなければ command + N
AIによるコード修正や生成 こんな感じでコード生成をしてくれるよ! カウントアップ、 カウントダウンが 動作することを確認
AIによるコード修正や生成 マイナスにならないようなコードの修正も可能!!
AIチャットと@Symbols • ショートカットキー: o Mac:command + L o Windows:Ctrl +
L プロジェクトの要約など あらゆる質問にAIが 答えてくれる
AIチャットと@Symbols ファイルを指定して、 処理の要約なども可能 「@」を使用してファイル指定で AIに質問が可能
ドキュメント読み込み チャットに「@Dock」と入力し、 「Add new doc」を選択する URLを入力する • AIにドキュメントを学ばせる
ドキュメント読み込み AIが学んだドキュメントに関する 質問ができる 以下のような回答が返ってくる
Auto-Debug • エラー原因をAIに分析させることが可能
Auto-Debug • エラー原因をAIに分析させることが可能
静的エラー解析 • 静的エラー時の対処法を提案をしてくれる
静的エラー解析 • 静的エラー時の対処法を提案をしてくれる チャットで質問を生成してくれる 適切な指摘とコードの変更など 具体的なアクションの 提示をしてくれる
設定関連 • プライバシーモードの設定 • モデルの選択 • API Keyの使用 • チャットの設定
• エディタの設定 • ターミナルの設定 • ヘルプ画面
プライバシーの設定 • 有効にするとコードなどがCursor側のサーバに保存されなくなる
モデル選択 • 新しいモデルの追加も可能! GPT-4oなども使用できる!
API Keyの使用 • OpenAI API Key, Anthropic API Key, Azure
API Key が利用可能!! • GPT-4やClaude, Azure の AI モデルを使用できる!! • API Key を使用した料金はかかるので注意!!!
チャットの設定 • Always search the web:AIチャットでWeb検索も行うようになる • Fade chat stream:AI
チャットの履歴がフェードアウトするようになる • Default no context:特定のファイルやコードを参照せず、一般的な質問が可 能になる
エディタの設定 • Show chat/edit tooltip:テキストをハイライトした際に、ツールチップを表示する • Auto parse inline edit
links:コード内のリンクをインラインの編集や生成に 使えるようにする。 • Auto select for Cmd + K:「Cmd + K」押下時にカーソルのある行やコードブロックを 自動選択する。
ターミナルの設定 • Terminal hint:ターミナルにマウスオーバーすると、ターミナルの使い方に 関するヒントが表示される • Show terminal hover hint:ターミナルにマウスオーバーした際にヒントが表
示される
ヘルプ画面 なんと、ヘルプ画面はチャット形式!!! Cursorで困ったことを質問すると AIが答えてくれる