和AI相关的记录放在前头：

▼

“一天不学错过全世界，一年不学什么也没错过。”

 这个梗听过么？

我现在是清楚地知道自己不是弄潮儿的料，没那个追热点、踩风口、造爆款的本事，就根据我的能力，以我的节奏，去尝试我想做的事。

零编程基础，靠AI，做了一个手机、电脑都能打开的在线小工具——「成都研学地图」，全程没写半行代码。

我让AI把我与其协作开发的全过程整理出来，与你分享。

▼

一切始于刷到的一条消息

有一天我刷到，有人靠和AI聊天捣鼓出个选团建目的地的小程序。

那一刻，之前做党建活动计划费劲筛选党员教育现场教学点的记忆醒了过来，我就想，团建能这么弄，选研学目的地是不是也能这么搞。

于是我就给AI说，我看有人做了选团建地方的小工具，于是我想弄个选研学教学点的小工具。

这个表述可以说是相当模糊，毕竟其实我并清楚自己想要什么，只有个一闪而出的念头而已，当然也就说不清楚小程序需要长什么样。

AI也没让我去写需求文档，而是直接撸出一个大致的样子——一张成都地图，上面标了点，点开能看基本信息。

那个粗糙的第一版，让我一下子有了感觉：哦，原来我想要的是这样的。

接下来，没有哪一步是"想清楚再干"，都是"看着干、边看边改"：

-地图上的点太少了 → 让 AI 把指南里的教学点都加进来；

-路线分不清 → 让它按研学主题分成几条线；

-配色太丑 → 说"换一个"；

-简介里混进奇怪东西 → 说"帮我清掉"。

tips：

边聊边做的精髓，不是"我想清楚了你来实现"，而是"我先让你搞个大概，我看着实物再告诉你哪里不对"。你不需要一开始就想明白，你需要的是先让 AI 动起来。

繁琐的骨头，AI 帮我啃下来

数据一多，人工处理就麻烦起来。

148 个教学点的信息，全在一份上百页的PDF里——名称、地址、电话、简介、研学时长、承接能力……密密麻麻。

以前我要梳理备选点位，都是手动整理。

这次AI直接把这几百页PDF读了一遍，把信息一条条提取出来，整理成结构化清单，还自动按7条路线、4个片区分好类。

我做的事特别简单，核对"对不对""漏没漏"，遇到个别对不上的，我再指给它，它去补。

tips：

脏活累活交给 AI，你只管把握"方向对不对"。

让工具"好看"，其实是"说感觉"

我希望这个工具看起来正规、清爽，但我对设计也是门外汉，怎么办？

用大白话描述感觉：

-按钮细节：弹窗里的"查看详情"按钮，我说"调成淡蓝色"，它就改成了淡蓝。

-路线配色：7 条路线各有颜色，但"成都足迹"原本的红色和"红色教育"的红色太像、分不清。我说"换一个能区分开的"，AI 把它改成了金色，一下子就清楚了。

-小程序头像：我跟 AI 说"要一个红色圆形底、中间一个白色定位标记、再加一颗五角星"，它就生成出来了。我说"去掉水印""背景色和右下角文字一致"，它就改。

tips：

设计你不用自己会，你会"说感觉"就行。看到不对的就截图发过去，说"这里再淡一点""那个圆角小一点"，来回几次就成了。

踩过的坑，AI 帮我填

做工具不可能一帆风顺。

我确实是小白，但我搭子是行家里手，我最大的底气是：出问题不用自己查，截图发过去就行。

坑 1：别人打开网页，地图是空白的。

我自己的电脑上能看到地图，发给朋友却是一片空白。

AI 一查就明白了：原来地图底图用的是国外的服务，在国内加载不出来。

它把地图底图换成了高德地图的源，重新发布，朋友那边立刻就能看了。

坑 2：点位的"简介"里混进了不该有的内容。

我抽查时发现，有些点位的简介末尾被带进了"研学时长 XX 分钟""承接能力 XX 人/批次""扫码看地址"这类信息，读起来很乱。

AI 写了一段清洗程序，一次性把这 148 个点位的简介都整理干净，只保留纯介绍文字。

tips：

别怕出问题。把现象描述清楚（最好配截图），说一句"帮我看看怎么回事"，剩下的交给 AI。

上线！我的网站真的有人访问了

当 AI 告诉我"已经部署到云端，这是你的网址"时，我确实雀跃了起来。

网址：https://002609cdf700491283ecf643d13de3e3.app.codebuddy.work

我把链接分享出去，朋友点开，地图上密密麻麻的教学点跳出来，能搜、能点、能看简介。

一个不会写代码的人，做出的东西别人真的在用。

后来我又加了两件事：

-访问统计：接入百度统计，能看每天多少人访问、从哪来。注册、拿代码、植入、重新发布，全程 AI 带着我点几下就搞定了。

-微信小程序版：用"网页壳"的方式把同一个网页嵌进小程序，一套界面、两端通用，不用做两遍。

写给和我一样"不懂技术"的你

如果你也心动了，想用 AI 做点自己的小工具，我把这几条心法留给你：

1. 别等"想清楚"再开始，先让 AI 出个样子。

我最初只有一个模糊的念头（看到别人做了个团建小工具，联想到研学）。

我直接让 AI 先撸个大概，看着那个粗糙的第一版，我才慢慢知道"我要的到底是什么"。

需求不是坐在那儿想出来的，是看着东西改出来的。

2. 小步快跑，一次改一个点。

别指望一次到位。

今天调个颜色，明天修个地图，后天加个统计......

每次只提一个小要求，改完看效果，不满意就说"再调"。

3. 你是方向盘，AI 是发动机。

AI 不会替你做决定，它只是把你说的变成现实。

方向、审美、取舍，始终在你手里。

最后几句：

当没有AI的时候，"做个网站"确实离我不近，毕竟隔行如隔山。

现在，门槛不是"会不会写代码"，而是"敢不敢开始、能不能把想法说清楚"。

AI 把那堵墙拆了一大半，剩下的，是你迈出第一步。

如果你也有想做个什么小工具，别等"学会了再干"，就明后天，打开AI，开口说出第一句吧。

▼

开发时间线

六月中旬：

需求梳理 + PDF 数据提取，构建 7 路线 / 23 区县 / 4 片区结构

六月下旬：

界面交互打磨，点位颜色与片区对应，"成都足迹"路线改金色

六月底：

补全 148 个点位简介；发布网页版 + 小程序 web-view 壳

七月初：

修复地图底图（换高德源）；接入百度统计，访问量可查

▼