Cursorの活用方法

これはGMO天秤AIのLTで発表した資料です。CurosorというAI Editorを活用した方法を紹介しているスライドになります。

Transcript

1. CursorでのAI活用 開発以外のこともできる
2. 簡単な自己紹介 名前: 橋本純一 職業: フリーランスエンジニア。 趣味: ケーキ屋さん巡り、動画編集、個人開発 【簡単な経歴紹介】 FlutterというGoogleが開発した技術で、iOS/Android/Web開発をやっております。 他には、Node.js、SwiftUIでの開発経験がございます。
3. 皆さんCursor使ってますか？ 開発するときに、Cursorを使うことがあるのですが、最近話題の Skillsが登場してから、コード生成の 質が上がったりコーディングルールを適用しやすくなりました。 コーディング以外にも使い道があるのですが、活用事例をご紹介しようと思います。 • どんな風に使えばいいのか？ • Skillsとは？ • 開発以外での活用事例
4. Skillsとは何か？ AIエージェントのスキル（Agent Skills）とは、AIに特定の専門業務を遂行させるための「指示、スクリプ ト、参照資料」をパッケージ化したオープンな標準フォーマットです。 開発者がGitHubのリポジトリで公開しております。 flutter-ai-rules
5. 使い方① cmd + shift + jを押すか設定画面のボタンをクリック して開きます。印のついてるボタンを押す。
6. 使い方② GitHubのURLを貼り付けて、Enter キーを押すだけ。Chatを開 いているときに、/ キーを押すと補完機能でskillsを作成するコマ ンドが表示される。
7. 使い方③ Cursorが自動でSkillsが記載されたMarkdownファイルを作成してくれます。自分でオリジナル のSkillsを作成することも可能です。
8. コーディング以外での活用例） 最近エンジニアではない人でも Cursorを使う事例が増えております。どのようなことができるのでしょう か？ 活用例） • 資料作成、marp-cliを使用すればMarkdownをPowerPointに変換することができます。 • PM（プロダクトマネージャー）が要件定義書や設計書を作る。 • プロジェクトのドキュメント作成。
9. marp-cliの活用例 メリット • レイアウトが崩れることもあるが、ぱっと見良さそうな資料を作ってくれる。 • Google Slideで表示することも可能 デメリット • 画像として生成されるのか編集ができない？
10. Marmaidの生成 シーケンス図の作成に使われることがある Marmaidを生成することも可能です。非エンジニアが、設 計書や業務フローの図を作成することも可能です。 PDFに加工するのを試してみましたが、 Marmaidは図にならずコードが書かれているままだった。　
11. 以上がCursorでの活用例でした。 ClaudeCodeでも同じことは可能です。CLIの方が好みか、Text Editorが好みかで使いやすさは変 わってくると思います。 今回使用したCursor Editorですが、$20のプランでしたが精度は以前使った時よりよくて、 AIも賢くなったと思った。お財布に優しい方なのでお薦めです。