首版
這是該項目自 Initial Commit 之後的第一個 Commit,如其所寫,這個客戶端最先使用 SwiftUI 的 List
實現了一個 mastodon.social 的 Timeline。

隨後的兩個 Commit 分別更新了項目結構,並將 Network 和 Timeline 拆為 Package。通常來說,先上手撰寫代碼,隨後優化組織結構會更有頭緒。此時,Mastodon 的 API 已經有一個統一的 Package 來管理。
二版

如圖所示,Dimillian(作者)使用 TabView
做了底部的導航 Tab,並藉由 NavigationStack
為 App 增添了標題欄。
接下來的幾次 Commit,分別讓文本可以正確渲染,分頁獲取內容,拆分 Models 等細節優化,以及可導航的 Profile 及 Post Detail,在這一版本中最後的樣式是這樣的。


三版
作為一個社交媒體軟體,IceCubes 並沒有在最初增加登入功能,反而是在搭好腳手架後才引入的登入功能。這也和 Mastodon 的設計有關,如果像 Twitter 那種依個人化 Timeline 和登入後才可使用的設計,恐怕就要先設計用戶系統了。

四版



如上圖所示,增加了通知中心,個人 Profile 和連結的 Card 支援。
隨後的幾個優化分別是,為應用引入了全局主色調,增加了Account Tab,支援開啟 Hashtag,支援媒體文件的預覽



尾
到這裡,整個 App 已經有了基本的功能,接下來就是不斷地迭代、改進和根據反饋增加新的功能。如果你想做一個 App,但不知從何開始的話,不妨先試著像 IceCubes 一樣,先從最簡單的,最想不到的地方開始入手。(而不是一上來就做 Onboarding 頁面或是複雜的用戶系統)。在 AI 工具的借助下,沒有資深工程經驗的人做出一個自己的 App,在今天已經不再是一個很高門檻的事情了。人人都可以做 App,就從現在開始吧。
我會在 iOS 開發中借用的 AI 工具:AlexSidebar、Cursor、Windsurf。
發佈留言