从零到一:利用 AI 开发 iOS App 《震感》的编程之旅

news2024/11/19 19:08:04

在网上看到一篇关于使用AI开发的编程经历,分享给大家

作者是如何在没有 iOS 开发经验的情况下,借助 AI(如 Claude 3 模型)成功开发并发布《震感》iOS 应用。

正文开始

2022 年 11 月,ChatGPT 诞生并迅速引发全球关注。过去两年间,生成式 AI 发展飞速,不论在模型层还是应用层,都有了显著的进展。

大部分人应该都体验过 ChatGPT,或者其他类似的生成式 AI 产品。你可能不仅仅是在闲聊,甚至在工作中也使用 AI 辅助工具来提高效率。毫无疑问,AI 将带来巨大的变革,未来与 AI 合作很可能成为每个人的必备技能。

这两年,我一直在关注 AI 技术的发展。每当新模型发布时,我都有过惊喜和失望的情绪波动。这种情绪周期的变化,时常让我感到一阵阵兴奋,又或是觉得期望与现实之间有差距。

alt

AI 发展观察者的情绪周期(由 Claude 绘制)

直到几个月前,Claude 3 Sonnet 模型发布(现在已经是 3.5 Sonnet),我意识到它的巨大潜力。于是,我决定挑战自己,尝试看看 AI 是否能够帮助我完成一直以来的梦想——开发一款 iOS app。

alt

Claude 模型能力对比

iOS开发:我决定入坑

这些年,尽管我一直关注 iOS 应用,但从未接触过 iOS 开发。我对 iOS 开发的了解几乎为零。知道有 Swift、Objective-C,也听说过 Xcode,但实际操作过的机会几乎没有。

iOS 开发
iOS 开发

Xcode 和 Swift

几年前,由于工作和学业的原因,我学过一些 Python,虽然我现在并不算专业的 Python 工程师,但我能写一些简单的脚本,解决工作中的小问题,也对数据库和网络请求等基本概念有所了解。所以,虽然完全没有 iOS 开发经验,我还是决定尝试做一款简单的地震信息 app(暂称《震感》)。

你可能能猜到,选择这个主题的原因非常随意。作为 2008 年大地震的亲历者,我对地震信息有着特殊的关注。现有的地震信息 app,要么界面丑,要么体积过大,我一直不太满意。

编码前:明确目标,规划框架

明确了做地震信息 app 后,我还需要解决一堆基础问题:

  1. 我该使用什么编程语言来开发?
  2. 需要下载什么工具?如何开始?
  3. App 的界面该怎么设计?需要哪些页面?
  4. 我可以投入多少时间?
  5. 如何将 app 发布到 App Store?

通过查阅资料和询问 AI,我得出了以下结论:

  1. 我决定使用 Apple 推荐的 SwiftUI 来开发原生 iOS app,不用第三方框架,尽量减少依赖,方便 AI 能利用官方文档。
  2. 我需要下载 Xcode,这是开发 iOS 应用的必备工具。
  3. 我参考了 Apple 的 人机界面指南,尽量使用原生控件,省去复杂的界面设计。
  4. 我能接受累计投入 1 个月周末时间来完成这个项目。
  5. 我需要每年支付 688 元注册 Apple Developer 账号,用于提交 app 到 App Store。

梳理思路,从零开始

注册了 Apple Developer 账号,下载了 Xcode,我面临的第一个问题是:“如何开始?”

我对 iOS 项目结构、代码组织等一无所知。于是,我让 Claude 帮我生成一个简单的 SwiftUI 项目(比如 Hello World),并一步步指导我运行。虽然我对 SwiftUI 代码完全看不懂,但它成功运行了。

接下来,我让 Claude 讲解了 iOS app 的基本结构,了解了应用的图标、页面组织和基础配置等内容。经过多次沟通,我初步掌握了 iOS app 的框架。

App 基础结构
App 基础结构

一款最简单的 iOS App 结构

细节:和AI一起逐步实现

与 AI 合作开发 iOS app 并不简单。如果你直接对 AI 说:“帮我做一个地震信息 app”,它肯定只会给你一大堆代码,并说“搞定”。但如果你把问题一步步细化,AI 才能帮你逐步解决。

例如,《震感》的主界面需要一个地图和地震事件列表。

alt

震感 App 主界面

我给 Claude 提示:“请在主页面显示地图,使用原生组件和 SwiftUI 语法。”拿到代码后,我将其粘贴到 Xcode 中,运行查看效果。如果地图显示不完整,我就继续与 AI 沟通:“我希望地图占据整个屏幕,请修改代码。”

如果遇到 Xcode 报错,我会将错误信息反馈给 AI,要求它帮我分析并修复问题。

总之,开发一个 app,需要将问题拆解成一个个小任务,与 AI 的多轮对话才能实现预期功能。

后端的挑战

随着开发的深入,我意识到《震感》并非纯粹的本地应用,它需要从网络获取实时地震数据,这就需要后端服务。

