Cursorでアプリ創ろ!
by
dokozon0
×
Copy
Open
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
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
おわり