缘起

经常在网上看到如下的图片:

觉得很有意思。于是我问了问万能的朋友圈:怎么制作这样的图片?

结果没人能给出答案,只有一个小伙伴提供了这种图片的出处是一位叫“语文指挥中心”的微博博主。

反正周六下午赋闲在家,不如撸起袖子造个轮子。这里很关键,三分钟热度的时候一定要抓住,赶紧动手,让这个热度保持的时间长一点

其实整个项目最难的地方是拼音如何显示,总不能让用户自己输入拼音字符吧。我立马想到让用户输入声母韵母和声调,这样我可以用一个 hashMap 算出声调该标在韵母的哪个位置,但是这个方案用户用起来还是很复杂。随即我打开了真·万能的谷哥,发现 pinyinjs 可以完美解决我的需求,于是从想法到开干,总共用了几分钟。

这里还有个小插曲:我其实还想趁此机会尝试一下 Taro 这个框架,可以写一套代码导出 H5、微信、支付宝、头条、百度等小程序,事半功倍。但我一口气把整个项目撸完以后,发现导出的微信小程序存在很多问题,加 patch 的成本足够我重新写一个原生的小程序了,于是最终放弃 Taro。当然也可能是我使用的姿势不对,当时我是躺着写代码的。*

大概用了两三个小时,我就偷偷发布了在线版

https://new-words.now.sh/

小程序写了一大半,但是当时赶着出去吃火锅就搁置了,回来发现最关键的三分钟热度凉了,于是草草收场,等以后再拾起来吧(你懂的,以后)。

使用

现在的版本还存在一些问题:

  • 名词那行的字数我限定了最长 10 个,一行 5 个,超过这个很难看
  • 拼音转换如果支持多音字的话,拼音库大小要达到 20m+
  • 移动端字体没有楷体和仿宋,现在使用 Google Font Noto 代替

项目代码我已经开源在 GitHub: https://github.com/geekplux/new_words

在线地址是: https://new-words.now.sh/

你也可以点击文末的“阅读原文”查看(记得点访问原网页,其实最好是复制到浏览器访问)。

发散的臆想

其实光做一个工具页面没什么意思,主要是满足我自己的需求(我估计用的人很少很少)。如果做成一个信息流可能会更好玩,把用户创造的名词存下来,其它用户可以点赞,点赞最多的上热门排行,可以分享转发。这样会不会提升使用率呢?可能只是我的臆想罢了,这个需求应该不算旺盛。

啰嗦这么多,除了发布这个工具,我想说的是:

  • 想做一件事的时候就立马去做,不要犹豫,不要拖延。可能只需要半小时就把 90% 的工作都做完了。
  • 剩下的 10% 其实是最难的,但是可以先发布一个初版,收集反馈再去优化迭代,发布之前的想法都是臆想。