V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
jason5ng32
V2EX  ›  分享创造

我是个失业的产品经理,我写了一个 Chrome 扩展

  •  7
     
  •   jason5ng32 · 2023-11-03 11:57:18 +08:00 · 5734 次点击
    这是一个创建于 368 天前的主题,其中的信息可能已经有所发展或是发生改变。

    TLDR

    在 ChatGPT 和 Github Copilot 的帮助下,我写了一个 Chrome 主题扩展:

    主要实现 2 个功能:

    1. 将 macOS 非常漂亮的航拍屏保视频,变成 Chrome 的启动页
    2. 在启动页的搜索框输文字后,直接跳转到 ChatGPT 并开始对话
    3. 附加了一些装饰:随机格言、天气预报、当前时间等

    体验与吐槽地址: https://chrome.google.com/webstore/detail/macify-macos-screensaver/lgdipcalomggcjkohjhkhkbcpgladnoe

    正文

    没上班没在大公司卷已经整整一年了,这件事正好发生在我 35 岁的时候,正好命中了「互联网人 35 岁就失业」的预言,失业之前,我是某上市公司的部门负责人。

    然而,好汉不提当年勇(傻)了。想借着我这扩展,分享一下我使用 ChatGPT 写代码的感受。

    故事是这样的。

    最早的需求来源是我自己,我觉得 Apple TV 的航拍屏保视频很好看,后来我发现 macOS 里也有。然而,作为失业经常在家里发呆的人,电脑出现屏保的概率是很低的,而我又很想看这些漂亮的屏保,于是就想:能不能把这些屏保变成 Chrome 的启动页。毕竟,浏览器是我最常用的软件。

    在找了一堆扩展都无法实现我的需求后,我把目光投向了万能的 ChatGPT 。它告诉我,如果要实现这个需求,得做两件事:

    1. 写一个扩展,占领 Chrome 的启动页,并在视图里播放视频
    2. 把视频的 http 地址找出来,才能给你播放,Chrome 有安全限制,读取本地文件会受限

    然后我就想,咦,macOS 不是自带 Apache 么,将屏保视频所在的目录映射成 HTTP 服务不就可以了吗?

    于是,在大概和 ChatGPT 聊了 30 个回合后,第一版就完成了。

    后来我就想,既然都写了第一版了,反正我现在没啥事干,要不再加点功能吧,毕竟已经没在公司上班,需求不用过评审会,我就是唯一的用户,不用找数据分析师分析,也不用跟老板交代抓手是什么,我,自己说了算。

    陆陆续续搞了差不多一周时间,加了一些我自己需要的功能。

    然后我找了一个写前端的朋友,在我威迫利诱之下,他安装并进行测试,然后跟我说,「你让别人在本地部署 Apache ,这是多看得起别人的技术水平啊?」

    我觉得这个用户的反馈是合理的,他是我当时唯一的外部用户,也就是说,外部用户 100% 表示不希望自己搭建 HTTP 服务。作为产品经理兼数据分析师的我,一下子就得出了这个结论。

    于是,我就想能不能找到屏保视频的苹果官方下载地址……还真找到了。但是,遇到了一个严重的问题,这些视频所用的域名,在主流的操作系统,是不受信任的(除了苹果系的 Safari 浏览器),作为一个因爱好而写的扩展,也不可能自己花钱买个代理给潜在用户使用。于是我就问 ChatGPT ,应该怎么解,它说:你可以和苹果联系。

    啊,此时 ChatGPT 表现得特别像我在开评审会时遇到的,开会时就在打字,被 cue 时一脸懵逼的同事。

    思考许久之后,我想起来了 Cloudflare 这家良心公司,有一个叫 Cloudflare Worker 的产品,这个产品只限制请求数量,不限制流量。我心想,如果 CF 对苹果的根证书是信任的,是否可以通过 CF Worker 进行流量转发,从而规避浏览器对苹果证书不信任的问题?测试后发现,果真如此。虽然,这样使用可能有滥用的嫌疑。

    所以,最后我提供了 3 种视频源的方案:本地搭建、苹果服务器、CF 反向代理。

    当我让 ChatGPT 把相关代码写完之后,我这位资深前端朋友又跟我说,「你的代码需要重构一下」,我想,这难道就是大公司里常说的,用户看不见你做了什么,你却说你做了大量更新,背后的原理?

    「不,你最好保持主程序的简单和简洁,然后通过多个子程序来完成你的需求,这样便于维护」

    哦,我觉得他说得对。然后我差不多花了半天的时间,又和 ChatGPT 聊了 30 个回合,把代码做了一些规整。

    最后我想,要不,我直接把扩展放到 Chrome 的商店里吧,虽然写这个扩展最早是为了满足自己的需求,后来更多的是在学习,不过发布到商店还是有一些成就感的。然后就发布了。

    在发布时,我发现,我还需要一个图标,还需要产品介绍。好家伙,都用 ChatGPT 搞定了,不用再等设计组的组长排需求了。

    搞定,收工。

    感受

    与其说我在写代码,倒不如说我的大部分时间还是在当产品经理这个角色,给我的程序员兼设计师兼翻译 ChatGPT ,提需求。

    我最早玩 WordPress 的时候,自学了一丁点的 PHP 和 CSS2 ,JS 处在只看得懂 getElementById() 的水平。所以,最终的代码里,应该说有 70%-80% 的代码是 ChatGPT 写的。我手敲的代码仅在 CSS 、主函数和默认参数,以及注释这些小事上面。

    在这个过程中,有这些感受:

    1. 20 刀一个月的 ChatGPT 和一年 100 刀的 Github Copilot ,物超所值。
    2. 在功能思路,不要指望 ChatGPT 能帮上大忙,得自己来。自己都想不清楚,还找程序员写代码,当什么产品经理啊。
    3. CSS 基本上也得自己来,但可以让它按照你的要求先给基础代码。毕竟,样貌比逻辑难以用文字描述。
    4. 一定要先想好主程序的结构,然后让它帮你写子程序,它擅长单任务,一旦你给的需求多了,就乱套了。想好主程序,就成功了一半。
    5. 如果完全没有代码基础,可能没法很好地使用 ChatGPT 写代码,可能至少得看得懂,因为它只管帮你到达目的地,不管用什么交通工具。
    6. 需求必须要很明确,具体到每个细节,就像在大公司里产品经理和程序员沟通那样,不能模棱两可,你嘴里说要个圆形,你心里想的是月亮,但对方可能给你中式炒锅。
    7. 产品经理还是要多折腾,多搞搞技术,自己玩玩服务器啊代码啥的,后端说把接口写好了,你连个 Postman 都不会用,却只会做晋级 PPT ,这事,嗯,也经常发生。

    资源

    谢谢看到这里的各位大佬。

    第 1 条附言  ·  363 天前
    V1.6.0 更新:增加高频浏览网站列表功能,方便打开哪些我们高频浏览,但又不愿意放到收藏夹的 URL 。
    39 条回复    2023-11-08 00:27:24 +08:00
    darkengine
        1
    darkengine  
       2023-11-03 12:03:00 +08:00   ❤️ 1
    Chrome 的启动页是我停留时间最短的一个页面 。。。
    dofy
        2
    dofy  
       2023-11-03 12:10:39 +08:00   ❤️ 2
    好看! 已 star ,GitHub Copilot 现在也超好用。
    chuck1in
        3
    chuck1in  
       2023-11-03 12:19:58 +08:00
    某上市公司的部门负责人
    这个也能失业的吗,这么高的 title
    ruicky
        4
    ruicky  
       2023-11-03 13:43:29 +08:00
    edge 有上架吗?
    deiphi
        5
    deiphi  
       2023-11-03 13:53:32 +08:00
    看上去不错啊!
    elechi
        6
    elechi  
       2023-11-03 14:14:17 +08:00
    这个产品经理真不错!
    tudoubutudoupi
        7
    tudoubutudoupi  
       2023-11-03 15:26:15 +08:00   ❤️ 1
    厉害,产品经理现在都这么全能了吗,我们公司的产品经理也会业余搞网站,https://axurehub.com
    zqjilove
        8
    zqjilove  
       2023-11-03 17:04:37 +08:00
    插件开发者提交的官网地址是 kenengba ,好久没看到这个网站了!!!略微怀念!
    tbg
        9
    tbg  
       2023-11-03 17:44:31 +08:00
    @tudoubutudoupi 能送个 vip 吗哈哈哈
    jason5ng32
        10
    jason5ng32  
    OP
       2023-11-03 19:01:28 +08:00 via iPhone
    @zqjilove 泪目🥲,老朋友你好
    dvbs2000
        11
    dvbs2000  
       2023-11-03 19:31:42 +08:00
    Error fetching video directory. Please check the URL and instrutions then try again. 提示这个错误
    dvbs2000
        12
    dvbs2000  
       2023-11-03 19:42:21 +08:00
    @dvbs2000 是我没认真看提示 允许证书就可以了
    dvbs2000
        13
    dvbs2000  
       2023-11-03 19:46:52 +08:00   ❤️ 1
    非常赞~ 我的 chrome 一下子变得好高级
    lykhero
        14
    lykhero  
       2023-11-03 21:16:21 +08:00
    不懂技术。 问下各位大神,chrome 的插件是不是存在本地,是不是等于默认开源的啊
    iOCZ
        15
    iOCZ  
       2023-11-03 22:30:06 +08:00
    @lykhero 有些会压缩,加密啥的
    pengpengpeng
        16
    pengpengpeng  
       2023-11-03 23:18:44 +08:00
    阿禅,哈哈
    bn
        17
    bn  
       2023-11-03 23:43:18 +08:00
    竟然是阿蝉,wordpress 时代经常访问可能吧的路过
    sNullp
        18
    sNullp  
       2023-11-03 23:58:59 +08:00 via iPhone
    居然是啊蝉,我可是绿条时代的读者!
    vincentqi
        19
    vincentqi  
       2023-11-04 00:33:48 +08:00
    是 可能吧 吗
    E1n
        20
    E1n  
       2023-11-04 03:08:27 +08:00 via Android
    👍🏻
    ck65
        21
    ck65  
       2023-11-04 08:39:39 +08:00 via iPhone
    什么世道,禅叔失业。。
    jason5ng32
        22
    jason5ng32  
    OP
       2023-11-04 10:39:59 +08:00 via iPhone
    @bn 一晃 10 多年…
    jason5ng32
        23
    jason5ng32  
    OP
       2023-11-04 10:41:02 +08:00 via iPhone
    @sNullp 绿条…泪奔了😭
    atell
        24
    atell  
       2023-11-04 11:21:53 +08:00
    已经在用了,很喜欢
    zbowen66
        25
    zbowen66  
       2023-11-04 11:32:38 +08:00 via iPhone
    @darkengine #1 我几乎不会停留在启动页,搜索/书签全是由 alfred 启动
    Gimorocun
        26
    Gimorocun  
       2023-11-04 11:38:47 +08:00
    很棒的想法, 之前也做过 chrome 拓展, 要我做的话, 我只会想到在拓展里本地存储图片文件
    stiekel
        27
    stiekel  
       2023-11-04 11:47:34 +08:00
    多熟悉的 id 啊
    安装了,赞。
    auv1107
        28
    auv1107  
       2023-11-04 11:57:31 +08:00
    可能吧👍
    zq11211277
        29
    zq11211277  
       2023-11-04 12:30:24 +08:00
    可惜了
    kidlj
        30
    kidlj  
       2023-11-04 13:21:26 +08:00
    阿禅老师有重新就业的打算吗?我在一家国内的大模型创业公司招产品经理,可以内推。
    psterman
        31
    psterman  
       2023-11-04 13:42:53 +08:00
    vscode 现在上了通义免费插件,poe 也是免费的。
    你现在做的这件浪漫的事,有很多本站程序员当身家性命在做,如果不能功能细化,就只能浪漫一下。
    相信这件事也改变了你的工作流,如果能从中找到你的方向更好,再就业也行,吹个牛足够了
    liuxh7
        32
    liuxh7  
       2023-11-04 15:13:12 +08:00
    真不错,觉得很好看
    poterliu
        33
    poterliu  
       2023-11-04 15:56:41 +08:00
    不知道用过 itab 没,我觉得挺好的,https://www.itab.link
    crazyweeds
        34
    crazyweeds  
       2023-11-05 14:03:15 +08:00
    额,我也有一个,https://hutubox.com
    unii23i
        35
    unii23i  
       2023-11-06 09:43:10 +08:00
    想法和实践都很不错
    jason5ng32
        36
    jason5ng32  
    OP
       2023-11-06 11:40:43 +08:00
    @kidlj 谢谢你,我估计我不想再在互联网公司卷了
    tudoubutudoupi
        37
    tudoubutudoupi  
       2023-11-06 11:42:38 +08:00
    @tbg 哈哈哈哈帮你问了,报 v 友可以打一半折扣
    tbg
        38
    tbg  
       364 天前
    @tudoubutudoupi #37 这个站盈利情况如何呢
    jason5ng32
        39
    jason5ng32  
    OP
       363 天前
    @tudoubutudoupi 我以为是打骨折。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2946 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 14:49 · PVG 22:49 · LAX 06:49 · JFK 09:49
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.