當前位置:
首頁 > 新聞 > 為了給老闆「治病」,這個程序員專門做了個小程序……

為了給老闆「治病」,這個程序員專門做了個小程序……

知曉程序註:

「曉組織」是知曉程序推出的全新欄目。

這裡是「曉組織」的第 11 期。

本期的分享嘉賓是「小正念」的開發者沈鑫。

大家好,我是沈鑫,是一名 iOS 開發工程師,在賣個萌科技(深圳)有限公司工作。

前段時間,我們開發了一款名叫「小正念」的小程序。它的功能很簡單:按住屏幕,讓屏幕中間的墨塊不斷增長。

很無聊是不是?對,就是要讓你放下沒有完成的工作,離開看不完的公眾號文章,停止做任何有意義的事情,活在當下。


正念,是個什麼東西?

正念,其實是一個佛教用語,指的是觀察事物的本身——我們的念頭,情緒,身體感受以及周邊發生的一切。關注當下你身心中正在發生的想法或者感受。

iOS 用戶可能會發現,在「健康」這個原生 app 裡面,就有「正念訓練」這一功能。

而在矽谷鄙視鏈中,正念(Mindfulness)排名第四,比買特斯拉和做天使投資人逼格更高。

試想,如果你身邊都是優秀的人,今天這個買了輛跑車,明天某個你瞧不上的小夥子上市敲鐘了。看著這樣的朋友圈,你焦不焦慮?

而「小正念」就是一款可以治療矽谷病(焦慮)的小軟體。


為了給公司 CEO 治病,所以開發「小正念」

作為一個已經或者即將失敗的互聯網創業者,我們公司的 CEO 也有矽谷綜合症。

一方面創業收入不比在大廠做高管,生活上有一些壓力;另外,時不時能看到一些產品能一夜爆紅。不可避免的,他也會有一些焦慮。

因此,他專門去參加過一些正念冥想的活動,聽過一些正念冥想的語音課程。

但是那些工具都不夠簡單好用,所以「小正念」主要是開發了給老闆治病用的。

可能有些搞產品的人會發現,「小正念」長得很像一款名叫 Pause 的 app。是的,交互方面基本上照抄的。我把它發到朋友圈得到了不少朋友盛讚,畢竟是紀念碑谷的開發商 ustwo 做的,定價¥15。


為什麼要做成一個小程序?

作為一個 iOS 程序員,成天要跟各種 crash 搏鬥。

做這個小程序之前,我沒寫過 javascript、css,看了兩天小程序開發文檔,就可以開始擼代碼。雖然 iOS 兼容性比較好做,但是小程序做起來舒爽多了。

另外,反正大部分應用做出來都沒什麼人用,為什麼不選個低成本的方式呢?

小程序開發的一些坑

1. 沒有防息屏

註:在最新的基礎庫 1.4 中,微信增加了 setKeepScreenOn API 修復了該問題。

小程序確實有些能力限制,其中看起來很小,而實際上很大的限制一直沒有解除:防息屏。

大家都知道小程序剛上線時的「小睡眠」,播不了一會兒就掛了,要不是這個問題小睡眠早火了。

正念冥想類的產品其實不太需要交互,只要聽就行了。然而,因為這個坑,大部分產品的體驗都很糟糕。「小正念」的交互很巧妙地「利用」了小程序的這一大技術缺陷。

2. Canvas 的性能要差一些

我們不像 ustwo 一樣有很強的遊戲開發經驗,開發「小正念」之前,連 canvas 都沒有玩過,當然也不太懂它的這些效果是怎麼做到的。

所以,這麼個小軟體,我也折騰了兩周多時間。

剛開始不知道這麼複雜的動畫效果在小程序中性能怎麼樣,所以做了各種簡單的原型動畫。通過原型動畫測試後,我們又來找主要的流體物理模型,然後再一個個的物理模型疊加上去,最終效果在多種機型上勉強可以接受了。

其間,我們對比了小程序和瀏覽器的 canvas 效果,小程序 canvas 性能比瀏覽器明顯差一些。

3. Canvas 在安卓和 iOS 表現不一致

