想要做自己的 App 但不知從哪裡開始?跟著開源 Mastodon 程式 IceCubes 學漸進開發

·

·

首版

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

70d7f2f: Basic mastodon.social timeline as a PoC

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

二版

a694c5d: Browse and connect to multiple timelines

如圖所示,Dimillian(作者)使用 TabView 做了底部的導航 Tab,並藉由 NavigationStack 為 App 增添了標題欄。

接下來的幾次 Commit,分別讓文本可以正確渲染,分頁獲取內容,拆分 Models 等細節優化,以及可導航的 Profile 及 Post Detail,在這一版本中最後的樣式是這樣的。

三版

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

df2d38: OAuth + Home timeline

四版

如上圖所示,增加了通知中心,個人 Profile 和連結的 Card 支援。

隨後的幾個優化分別是,為應用引入了全局主色調,增加了Account Tab,支援開啟 Hashtag,支援媒體文件的預覽

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

我會在 iOS 開發中借用的 AI 工具:AlexSidebarCursorWindsurf

written by human, not by AI. from https://notbyai.fyi/

探索更多故事

通過訂閱頻道來支持我,並在第一時間獲取最新文章。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Your Mastodon Instance
Share to...