这时,我开始向 AI 请教如何搭建后端服务。最终,我选择了 Cloudflare 提供的无服务器产品,这样可以避免搭建复杂的云服务器,也能以较低的成本实现后端功能。

alt

震感 App 后端架构示意图

借助 AI 加速开发

和 AI 一起开发时,常常会遇到代码报错或功能无法实现的情况。此时,我会通过搜索引擎查找相关资料,并把新获取的信息输入给 AI 更新其知识库。

此外,我还会与 AI 转换角色,自己扮演测试工程师,通过反馈日志来加速解决问题。

项目迭代:AI成为产品经理

完成了最初的功能后,我便将整个项目交给 AI 来协助迭代。在 Claude 的 Project 功能下,我上传了整个代码库,并让 AI 深入了解项目结构,这让后续迭代更加高效。

alt

震感 app 的 Claude Project 配置截图

在不断优化迭代中,我通过 Git 管理代码,并将其上传到 Claude Project,让 AI 更加精准地帮助我做项目迭代。

震感 app 经过约 50 小时的努力,完成了第一个版本,并顺利上架 App Store。随后的迭代也在不断推进中。

alt

macOS 版本震感 app

总结:和AI编程的感受

AI 在这个过程中的帮助无处不在。它不仅是我的编程助手,也逐渐成为了我的设计师、产品经理,甚至是我的测试工程师。

与 AI 合作开发应用,不仅让我更高效地完成任务,还让我在开发过程中深刻感受到 AI 的潜力。未来,AI 很可能成为每个人编程的好伙伴,帮助我们实现从创意到落地的整个过程。

我也期待 AI 在未来带来更多创新,帮助更多人完成他们的编程梦想。

本文由 mdnice 多平台发布

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2243571.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【环境配置】macOS配置jdk与maven

配置jdk与maven 配置jdk与切换java版本命令 maven安装与配置国内镜像源 用到的命令 # 进入 JDK 安装目录 cd /Library/Java/JavaVirtualMachines# 查看文件 ls ➜ jdk-1.8.jdk jdk-11.jdk# 查看路径 pwd ➜ /Library/Java/JavaVirtualMachines# 打开环境变量配置文件 vi &…

新手教学系列——善用 VSCode 工作区,让开发更高效

引言 作为一名开发者,你是否曾经在项目中频繁地切换不同文件夹,打开无数个 VSCode 窗口?特别是当你同时参与多个项目或者处理多个模块时,这种情况更是家常便饭。很快,你的任务栏上挤满了 VSCode 的小图标,切换起来手忙脚乱,工作效率直线下降。这时候,你可能会问:“有…

<项目代码>YOLOv8 草莓成熟识别<目标检测>

YOLOv8是一种单阶段(one-stage)检测算法,它将目标检测问题转化为一个回归问题,能够在一次前向传播过程中同时完成目标的分类和定位任务。相较于两阶段检测算法(如Faster R-CNN),YOLOv8具有更高的…

【SpringBoot】发送简单邮件

在Spring Boot中发送邮件是一个常见的需求&#xff0c;通常使用JavaMail API结合Spring的邮件抽象来实现。Spring Boot提供了一个简单的配置和使用邮件发送的方法。 简单使用 添加依赖 首先&#xff0c;你需要在你的pom.xml文件中添加Spring Boot Starter Mail依赖。 <d…

Python模块、迭代器与正则表达式day10

1、Python模块 1.1模块的简介 在编写代码的时候&#xff0c;创建的.py文件就被称为一个模块 1.2模块的使用 想要在a文件里使用b文件的时候&#xff0c;只要在a文件中使用关键字import导入即可 1.2.2 from ...import...语句 导入模块可以使用import&#xff0c;如果只导入模…

ABAP开发学习——SNRO

SAP凭证号码的指定分为外部给号和内部给号。 Internal number range即内部给号,指系统根据预先维护好的号码范围&#xff08;只能是阿拉伯数字&#xff09;依序给号,给出已有数字的下一个编号。 External number range即外部给号,后台配置时指指定一个号码范围&#xff08;可以…

数据科学与SQL:如何计算排列熵?| 基于SQL实现

目录 0 引言 1 排列熵的计算原理 2 数据准备 3 问题分析 4 小结 0 引言 把“熵”应用在系统论中的信息管理方法称为熵方法。熵越大&#xff0c;说明系统越混乱&#xff0c;携带的信息越少&#xff1b;熵越小&#xff0c;说明系统越有序&#xff0c;携带的信息越多。在传感…

CSS(8):盒子阴影与文字阴影

一&#xff1a;盒子阴影text-shadow属性 1.box-shadow&#xff1a;h-shadow v-shadow blur spread color inset; 默认的是外部阴影outset&#xff0c;不能写在代码上 2.鼠标经过盒子后的阴影 rgba透明度 3.文字阴影 text-shadow:水平偏移 垂直偏移 模糊度 阴影颜色; 注意点…

