【文章翻譯】20 apps in 20 days with Flutter and Antigravity

【文章內容使用 Gemini 2.5 Flash 自動翻譯產生】

  • 為什麼我停止規劃並開始建造
Dash 愉快地建構 Flutter 應用程式。

大家好,我是 Kevin Lamenzo!我最近加入了 Dart 和 Flutter 團隊(🎉),今年一月我開始了一項任務:在 20 天內使用 Flutter 和 Antigravity 建立 20 個應用程式。但為什麼要這樣做呢?首先,好奇心的成本已經正式歸零。您可以在 10 分鐘內從想法到應用程式。其次,作為團隊的新成員,我想透過建立一些東西來學習這個框架。最後,也是最重要的一點,我想驗證一個理論,即在 2026 年,我們都可以成為開發者。

我來分享我在實戰中學到的東西。如果您從這篇文章中只學到一件事,那就是:停止閱讀,去建立一些東西。

火花

我的第一個應用程式是一個健康追蹤器。

在最近的一次體檢中,我的醫生「強烈建議」我注意血壓和酒精攝入量。我的第一反應是:「不要告訴我該怎麼做!」我的第二反應是:「我要為此建立自己的應用程式。」沒有訂閱優惠,沒有資料收集,沒有遊戲化的新手引導。只是一個解決我特定問題的簡單工具。

我的第一個應用程式 — 個人健康追蹤器。

為什麼選擇 Flutter?

我總是四處奔波。我最初建立了一個網路應用程式,這很好,但我需要這個工具放在我的口袋裡。Flutter 讓網路應用程式到行動應用程式的過渡感覺像魔法一樣。Antigravity 幾乎不需要更改程式碼。

在建立行動版本後,我甚至開設了一個 Google Play 開發人員 帳戶(25 美元),並將應用程式發佈給自己作為測試人員。現在我的創作已在我的手機上運行(儘管我仍然沒有徽標或圖示)。

我的手機上的健康追蹤器應用程式,帶有預設圖示。

衝刺想法

建立健康追蹤器應用程式的成功令人陶醉。到第一週結束時,我的手機上已經有四個應用程式,並且我啟動了一個內部部落格(我稱之為「每日應用程式」)來記錄我的旅程並與我的同事分享混亂。

這感覺不僅僅是氛圍程式設計 — 我在建立。我正在探索手機的感測器,使用觸覺回饋,甚至使用 API。

我的內部部落格登陸頁面 — 每日應用程式

嘗試擴展時碰壁

並非一切都一帆風順。當我試圖將一個快速構思的應用程式在每週的每一天都加入新功能時,我碰壁了。

大型應用程式是可能的,但您需要不同的心態。您必須深入了解架構。您可能需要向代理提出 100 個追蹤問題。您在這個流程步驟中帶來的知識越多,您的體驗就越好。這是您 學習「傳統」開發 的藉口。

然而,「每日應用程式」心態的美妙之處在於,您不必總是擴展。小型應用程式建立速度快,有幫助,而且您可以明天醒來並轉向一個全新的應用程式。

這引出了我的「AI 思想領導肥皂箱時刻」:

現在我們都有能力獨自完成驚人的事情,但下一個前沿是 協作。我們如何利用我們的 AI 超能力以新的方式一起工作是一個未知的領域。因此,如果您與朋友或團隊一起「氛圍建立」一個應用程式,請記錄您的旅程並與我們分享。

Dash 在他的肥皂箱上發表意見。

我推薦的工作流程

我收到了一些同事和朋友關於我如何保持組織的問題。這是建立您自己的應用程式的工作流程:

  1. 保持組織 (Google 文件) - 我還沒有完全 AI 化。我需要一些靜態、熟悉的東西,一個放置我想法的地方。我從 Google 文件開始每個應用程式,無論大小。我加入了日期和我的快速筆記。這讓我有了一個需要時可以返回的地方。
  2. 完善我的想法 (Gemini) - 這個步驟正在成為一個經典的「AI 技巧」:不要自己撰寫提示;寫下您的原始想法,然後請 LLM 為您建立一個黃金提示。
  3. 開始建構! (Antigravity) - Google 新的 AI 賦能 IDE 是一個主力。相比之下,如果您要求任何流行的 LLM(Gemini、ChatGPT 等)「寫一本書」,它們只能輸出那麼多。當您向 Antigravity 提出這樣一個複雜的任務時,它首先會制定一個計畫,然後循序漸進地執行該計畫中的每個任務。您一路引導它。我將所有黃金提示放入 Antigravity,並引導它將它們建構到應用程式中。
  4. 測試、迭代、重複(也是 Antigravity)- 在 Antigravity 完成您的第一個建構後,是時候動手操作了。運行軟體。試用它。向 Antigravity 提供您的回饋,並要求它進行您需要的更改。不知道如何運行 Flutter 應用程式?只需向 Antigravity 中的代理詢問即可。
  5. 部署(可選)(Google Play、Firebase)- 我已經提過將我的應用程式放到我的手機上。另一個分享的絕佳途徑是 Firebase。不確定從何開始?請 Gemini 指導您。Firebase 讓託管您的應用程式和加入更進階的服務(例如身份驗證)變得更加容易。

