Cursorでアプリ創ろ！

Slide 1

Slide 1 text

Cursorでアプリ創ろ！ potatotips #89 2024/10/23

Slide 2

Slide 2 text

プロフィール GMOペパボ株式会社 SUZURI事業部 ⚪現在中学校理科教員→ベンチャー ⚪これまで個人開発(7万DL) 愛知-長崎チャリで往復 ⚪好きなものなど ⚪名前どこぞの @dokozon0

Slide 3

Slide 3 text

Cursor知ってる人 🙋

Slide 4

Slide 4 text

Cursorでアプリ創ったことある人 🙋

Slide 5

Slide 5 text

今日のゴールお！ちょっと Cursorでアプリ創ってみるか！と思ってもらうこと

Slide 6

Slide 6 text

Composer 複数ファイルにまたがってコードを生成！ 02 Cursorのこれすごい Docs 01 ドキュメントを読み込ませていつでも教えてもらえる！

Slide 7

Slide 7 text

Docs URLを読み込ませるだけでドキュメントになります @で呼び出せばそのページの内容について教えてもらえます

Slide 8

Slide 8 text

いいですねぇ〜 👏

Slide 9

Slide 9 text

Composer アプリの仕様を入力して複数ファイルの生成 @PokeAPI 図鑑番号が1~151のポケモンの画像を取得し、表示するアプリを作成してください。画面のUIは横2列で縦にスクロールできるようにしてください。またアーキテクチャにはMVVMを採用し、ViewModel、Modelはそれぞれファイルを分けてください実際に使った指示文

Slide 10

Slide 10 text

Composer async/awaitなど使ってはいないけど、再度指示すれば書き直してくれる

Slide 11

Slide 11 text

いいですねぇ〜 👏

Slide 12

Slide 12 text

Xcodeからビルドする Folder管理していない場合は、 Cursorで生成したファイルが Xcodeに表示されていないので Add Filesから追加する ※Xcode16からはデフォルトで Folder管理に

Slide 13

Slide 13 text

Cursorからビルドする SweetPad: Cursorからビルドできるようになる VSCodeの拡張機能ビルド以外にも Autocomplete機能もある ※Autocomplete: 引数とかの補完 Folder管理にしてると XcodeでAdd Filesしなくて良いので便利。

Slide 14

Slide 14 text

完成 🎉

Slide 15

Slide 15 text

ちょっと使ってみて - ベースをサクッと書いてくれる - Docsがapiの使用方法など簡潔にまとめて教えてくれる - CursorからXcodeを挟まずビルドすることもできる (Sweetpad) - コード補完 (Copilot的な)のもよい - ターミナルのコマンドエラーなども解決策を教えてくれるよいプライバシー関連は気を付ける必要があるが、その他、特別なにかデメリットがあるという感じもないので、まずは触ってみると良さそう。

Slide 16

Slide 16 text

おわり