《Python编程实训快速上手》第七天--文件与文件路径

该章节将使用Python在硬盘上创建、读取和保存文件 一、文件与文件路径 1、Windows中使用\以及macOS和Linux中使用/ 使用pathlib模块中的Path()函数进行文件名和目录的拼接,返回文件路径字符串 from pathlib import Path print(Path("spam","bacon",&qu…

Springboot如何打包部署服务器

文章目的&#xff1a;java项目打包成jar包或war包&#xff0c; 放在服务器上去运行 一、编写打包配置 1. pom.xml 在项目中的pom.xml文件里面修改<build>...</build>的代码 >> 简单打包成Jar形式&#xff0c;参考示例&#xff1a; <build><fina…

Video Duplicate Finder 快速识别并去除重复的视频和图像!

文章目录 下载 后续升级 Video Duplicate Finder&#xff08;视频重复查找器&#xff09;是一款开源的跨平台视频&#xff08;以及图像&#xff09;去重软件&#xff0c;通过对比文件内容和特征&#xff0c;快速识别出重复的视频和图像文件&#xff0c;即使是被压缩裁剪过、…

Python实现基础到高级:语音验证码技术详解

目录 一、语音验证码基础 1.1 语音验证码概述 1.2 Python语音验证码库 二、Python生成语音验证码 2.1 使用captcha库生成语音验证码 2.2 使用第三方语音合成服务API生成语音验证码 三、Python识别语音验证码 3.1 语音识别技术概述 3.2 使用百度语音识别API识别语音验证…

(附项目源码)Java开发语言,215 springboot 大学生爱心互助代购网站,计算机毕设程序开发+文案(LW+PPT)

摘 要 在网络信息的时代&#xff0c;众多的软件被开发出来&#xff0c;给用户带来了很大的选择余地&#xff0c;而且人们越来越追求更个性的需求。在这种时代背景下&#xff0c;企业只能以用户为导向&#xff0c;按品种分类规划&#xff0c;以产品的持续创新作为企业最重要的竞…

后端:Spring AOP原理--动态代理

文章目录 1. Spring AOP底层原理2. 代理模式3. 静态代理4. 动态代理4.1 jdk 实现动态代理4.2 cglib 实现动态代理4.3 jdk、cglib动态代理两者的区别 1. Spring AOP底层原理 创建容器 new applicationContext()&#xff1b;Spring把所有的Bean进行创建&#xff0c;进行依赖注入…

halcon3D gen_image_to_world_plane_map的图像高精度拼接技术

基于上一篇文章&#xff0c;对gen_image_to_world_plane_map有了深刻的理解 https://blog.csdn.net/Tianwen_running/article/details/143661157?fromshareblogdetail&sharetypeblogdetail&sharerId143661157&sharereferPC&sharesourceTianwen_running&s…

STM32 独立看门狗(IWDG)详解

目录 一、引言 二、独立看门狗的作用 三、独立看门狗的工作原理 1.时钟源 2.计数器 3.喂狗操作 4.超时时间计算 5.复位机制 四、独立看门狗相关寄存器 1.键寄存器&#xff08;IWDG_KR&#xff09; 2.预分频寄存器&#xff08;IWDG_PR&#xff09; 3.重载寄存器&…

《探索 Spring 核心容器:Bean 的奇妙世界》

一、Spring 核心容器与 Bean 的关系 Spring 核心容器是 Spring 框架的重要组成部分&#xff0c;负责管理和组织应用程序中的对象&#xff0c;而 Bean 则是构成应用程序主干并由 Spring IoC 容器管理的对象&#xff0c;二者紧密相连。 Spring 的核心容器由多个模块组成&#xf…

JFlash添加自定义MCU型号

1.打开安装路径 2.在Devices里创建你想添加的MCU的文件夹并把FLM文件放入 3.Jlink目录里找到JLinkDevices.xml文件 4.修改 <!-- --><!-- G32 --><!-- --><!-- --><!-- G32F103 --><!-- --><Device><ChipIn…

Linux中系统的延迟任务及定时任务

一、延时任务 at 命令&#xff0c;即用即消 如 at 11&#xff1a;30 rm -rf /mnt/* ctrld运行 &#xff08;过一秒即可执行&#xff09; -v 使用较明显的时间格式&#xff0c;列出at调度中的任务列表 -l 可列出目前系统上面的所有该用户的at调度 -c 可以列出后面接…

通过shell脚本分析部署nginx网络服务

通过shell脚本分析部署nginx网络服务 1.接收用户部署的服务名称 [rootlocalhost xzy]# vim 1.sh [rootlocalhost xzy]# chmod x 1.sh [rootlocalhost xzy]# ./1.sh2.判断服务是否安装 已安装&#xff1b;自定义网站配置路径为/www&#xff1b;并创建共享目录和网页文件&…