突破我的內部部落格

我從這個挑戰中獲得的能量最終幫助我突破了它。我沒有建立內部部落格,而是建立了自己的個人網站。在這裡,我擺脫了每天建立一個小東西的人為限制。相反,我正在處理大大小小的事情,隨時抓住想法,毫不猶豫地繼續前進。

如果您想了解我如何在公司防火牆之外應用這些經驗教訓,請到 ladevzo.com/scrappy-path 找我。

ladevzo.com 的螢幕截圖。看看吧!

結論:找到您自己的流程

話雖如此,我還是想以這句話作結:您不需要在 20 天內建立 20 個應用程式。從小處著手。使用 Gemini 進行腦力激盪。使用 Antigravity 建立原型。在您深陷於掌握程式碼之前,專注於從「想法」轉變為「可運作的現實」。

工具已準備就緒。您準備好了嗎?

附錄:應用程式列表

  1. 同義詞滑塊 (1 個檔案,207 行程式碼) — 一個簡單的應用程式,為使用者提供給定單詞的同義詞列表。展示了基本的 HTTP 整合。
  2. 感測器應用程式 (1 個檔案,228 行程式碼) — 使用 sensors_plus 套件與設備硬體互動。
  3. 漢語移位 (1 個檔案,230 行程式碼) — 一個語言實驗,將英語短語和句子翻譯成漢語風格的表意文字格式(漢語在與 LLM 互動時,由於其語法,使用的標記少得多)。
  4. VIP 徽章 (1 個檔案,273 行程式碼) — 透過 Firebase 和 Google 登入實現身份驗證。
  5. 我的應用程式 Widget (4 個檔案,305 行程式碼) — 一個 Android 主螢幕「容器」,用於容納我所有的應用程式。利用 Android Intents 建立主螢幕 Widget。
  6. 觸覺音效板 (2 個檔案,311 行程式碼) — 一個具有音訊播放功能的音效板應用程式。
  7. 生鏽俳句 (4 個檔案,403 行程式碼) — 一個簡單的俳句生成器。展示了 API 使用和 Riverpod 狀態管理。
  8. 思緒點 (5 個檔案,481 行程式碼) — 在地圖上放置一個標記並透過語音輸入捕捉一個想法。具有語音轉文字、地圖、地理定位和本地資料庫功能。
  9. 震動 (6 個檔案,494 行程式碼) — 專注於使用共享偏好設定和自訂 UI 字體的本地儲存。
  10. 接受變更 (2 個檔案,547 行程式碼) — 嘗試將 Antigravity 的推播通知反彈到我的手機。透過通知提供設備回饋並連接到即時資料庫。
  11. 街頭偵探 (9 個檔案,574 行程式碼) — Geoguesser 的變種:一個協同謀殺懸疑遊戲,您需要使用 Google 地圖尋找線索並解決謎題。基於地圖的應用程式,具有使用者身份驗證和 Google 街景整合。
  12. 學習維特 (7 個檔案,588 行程式碼) — 一個用於理解維特根斯坦的學習應用程式。專注於使用自訂字體的使用者介面設計。
  13. 帕奇西遊戲 (5 個檔案,625 行程式碼) — 帕奇西遊戲的重製版。這是使用 Antigravity 進行「一次性提示」的嘗試。使用 Riverpod 和 Equatable 管理複雜邏輯和狀態。
  14. 健康追蹤器 (6 個檔案,641 行程式碼) — 用於監測日常血壓和酒精攝入量的個人健康追蹤應用程式。管理本地狀態並利用檔案系統進行儲存。
  15. 魔法八爪魚 (6 個檔案,692 行程式碼) — 我對魔法八號球的看法。
  16. 會議幫手 (5 個檔案,778 行程式碼) — 使用 Firebase 身份驗證和 Cloud Firestore 的生產力工具。
  17. 髮型日誌 (6 個檔案,901 行程式碼) — 一個 Google 相簿整合,可幫助髮廊利用 Google 相簿函式庫 API 管理使用者髮型照片。
  18. Wwks (6 個檔案,1121 行程式碼) — Kevin 會怎麼說?我的個人化、啟用 AI 的聊天介面。結合了 Google 生成式 AI 和完整的 Firebase 後端。
  19. 人類速度 (15 個檔案,1124 行程式碼) — 一個個人思考工具。允許您在 LLM 執行緒之間自行管理上下文。使用 Riverpod、GoRouter 和 Firebase 建構的全端 AI 應用程式。
  20. 數學事實 AI (11 個檔案,1520 行程式碼) — 利用生成式 AI 教學數學事實的教育工具。
  21. 運動夥伴 (11 個檔案,1582 行程式碼) — 運動追蹤器,具有 Riverpod、Cloud Functions 和 Freezed 程式碼生成功能。
  22. 脈搏 (14 個檔案,1928 行程式碼) — 整合生成式 AI、穩健的狀態管理和程式碼生成的大規模專案。
Dash 在跑步機上健身。