這陣子重新整理 edblog.net,也想順便把自己這段時間做過的 App 慢慢記錄下來。
第一篇先從 Clockwise 開始。
Clockwise 是我做的一款萬國時鐘 App,主要是用來解決跨時區看時間、安排會議、確認海外朋友或團隊現在時間的問題。
會想做這款 App,其實原因很簡單:
現在很多事情都不是只跟台灣時間有關。
可能是遠端工作、海外朋友、國際服遊戲活動、國外客服、跨國會議,甚至只是想知道某個城市現在是白天還是晚上。這些事情看起來都不大,但每天一直心算時差,其實還是有點麻煩。
所以 Clockwise 的目標不是做一個很複雜的工具,而是做一個可以快速打開、快速看懂、快速判斷的世界時鐘。
一開始想解決的問題
我自己在設計 Clockwise 時,主要想解決幾個問題。
第一個是不用每次都心算時差。
例如台灣現在是下午,但美國、歐洲、日本、澳洲各地時間不同,如果每次都要自己算,久了真的很煩。
第二個是希望一眼就能看出對方那邊現在適不適合聯絡。
有些世界時鐘 App 只是顯示時間,但我更希望它可以讓人直覺知道:
- 那邊現在是白天還是晚上
- 跟本地時間差幾小時
- 現在是不是大概適合開會或聯絡
- 夏令時間有沒有被正確處理
第三個是畫面要乾淨。
我不想把它做成很重的行事曆,也不想一進去就很多設定。Clockwise 比較像是一個每天可以快速看一下的小工具。
Clockwise 目前的主要功能
Clockwise 目前主要有幾個功能。
多城市時間顯示
使用者可以加入不同城市,然後在首頁一次查看各地目前時間。
這是最基本,但也是最重要的功能。對我來說,世界時鐘最重要的不是功能多,而是資訊要清楚。打開 App 之後,最好可以在幾秒內就知道自己要看的城市現在幾點。
自動處理時區與夏令時間
時區其實不是單純加減幾小時而已,因為有些國家或地區會有夏令時間。
如果 App 沒有正確處理夏令時間,就很容易在安排會議或活動時出錯。
所以 Clockwise 在設計時,就把時區與 DST 這件事當成核心功能之一,而不是單純讓使用者自己手動設定時差。
城市卡片與顯示方式
我希望世界時鐘不要只是冷冰冰的一排數字。
所以 Clockwise 有城市卡片的概念,讓不同城市可以用比較直覺的方式呈現。未來也會持續調整卡片樣式,讓它更適合日常使用。
Best Meeting Time
這是我覺得比較實用的功能。
當你有多個城市或多個時區的人要開會時,最麻煩的就是找一個大家都還算可以接受的時間。
Best Meeting Time 的目的就是幫使用者快速找到比較適合的重疊時段。
它不是要取代大型行事曆工具,而是讓你在規劃跨時區會議時,可以先有一個大概方向。
例如:
- 台灣
- 美國西岸
- 英國
- 日本
這幾個地方要一起開會時,就可以用這個功能快速判斷哪個時間比較合理。
免費版與 Pro 版的設計
Clockwise 有免費版,也有 Pro 版。
免費版主要是讓一般使用者可以先正常使用,不需要一開始就付費。對只需要看少數幾個城市的人來說,免費版其實就夠用了。
Pro 版則是給比較常使用世界時鐘的人,例如:
- 需要加入更多城市
- 經常安排跨時區會議
- 想要更完整的自訂功能
- 不想受到免費版限制
我自己比較不喜歡每個小工具都做成訂閱制,所以 Clockwise 的 Pro 版設計方向是偏一次買斷。對使用者來說比較單純,對我來說也比較符合這款工具的定位。
開發過程的一些想法
Clockwise 是用 Flutter 開發的。
這幾年我自己做 App,大多會優先考慮 Flutter,原因是可以同時支援 iOS 和 Android,對一人開發來說比較實際。
不過世界時鐘看起來簡單,實際上還是有一些細節需要處理。
例如:
- 不同地區的時區資料
- 夏令時間
- 城市搜尋
- 卡片排序
- 本地時間與目標城市時間的比較
- UI 顯示是否夠直覺
- 免費版與 Pro 版的功能切分
這些東西單獨看都不大,但真的做起來就會發現,小工具要做到好用,其實很多地方都要慢慢修。
這款 App 也算是我用 AI 輔助開發流程中的一個實戰案例。
現在我寫 App 時,會大量使用 AI 協助整理需求、拆功能、檢查程式碼、補文案、修錯誤。不過 AI 不是按一下就完成,很多時候還是要自己判斷功能怎麼切、問題在哪裡、使用者會怎麼操作。
所以對我來說,AI 比較像是一個很強的開發助手,但產品方向和最後的判斷還是要自己負責。
適合哪些人使用?
Clockwise 比較適合下面幾種使用者:
- 常常需要看不同國家時間的人
- 有海外朋友或家人的人
- 遠端工作者
- 需要安排跨國會議的人
- 會玩國際服遊戲、需要看活動時間的人
- 常出國或常跟海外窗口聯絡的人
如果你只是偶爾查一次時間,可能用 Google 搜尋就夠了。
但如果你每天都會看幾個固定城市的時間,那 Clockwise 會比較方便。
小結
Clockwise 不是一款很複雜的 App。
它比較像是一個日常小工具,目標是讓跨時區這件事變得簡單一點。
對我來說,這款 App 也是一個練習:如何把一個小痛點做成完整產品,然後真的上架、維護、調整,讓它變成可以被使用者下載和使用的工具。
接下來我也會陸續整理其他 App 的開發紀錄,包含 CycleNote、Rootrees、兔耳絲工具屋,以及我這段時間用 AI 輔助開發 App 的一些心得。
雙平台下載連結:AppStore | Google Play


