Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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
おわり