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

おわり