Topics

Claude × 非工程师开发应用① - 边做、边试、边调整。像“培养”应用一样的全新制作方式

  • column

“用AI开发应用”这件事本身,如今已经不算什么稀奇的事情了。

不久前,提到AI,大家印象更深的还是能帮忙总结文章、整理创意的“得力助手”,但最近,它正逐渐转变为能够主导开发工作的“可靠伙伴”。

本公司成员接触AI的机会也越来越多,“我也想做点什么”的念头,正是这次应用开发的起点。

我原本想着“既然要做,就做点对工作有用的东西……”,但最先浮现在脑海里的,却不是工作,而是兴趣爱好。

最近我迷上了看电影,每周都会看好几部,于是把待看计划和喜欢的作品全都记在了iPhone的备忘录里。

然而,清单增长得太快,而且相似的片名又很多,经常出现“咦,这部我看过了吗?”的情况。最终,备忘录的管理方式彻底崩溃了。

于是我决定“干脆做一个专属工具”,这次要介绍的就是我做的“电影观看清单”。

即使是粗略的提示词,也能做出可运行的应用

说到使用AI开发,很多人可能会觉得必须写出把每个细节都拆解清楚的提示词。

也有不少人认为,只有先整理好背景和规格,把需求毫无遗漏地传达出去,才能做出像样的东西吧。

当然,如果能把背景和规格整理好一并交给AI,那自然是最好的。不过这次实际尝试下来发现,即使是相当粗略的指示,它也能准确理解我的意图并完成实现。

或许是因为这是个简单的应用,但只是把想要的功能一股脑塞进提示词里,最终也做出了能正常运行的应用。最初的提示词大致是这样的:

我想做一个电影观看清单。
因为只是原型,希望仅用一个HTML文件完成,在浏览器中打开就能立即使用。
功能方面,希望可以输入作品标题以及在哪里播放(如U-Next、Prime Video等)进行登记,并能以列表形式查看已登记的作品。
另外,还希望能添加“已观看”的勾选标记。

如果不使用AI进行传统开发,即便是再简单的东西,“设计UI”“选择要用的技术”“编写代码”这些步骤下来,也轻轻松松就会耗掉好几个小时。而Claude只用了短短几分钟就理解了想做的东西,从选定最合适的UI和工具到完成实现,干净利落地全部搞定了。

速度之快,让我在惊叹之余甚至有些发毛。

速度快到这个程度,人的欲望也随之不断膨胀。基础版本做好之后,我把想到的需求一股脑地持续抛了出去。当时的提示词也谈不上工整,只是把在意的地方列成条目,然后说一句“改一下这里”之类的话。要是对着人类工程师这样提要求,对方肯定会很不高兴。

就这样随意地来回几轮之后,观看清单的大致框架很快就完成了。
包括细节调整在内,从开始到做出初版应用,大约只花了一个小时。

想到就立即实现。边添加边培养。

框架搭建完成后的几天,设置了一个环节让大家相互展示各自用AI制作的应用,我因此得以看到其他成员的作品。其中有一位成员正在制作一款集成了“Gemini Nano”的应用。

看到它的瞬间,我想到“说起来,我自己在找想看的电影时也在用Gemini。如果把它集成到应用里,是不是就能以观看清单为基础来找电影了?”于是回家后立刻重新开始开发。

如果是对人,在开发途中擅自增加需求大概会被骂,但这种事AI也能轻松应对,这正是它厉害的地方。这次也只用了几分钟就实现了电影搜索功能。

搜索功能就这样顺利完成了,接下来我开始在意的是“准确度”。

最初的设计非常粗略:仅依据观看清单中电影的标题和类型,让AI推荐◯部电影。结果问题在于,虽然类型相符,却常常推荐与自己喜好不符的电影。我也尝试过改为以收藏的作品为基础进行推荐等各种方式,但结果并没有改变。

