Cursorエディタ＋Marpで爆速でスライド作成

## はじめに
皆さんはCursorエディタを使用されていますか？

Cursorエディタとは、AIを使ってコードの生成や修正の補助をしてくれる、 VS Code をフォークして作られた便利なエディタのことです。

趣味でPythonのスクリプトを書くために1か月ほど前から使い始めたのですが、中々便利で職場にも早く導入されないかな～とひそかに期待しています。※課金済

今回はそんな便利なCursorエディタの使い方を1つご紹介します。
もうすでに同様の手法が紹介されていたらごめんなさいです。

## 目的
目的は、Cursorエディタを活用してスライドの作成、修正、翻訳などをラクに行うことです。

書く内容が決まっているのに、いざスライドに起こそうとなると、スライド枚数に制限が課されていたりして、どこをどう要約して書けばよいか悩んだりしませんか？

あるいは英語資料に翻訳するなんてのも、日本語でエディタに記述→翻訳ツールにコピペ→ツールが英訳→英訳結果をエディタにコピペ…の繰り返しでとてもダルいと思います。

そんなあなた向けの活用法です。

## 使うもの
- VS Code
- Marp for VS Code Extension
- Cursorエディタ

## 前準備
まず VS Code を開き、VS Code に Marp for VS Code Extension を導入します。
導入済の方は何もしなくてOKです。

![VSCodeへのMarpの導入.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3781638/a6fb68da-8054-2850-d625-9f3df82c78cc.png)

次に Cursor エディタを開き、右上の歯車マークから設定を開いて、VSCodeの設定をインポートします。

![VSCode設定のインポート.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3781638/c4fcb1c8-d6af-ddff-a5b5-cfaf2ef997e0.png)

以上で準備完了です。（別の方法がもしかしたらあるかも？）

---
（24/5/25追記）
別の方法…**ありました（汗。**　というか、こちらが通常の方法でしょう。
CTRL + SHIFT + X を押すなどすればExtensionの画面が開けます。。。

え？普通にExtensionの画面開けばよくね？とか思った方々…**その通りです。**
ごめんなさい。

![ふつうに左上のタブからExtension画面にいけます.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3781638/a96109b5-c216-5029-0f5c-bc24b320a7ed.png)

![ふつうにViewからExtension導入できます.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3781638/b8e78fa0-7238-1e21-f514-67f99845993d.png)


## お試し
試しにアインシュタインに関する要約スライドを作成してみます。

### プロンプトに入力
Cursorエディタ上でファイルを新規に作成し、そこで CTRL + K を入力します。

すると、プロンプトが出てくるので、「アインシュタインに関する要約スライドを、marpプラグインを使って5ページぐらいで書いて」と書いてEnterしてみます。

コードが生成されるので、内容に問題がなさそうなら CTRL + Enter で確定させましょう。

![要約スライドを作ってもらう.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3781638/5a77b03c-fcf4-e4b3-6641-e2912aedb71e.png)

### プレビュー
プレビューしてみます。

![mdファイルの記述結果をプレビュー.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3781638/0bf1bf56-91fd-3023-59fc-1d1529186194.png)

![プレビュー結果.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3781638/507e4367-8dc2-cd50-67b4-ae8a2f5f1367.png)

できてますね。1~2分でできてしまいました。。。

### 翻訳
英語に翻訳してもらいます。

英語に直したい箇所を選択して CTRL + K でプロンプトを開き翻訳を依頼します。

![翻訳してもらう.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3781638/6984f466-ca6b-8a1f-85d4-92076bf1ffc0.png)

依頼を書いてEnterを押すと、翻訳が進んでいきます。プレビュー画面でみるみる英語化が進んでいくさまは見ていて楽しいです。

![翻訳中.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3781638/7ea71b9e-c33a-0acd-199f-59a872c8e1e6.png)


### pdf化
pdfにしてみます。

![pdfに出力.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3781638/6793ccaa-6712-e6e0-130b-8a03ec1c0f4d.png)

![pdfに出力2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3781638/ad026ab9-0eab-718f-86fb-7ec4aee708b9.png)

ダイアログが出てくるのでテキトーに保存してください。

## おわりに
今回はCursorエディタの使い方の1例をご紹介しました。いかがでしたでしょうか。個人的にはかなり応用範囲が広いんじゃないかと思っています。例えば、

ソースコードの機能を要約したスライドを枚数指定で作ってもらうとかも簡単にできそうですよね。

AIの進歩はすさまじいですね。最近だとGPT-4oがリリースされて、私もOpenAIの公式動画を見ましたが、開いた口がふさがらないほどの衝撃を受けました。

日進月歩のAI技術を有難く活用させてもらって、面倒な作業はサクッと終わらせましょう。

ありがとうございました。

## 参考文献
- [Cursor公式](https://cursor.sh/)
- [次世代のエディター Cursor(カーソル) を使いこなす](https://qiita.com/kota33/items/20a884cbd969cf1ce087)
- など多数