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

在网上看到一篇关于使用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.rhkb.cn/news/473141.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【Linux庖丁解牛】—Linux基本指令(下)!

目录 1、grep指令 2、zip/unzip指令 3、sz/rz指令 4、tar指令 ​编辑 5、scp指令 6、bc指令 7、uname –r指令 8、重要的几个热键 9、关机 10、完结撒花 1、grep指令 grep是文本过滤器,其作用是在指定的文件中过滤出包含你指定字符串的内容,…

小程序19-微信小程序的样式和组件介绍

在小程序中不能使用 HTML 标签,也就没有 DOM 和 BOM,CSS 也仅支持部分选择器 小程序提供了 WXML 进行页面结构的编写,WXSS 进行页面的样式编写 WXML 提供了 view、text、image、navigator等标签构建页面结构,小程序中标签称为组件…

VMD + CEEMDAN 二次分解,CNN-LSTM预测模型

往期精彩内容: 时序预测:LSTM、ARIMA、Holt-Winters、SARIMA模型的分析与比较 全是干货 | 数据集、学习资料、建模资源分享! EMD变体分解效果最好算法——CEEMDAN(五)-CSDN博客 拒绝信息泄露!VMD滚动分…

《生成式 AI》课程 第3講 CODE TASK 任务3:自定义任务的机器人

课程 《生成式 AI》课程 第3講:訓練不了人工智慧嗎?你可以訓練你自己-CSDN博客 我们希望你创建一个定制的服务机器人。 您可以想出任何您希望机器人执行的任务,例如,一个可以解决简单的数学问题的机器人0 一个机器人&#xff0c…

SOLIDWORKS Toolbox:一键自动化,让紧固件与零部件管理更高效

紧固件广泛应用于从手机到火箭的各种产品中。在SOLIDWORKS设计时,通过使用实际的CAD模型来包含和跟踪紧固件是最简便和全面的方法,这有助于理解设计的整体,并自动管理零件数据和设计文档,如工程图和物料清单(BOM)。 在SOLIDWORKS…

串口DMA接收不定长数据

STM32F767—>串口通信接收不定长数据的处理方法_stm32串口超时中断-CSDN博客 STM32-HAL库串口DMA空闲中断的正确使用方式解析SBUS信号_stm32 hal usart2 dma-CSDN博客 #define USART1_RxBuffSize 100 extern DMA_HandleTypeDef hdma_usart1_rx; //此处声明的变量在…

git简介和本地仓库创建,并提交修改。git config init status add commit

一、Git简介和本地仓库组成 1.1 git简介 视频教程在这 git简介,版本控制系统,工作区,暂存区,本地仓库_哔哩哔哩_bilibili 如下图,比如我们写毕业论文,要经常修改和完善,得靠自己保存&#x…

鸿蒙学习生态应用开发能力全景图-赋能套件(1)

文章目录 赋能套件鸿蒙生态应用开发能力全景图 赋能套件 鸿蒙生态白皮书: 全面阐释了鸿蒙生态下应用开发核心理念、关键能力以及创新体验,旨在帮助开发者快速、准确、全面的了解鸿蒙开发套件给开发者提供的能力全景和未来的愿景。 视频课程: 基于真实的开发场景,提供向导式…

vue+svg圆形进度条组件

vuesvg圆形进度条组件 一、实现思路二、ProgressCircle.vue三、父组件使用四、实现效果 一、实现思路 使用svg的circle元素画两个圆形&#xff0c;一个圆形控制进度&#xff0c;一个绘制底色 二、ProgressCircle.vue 代码示例&#xff1a; <template><!-- 圆形进度…

软件测试 —— 自动化基础

目录 前言 一、Web 自动化测试 1.什么是 Web 自动化测试 2.驱动 3.安装驱动管理 二、Selenium 1.简单 web 自动化测试示例 2.工作原理 三、元素定位 1.cssSelector 2.XPath 四、操作测试对象 1.点击/提交对象 2.模拟按键输入 3.清除文本内容 4.获取文本信息 5.…

