喜获 Code for Better _ Hackathon 二等奖，简单复盘 & 礼物返图

2022 年 9 月 16 日，以 CODE FOR BETTER_ 为主题，以 2022 Google 开发者大会为契机举办的 Hackathon 大赛进行了线上颁奖仪式。多支优秀参赛队伍在赛程中展示了出色的开发能力，为心中所期待的美好生活，挑战开发潜能，探索代码塑造美好生活的多重可能，并最终获得一、二、三等奖及优秀奖，为本期 Hackathon 大赛画上圆满句号。

roudan.io 团队的“姆伊用药助手”基于 Web 、ChromeOS 技术，通过 PWA (Progressive Web Application) 带来能够有效预防疾病、增强治疗效果的解决方案。

代码构建美好生活：聚焦 Code For Better _ Hackathon 大赛的精彩与感动

---

-1. 先晒礼物

时间过得真快，距离参加 2022 Code for Better _ Hackathon 活动已经过去一个月了。现在的我，除了等待发工资之外，也在等待奖金下发，毕竟已经下单好几个大件了……

Anyway，这些天，参赛纪念品陆陆续续到位，周末闲来无事，拍几张图返给主办方吧。感谢各位的辛勤付出，方有这么好的写码机会。希望我们都再接再厉，明天又筑新辉煌。

这次的礼品分三批，分别是全员都有的：

• 布口袋
• 手机背贴支架
• 贴纸
• 工牌挂绳

因为快递不给力补发一次导致我有了两块的：

• 二等奖奖杯

以及二等奖礼包：

• 礼盒一个，包含：

  • 便携小风扇
  • 魔方
  • 马克杯（我晕，发现忘记拍了……）
• 书包

补一张马克杯

然后是 Joyqi 和 Sunny：

礼品放大版。

换个角度再来一次。

姆伊离场纯享版：

谢谢主办方。周日下午三点，“Vue3 开发扫雷游戏”最后一课，计划讲本地搭建开发环境和 Pinia 管理数据。欢迎大家光临。

后面计划用思否猫做个飞行射击小游戏，再开一次课，欢迎报名参加。

0. 创意来源

时间倒退到一年前。我在张大妈上申请到一款智能药盒，试用之后，感觉并不满意：它只能提醒我几点几分吃药；但是很多药，尤其是糖尿病相关药物，并不是按时吃就可以的，必须根据吃饭的时间来调整。如果我吃饭时间不固定，那这款药盒的价值就会大打折扣。

我也顺便试了试其它的 App，发现各家的想法都差不多，关注点主要在社交和家庭成员关怀上，而不是准确科学用药。毕竟前者有更大概率可以带来收入。

于是我就想自己做一个产品，满足根据吃饭的时间来定时提醒的需求。我跟几位产品经理朋友聊过这个想法，可惜这几位朋友和那些做用药助手的产品经理一样，本身没有慢性病，没有这方面的需求，对慢性病药物也不是很了解，所以对我的想法一笑置之。

1. 参加 Hackathon

我与思否有一些渊源，日常活跃在 segmentfault.com，偶然看到 Hackathon 的招募信息。我一下就被这次 hackathon 吸引了：

• 线下活动，即日起到参赛日都可以写代码，对于我这种中年慢性病患者来说很友好；
• 使用 Google 技术，沾边就可以，对于我这种 Web 开发者来说，等于没限制；
• 主题是 Code for Better _，很明显，_ 的意思是大家自己来填，正好可以做前文的用药助手，非常切题。

于是我立刻就报名了。十分坦率地说，我对获奖完全不抱任何期待，只想借助这个机会，把想象里的产品做出来。我也询问了之前的产品经理朋友，他们对 hackathon 兴趣寥寥，于是只能自组一队。

我的参赛作品就是：姆伊用药助手。

2. 技术选型

首先，毫无疑问，这个产品要能运行在移动平台上。

接下来，最重要的选择点是：推送和提醒。我国的移动环境比较难搞：Android 手机品牌太多，并没有统一的推送接口；苹果倒是有，但是市占率太有限；因为超级应用微信的存在，微信小程序和公众号的到达率比较理想，但是实际运营都需要公司实体，作为 hackathon 作品太重。

想来想去，我打算试试 PWA。我的考虑是：

1. 浏览器大部分基于 chromium 内核二次开发，PWA 可以近似认为全普及
2. PWA 基于 service worker，保活能力应该强于普通应用
3. PWA 一贯是 Google 主推的技术，符合参赛题目

于是，我准备基于 PWA notification API 实现功能。

3. 开发

开发的过程就比较平淡。前面说了，我其实没打算得奖，目标就两个：

1. 做出自己想要的产品
2. 体验 PWA Notification API

于是我选择 Vite + Vue3 + TailwindCSS 作为前端框架，利用晚上下班后的时间，开直播写了大概 4、5 个小时，就初步完成了计划的功能。代码在这个仓库：meathill/muidicine: 姆伊用药助手 (github.com)，大家有兴趣可以看下。

比较遗憾，因为时间关系，还没找到合适的 Service worker 计时方法，就该提交作品了。所以提醒功能没有能达到预期目标。

4. 小插曲

我没拉到队友，姆伊用药助手的产品规划也比较克制，所以我没打算再找帮手。不过我也挺想趁这个机会社交一把，于是，当我在群里看到有人想做浏览器扩展，就马上报名了。

那个主创的想法跟我另一个创意：共享首页 有些相像，于是我很想也掺一脚——当然，是在开发完姆伊用药助手之后。可惜的是，这个团队的开发进展很慢。他们犯了 hackathon 草台班子的大忌：目标定得太高，边界画的太远，需求远超一般业余时间能覆盖。于是商量好做啥之后，大家就各自上班搬砖，一直到最后都只有 PPT。

5. 得奖

我要再次强调，我没想到能得奖。得知入围决赛之后，我按部就班地准备 PPT、完成路演，接着便把这件事放在一边，继续干活搬砖。接着得到通知，入围获奖名单，我很开心，可也没抱什么幻想，觉得了不起就是个优秀奖，便按照要求写了获奖感言，继续边搬砖边等待颁奖。

现在想想有点后悔，应该抓紧时间把上面说的 service worker 计时方案搞定，说不定还能赶上一波宣传。

颁奖那天，我半开玩笑给姆伊许愿，说得奖了就给它吃牛排。本以为会是空头支票，没想到出乎意料，喜获二等奖。那自然不能食言，姆伊得到一大块牛排。

得奖感言见：2022 Code for Better _ Hackthon 获奖感言。

6. 总结

这应该是我参加的第三次 hackathon，终于不再陪跑，喜获大奖。但是我并不觉得掌握到取胜密码，下次参加可能还是无功而返。话说回来，我觉得我心态调整挺好的，本来也不图得奖，关键在于做了自己想做的东西、实践了平时没用到的技术，给自己的将来探索了更多可能性。

考虑到获奖感言里已经充分感谢过主办方和协办方，我这里就简单再感谢下 Google 和思否两家良心企业，为广大开发者举办这样好的 hackathon，希望将来越来越好。

我将来会继续参加类似的活动，希望能把自己的想法逐个付诸实施，创造的乐趣真的很棒。下一站：TiDB Hackathon 2022。