在使用我們的程序的時候,會看到有很多小的墨塊不斷的向中心大墨塊聚攏,可以看到小墨塊的顏色與大墨塊保持一致。但是,在開發過程中出現了在 iOS 設備上小墨塊顏色正常顯示,但是在 Android 設備上小墨塊顏色不停閃動並顯示成其他的顏色。

最開始的時候,認為是小程序自己的 bug,經過幾個小時的調試,才發現在是畫小墨塊的問題。在畫完一個小墨塊後必須要調用 context.restore() 和 context.save() 這兩個 API,不然會出現顏色無法正常顯示或其他無法預料的問題。

4. 不能設置標題欄顏色

註:在最新的基礎庫 1.4 中,微信增加了 setNavigationBarColor API 修復了該問題。

現在大家可能進去只看到一種顏色:綠色。因為標題欄的顏色必須在 app.json 中定義,所以我們做了 5 個顏色的頁面,每個頁面分別一個顏色。

最後用 index 頁面跳轉。因為坑(5),最終還是沒能實現 5 個顏色主題的效果。

5. 頁面跳轉失敗問題

還是顏色主題的問題,為了規避坑(4)的問題,我們做了 5 個頁面跳轉。然而,這個最簡單的頁面跳轉在某些神秘的機型上有問題。小程序審核團隊鍋甩過來說有問題,我們也沒辦法。

頁面跳轉失敗的問題,我們在閃電健身中有碰到過,一般我們通過 setTimeout 之後跳轉會有改善。但是很不幸,並不能完全解決這個問題。

最後被拒了三次之後,我們只能放棄了。


產品表現和後續計劃

「小正念」放在微信里,自然流量也就一天幾十個,後面我們集成到「閃電健身」小程序。累計用戶現在約 1 萬,但是留存率很低,表現不是太好。

GIF/679K

這也在意料之中。東西出來後我自己先體驗了兩個星期,結論就是玩這個比健身還難。誰叫它在鄙視鏈上端呢?

如果你碰巧用了累計超過 1 個小時,應該會對自我有一些新的認識。

後續計劃主要是改進墨塊的融合效果和消息提醒。

小程序的前景我是謹慎看好的,新開放的一些能力達到或者超過我的預期。但是對於推廣,我覺得還是不能太樂觀。不是說小程序在微信里就有了用戶,也不是方便分享用戶就會有很強的分享意願。能不能火,還是看需求。

如果你想站在矽谷鄙視鏈上端,又不想花¥15 元,可以試試「小正念」,看你能不能堅持兩分鐘。

關注「知曉程序」微信公眾號,在後台回復「曉組織」,查看更多有趣的小程序分享文章。


喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 愛范兒 的精彩文章:

Triangle:Google 出的流量控制 App,再也不怕流量偷跑#Android
在」電腦」上也能刷朋友圈?三星 S8 再加 Dex 就可以了
寶馬:藍天白雲的傳說很美妙,可惜這並不是原初史料 | 車標史

TAG:愛范兒 |

您可能感興趣

我們做了一個小程序
這個程序員火了,竟是因為給老闆修了一 次U盤……
產品|小程序這麼賺錢?如何做一個好的小程序?
有了這個小程序,你也可以做自己的植物專家!
如果給你的項目做一個小程序,應該長什麼樣?
一個月5萬的工作有哪些,做程序員可以嗎?
為了幫你在城市裡找樂子,我們做了個這個小程序。
小程序到底是個什麼鬼!
有哪些程序員的梗
底層小程序員 練手做一個網站不小心賺了幾十億
什麼是小程序?做小程序的十大好處!
程序員的一些強迫症,哪一個讓你中招了?
和 8 個程序員聊了一下午,集齊了這些經驗!
一個程序員的日常!是我本人了,沒錯了
看過這個小程序的人,都去洗眼睛了
小程序的未來!
小程序革了誰的命?九大手機廠商聯合對抗小程序你看懂了嗎!
作為一個程序猿,代碼還沒敲完,我先禿了
教你製作自己的小程序:一鍵關閉所有窗口……
程序員是一個怎樣神奇的職業?