基于SpringBoot的旅游网站(程序+数据库+报告)

基于SpringBoot的旅游网站&#xff0c;系统包含两种角色&#xff1a;管理员、用户,系统分为前台和后台两大模块&#xff0c;主要功能如下。 【前台】&#xff1a; - 首页&#xff1a;展示旅游网站的核心内容&#xff0c;包括推荐的旅游线路、最新的旅游资讯等。 - 旅游线路&am…

RabbitMQ教程:路由(Routing)(四)

文章目录 RabbitMQ教程&#xff1a;路由&#xff08;Routing&#xff09;&#xff08;四&#xff09;一、引言二、基本概念2.1 路由与绑定2.2 Direct交换机2.3 多绑定2.4 发送日志2.5 订阅 三、整合代码3.1 EmitLogDirectApp.cs3.2 ReceiveLogsDirectApp.cs3.3 推送所有和接收e…

AntFlow:一款高效灵活的开源工作流引擎

AntFlow 是一款功能强大、设计优雅的开源工作流引擎&#xff0c;其灵感来源于钉钉的工作流设计理念&#xff0c;旨在为企业和开发者提供灵活、高效的工作流解决方案。AntFlow 支持复杂的业务流程管理&#xff0c;具有高度可定制性&#xff0c;且拥有现代化的前端设计&#xff0…

游戏引擎学习第13天

视频参考:https://www.bilibili.com/video/BV1QQUaYMEEz/ 改代码的地方尽量一张图说清楚吧,懒得浪费时间 game.h #pragma once #include <cmath> #include <cstdint> #include <malloc.h>#define internal static // 用于定义内翻译单元内部函数 #…

中仕公考怎么样?事业编面试不去有影响吗?

事业编考试笔试已经通过&#xff0c;但是面试不去参加会有影响吗&#xff1f; 1. 自动放弃面试资格&#xff1a;未能按时出席事业单位的面试将被视为主动放弃该岗位的竞争机会。 2. 个人信誉问题&#xff1a;面试作为招聘流程的关键步骤&#xff0c;无故缺席可能被解释为诚信…

ElasticSearch学习笔记二:使用Java客户端

一、前言 在上一篇文章中&#xff0c;我们对ES有了最基本的认识&#xff0c;本着实用为主的原则&#xff0c;我们先不学很深的东西&#xff0c;今天打算先学习一下ES的Java客户端如何使用。 二、创建项目 1、普通Maven项目 1、创建一个Maven项目 2、Pom文件 <dependenc…

使用 Grafana api 查询 Datasource 数据

一、使用grafana 的api 接口 官方API 二、生成Api key 点击 Administration -》Users and accss -》Service accounts 进入页面 点击Add service account 创建 service account 点击Add service account token 点击 Generate token , 就可以生成 api key 了 三、进入grafana…

机器学习-36-对ML的思考之机器学习研究的初衷及科学研究的期望

文章目录 1 机器学习最初的样子1.1 知识工程诞生(专家系统)1.2 知识工程高潮期1.3 专家系统的瓶颈(知识获取)1.4 机器学习研究的初衷2 科学研究对机器学习的期望2.1 面向科学研究的机器学习轮廓2.2 机器学习及其应用研讨会2.3 智能信息处理系列研讨会2.4 机器学习对科学研究的重…

深入List集合:ArrayList与LinkedList的底层逻辑与区别

目录 一、前言 二、基本概念 三、相同之处 四、不同之处 五、ArrayList 底层 六、LinkedList 底层 七、ArrayList 应用场景 八、LinkedList 应用场景 九、ArrayList和LinkedList高级话题 十、总结 一、前言 在Java集合的广阔舞台上&#xff0c;ArrayList与LinkedLis…

python实现十进制转换二进制,tkinter界面

目录 需求 效果 代码实现 代码解释 需求 python实现十进制转换二进制 效果 代码实现 import tkinter as tk from tkinter import messageboxdef convert_to_binary():try:# 获取输入框中的十进制数decimal_number int(entry.get())# 转换为二进制binary_number bin(de…