我想,仅凭标题和类型可能信息不足,于是决定为每部电影加上剧情简介。但我绝对不想一部一部手动输入简介,太麻烦了……。思来想去,这次也决定借助AI的力量。

改造为“根据清单中输入的标题自动登记剧情简介”的机制。为了保证简介的准确性,我又让Claude编写代码:通过Wikipedia的API,根据登记的标题获取相关信息,并以此为基础由AI自动生成简介。

说实话,即便如此仍有些地方准确度不够,最终我也在考虑升级为与TMDB API对接。不过,已经达到了“偶尔出点小错也可以原谅”的程度。这一系列细微调整所花的时间,也只有2到3个小时左右。

顺带一提,后来打算在真机上实际使用时,发现Gemini Nano似乎无法使用,于是最终改用了Gemini API。免费额度虽然对请求次数有所限制,但能使用比Gemini Nano更好的模型,因此准确度大幅提升。

简单介绍一下完成的应用

这款应用是边想边改、真正做到了“边用边成长”,回过神来,已经具备了如下功能。

【观看清单】

  • 登记影片标题、类型、流媒体服务和剧情简介
  • 利用各类 API 自动生成“剧情简介”
  • “未观看 / 已观看”的切换勾选
  • 支持按类型、收藏以及未观看/已观看进行筛选

【影片搜索】

  • 基于收藏信息,由 Gemini 推荐电影
  • 可指定类型和推荐数量
  • 一键将推荐的作品加入观看清单
  • 已观看的电影也可以带着“已观看”状态添加到清单中

以前“找电影”和“记录电影”这两件事是分开进行的,现在都集中到这一个应用里了。
以前每次搜索都要向AI重新描述自己的喜好,现在这个麻烦也没有了,随时都能找到符合喜好的电影。

观看清单原本的用途也更好用了,可以按观看状态、收藏和类型进行筛选,管理起来比备忘录时代方便太多了。

我个人最满意的一点是,搜索结果中如果有清单里漏记的作品,可以一键添加。
不用再特意输入片名进行登记,也省下了不少功夫。

总结

读到这里,您可能已经注意到了,这次开发这个应用,我一行代码都没有写。只需用文字告诉Claude“想要这样的功能”,它就会把所有内容都实现出来。

实际做下来,我最大的感受是“不必一开始就确定最终形态”。边用边想到“这个也想要”“这里好像不太对”,然后每次都告诉Claude。与其说是在“制作”应用,不如说更接近“培养”它的感觉。

如果有人觉得“提示词必须写得很规范”而迟迟不敢开始,不妨先随便试着提一提需求。如果做出来的东西和预想不一样,慢慢修改就行了,也谈不上什么真正的失败。亲自试一次,就会有“咦,意外地可行嘛”的感觉。

请一定轻松地试一试吧。

撰写本文的人

从应届入职起步、正在努力成长为独当一面的总监!我每天都在挑战,立志成为涵盖设计到广告运营各个领域的多面手。工作中,我致力于打造精巧的项目指导;私下里,则在被称为“家”的堡垒中尽情享受宅居生活。我喜欢动画。

Handan酱

Web总监 / 2022年入职

查看此员工的文章

以稳健的团队体制和迅速的应对能力为傲

Liberogic 的资深团队积极推动项目,因此深受客户好评。
我们致力于合理配置项目经理与总监,确保整个项目顺利推进。 我们采用按需投入的方式,避免不必要的全员投入导致成本增加,合理分配资源、人尽其才。同时,我们在掌握业务内容、制作与提交报价方面的速度也广受好评。

※ 当社不积极开展 SES 类驻场业务,敬请谅解。

您可以使用 Slack、Teams、Redmine、Backlog、Asana、Jira、Notion、Google Workspace、Zoom、Webex 等几乎所有主流的项目管理工具和聊天工具。

Web 方面的烦恼,欢迎随时咨询。

案例分析