立即建立你的第一個真實應用程式

你見過那篇貼文。你認識的人——不是開發人員，也不是技術人員——展示他們自己建立的東西。一個可用的工具。一個真實的連結。而標題讓它聽起來對於實際內容來說，幾乎過於隨意。

現實檢視：這不是炫耀，也不是誇大。用簡單的英文描述一個應用程式並得到真實的回應，現在對於一個零程式設計背景的人來說，確實是可行的。它不是——這對本課程的其餘部分很重要——一種跳過思考的魔法。你仍然需要知道要提出什麼要求，以及「完成」實際意味著什麼。這就是接下來的一切。

對於一個真正的第一個專案：從 Lovable 或 Replit 開始。兩者都旨在引導真正的初學者一路走到上線，而不僅僅是演示。

起點不是教學。它是一個小小的想法，和一個清晰的簡報。鍵盤技能在這裡遠不如以前重要——你想要什麼的清晰度則重要得多。

初學者最大的錯誤：從雄心勃勃的事情開始。「為我建立一個類似 Instagram 的東西」會立即失敗，原因與你對一個沒有其他資訊的人類開發人員說這句話會失敗的原因相同——它不是一個專案，它是一個類別。一個可行的第一個專案有一個清晰、可命名的工作。第 5 節將詳細介紹如何界定範圍。

每個主要工具都有一個真正的免費方案——確實足以零成本建立和測試第一個專案。一旦你超出這個範圍，付費方案在主要工具中大約每月 20-25 美元。

誠實的提醒：免費方案對於探索來說很慷慨，但大量的來回迭代——在一個會話中不斷要求更改——可能會比你預期的更快地耗盡每日或每月額度。這不是退縮的理由；這是讓你了解正在發生什麼，而不是感到驚訝的理由。

在開啟任何工具之前，請先回答這些問題。它們決定了你的專案是一次性完成，還是意外地變成多週專案。

1. 它是否需要在不同訪客之間記住任何東西？如果它只需要在一次會話中運作——接收輸入，顯示結果——那是最簡單的層級。如果它需要儲存某些東西，並在下次仍然存在（一個列表、一個帳戶、任何人的儲存數據），那需要一個真正的資料庫，複雜性會大幅增加。對於第一個專案：選擇不需要記住任何東西的專案。

2. 互動式，還是固定內容？固定內容意味著頁面總是顯示相同的東西——對於資訊頁面來說沒問題，但稱不上是「建構」。互動式意味著它會對用戶輸入或點擊做出反應。對於第一個專案：選擇互動式。它不會難很多，而且這是一個頁面和一個工具之間的區別。

3. 是否有任何東西需要保密？沒有登入、沒有支付細節、沒有敏感資訊——整個專案可以完全在瀏覽器中運行，無需真正的後端安全考量。一旦涉及密碼或真實用戶數據，你就已經離開了第一個專案的範疇。對於第一個專案：不涉及任何私隱，不涉及任何登入。

4. 託管——第一天完全不需要決定這個。現在每個對初學者友好的工具都內建了一個「發佈」按鈕，讓你獲得一個可運作、可分享的連結。這只有在專案真正超越其最初使用的工具時，才會成為一個獨立的決定。

簡而言之：你的第一個專案應該是互動式的，不需要儲存任何東西，也不需要登入。這種組合是今天真正可以建構的——不是真實事物的玩具版本，而是正確的第一步。

快速、粗略、迭代。你描述你想要的。它會出現——通常在一分鐘內。你查看它，它很接近但不太對。你用簡單的英文糾正它。它會改變。

三到四輪的修正完全正常，這不是任何地方出錯的跡象。將第一個結果視為本目錄中任何其他初稿一樣——是用來回應和完善的東西，而不是用來判斷為成品。

這是最重要的期望，值得您記住，比本課程中的任何工具名稱都更長：憑感覺編碼能讓您快速完成約 80% 的工作——通常在同一次會話中完成。一個可運行的原型，真正具備功能，顯然接近完成。

剩下的 20% 才是真正耗費時間的地方——潤飾、大多數人想不到要測試的邊緣情況、錯誤處理，以及使其真正穩健。最後這段過程可能需要數天，有時甚至數週的迭代，而不是幾分鐘。這並非任何特定工具的缺陷；跨主要平台的測試發現，大多數 AI 生成的應用程式在未經修改的情況下，無法通過首次實際安全審查。

關鍵是，「完成」的定義會因使用者而異：

為自己或內部團隊開發？80% 的版本通常就已經真正完成了。發佈它，使用它，如果以後想再迭代就迭代。

為真實客戶開發，或涉及支付、密碼或其他個人資料的任何內容？剩下的 20% 並非可選的潤飾——這是演示與實際安全運行的產品之間的區別。為此預留充足的時間，或者在它接觸真實使用者之前，請一位能妥善審查的人來檢查。

在開始之前，而不是在您已經分享連結之後，請先了解您正在針對哪個基準進行開發。

一個真正實用的專案，特別適合分佈式或大型團隊中的任何人：輸入幾個城市，即時查看每個人的工作時間重疊。

1. 開啟 Lovable 或 Replit 的免費版本。

2. 貼上這段簡報：

「建立一個名為『Timezone Overlap Finder』的簡單網絡應用程式。讓我從下拉選單或搜尋框中一次新增多個城市。對於每個新增的城市，顯示其當前本地時間。下方顯示一個簡單的視覺時間軸，突出顯示所有新增城市的典型朝九晚五工作時間重疊的小時。設計簡潔、單頁、無需登入、無需在不同訪問之間儲存任何內容。」

3. 觀看它建立——預計在一分鐘內完成一個可運作的初版。

4. 用真實城市測試——嘗試您自己團隊的實際位置。

5. 迭代三到四次。嘗試：「讓重疊時間在視覺上更明顯」、「新增移除城市的方法」、「在每個城市旁邊顯示與我所在時區的時差」。

6. 發佈它。在每個主要工具中，只需點擊一下。您現在擁有一個真實、可分享的連結，今天就建好了——根據第 7 節，這是一個真正完成的個人/團隊工具，達到了 80% 的完成度。除非您想繼續，否則無需進一步工作。

Deadline Countdown。輸入截止日期，實時查看剩餘天數／小時／分鐘。這個項目是提升技能的好機會——我們將讓頁面記住你的截止日期，而不是在你關閉後就忘記一切，這將透過一種稱為「本地儲存」的技術實現。

什麼是本地儲存？回到第五節，「是否需要在不同訪問之間記住任何內容」是你的四個範圍界定問題之一——對於一個真正的第一個項目，答案是否定的。本地儲存是第二個項目的答案。它將數據直接儲存在你自己的瀏覽器中，在你自己的設備上——無需真正的數據庫、帳戶或伺服器。關閉分頁，明天回來，你的截止日期仍然存在。

值得清楚了解的注意事項：它只會在該設備、該瀏覽器中記住。在你的手機上打開同一個應用程式，它會是空的——實際上沒有任何內容被分享到任何地方。這與完整的數據庫的真正區別在於，數據庫會為每個人、每個地方記住相同的數據。對於一個不需要其他人看到的個人工具，本地儲存是恰到好處的「記憶」量——真正的持久性，而不會帶來數據庫所帶來的真正複雜性跳躍。

「建立一個名為『Deadline Countdown』的簡單網絡應用程式。讓我可以輸入截止日期名稱和目標日期與時間。顯示剩餘天數、小時和分鐘的實時倒數，並自動更新。讓我可以添加多個截止日期並以最快到期的順序查看它們。使用本地儲存保存我的截止日期，這樣即使我關閉分頁並稍後回來，它們仍然存在。簡潔、簡單的設計，單頁，無需登入。」

形狀與您已經嘗試過的計算機相同——但這個項目引入了一個在第 5 節的四個範圍界定問題中沒有涵蓋的考量：它是否需要來自應用程式外部的真實、即時數據？

一個固定數字計算機只會使用它已有的數字。一個即時貨幣轉換器需要獲取實際的、當前匯率——這些數據每小時都在變化，儲存在別人的伺服器上。這是一個真正的進步：應用程式現在依賴於外部數據源的正常運作，而不僅僅是它自己的邏輯。這仍然是一個合理的項目——只是與其他項目不同種類的「小型」。

「建立一個名為『即時貨幣轉換器』的簡單網絡應用程式。讓我選擇兩種貨幣並輸入一個金額。使用真實、即時匯率顯示轉換後的金額，而不是固定數字——從公共匯率 API 中獲取。當我更改任何輸入時更新結果。簡潔、簡單的設計，單頁，無需登入，無需在不同訪問之間儲存任何內容。」

一個誠實的提醒：讓即時數據連接正常運作可能需要比您的第一個項目多出幾輪額外的迭代。這是預期的，並非任何地方出錯的跡象——這是第 7 節「最後階段需要更多迭代」的原則，只是由於外部數據依賴性而比平時稍早出現。

想要更精確地控制它的運作方式？當您準備好時，Cursor 或 Claude Code 等工具會為您提供更技術性、更實用的層面。

建立了一些您真正想展示給真實用戶的東西？在此之前，您需要進行真正的安全和生產準備檢查——認真對待第 7 節的 20%，而不是將其視為一個註腳。

意識到您真正想要的是自動化，而不是獨立應用程式？無程式碼代理程式建構路徑涵蓋了這種不同但相關的技能。

Nexa 的評價：炒作 4/5 · 成熟度 3/5 — 前 80% 確實像網上看起來那麼容易。最後 20% 是真正的工作，而了解這一點是區分一個有趣的週末項目和一個令人沮喪的項目的關鍵。

1. 現在，即使沒有任何程式編寫背景，也能夠用簡單的英文描述應用程式並獲得真實的成果。

2. 從 Lovable 或 Replit 開始 — 兩者都能讓真正的初學者做出實際可用的東西，而不僅僅是演示。

3. 用四個問題來規劃你的第一個專案：它是否需要記住任何東西？它是否具有互動性？是否有任何東西需要保密？以及第一天不要決定託管方式。

4. Vibe coding 能讓你快速完成 80% 的工作 — 剩下的 20%（潤飾、邊緣情況、真正的穩健性）可能需要數天或數週，而且大多數 AI 生成的應用程式未經修改都無法通過首次安全審查。

5. 「完成」的定義因對象而異 — 80% 的版本對於個人或內部使用來說通常已經真正完成；任何面向客戶或涉及真實數據的應用程式在發佈前都需要那最後的 20%。

6. 預計三到四輪的修正完全是正常的 — 將第一個結果視為草稿，而不是定論。

7. 需要真實、即時外部數據（例如當前匯率）的專案，其複雜性與固定數字計算器不同 — 預計這些專案需要額外幾輪的迭代。

8. 本地儲存允許專案在不同訪問之間記住數據，而無需真正的數據庫 — 但僅限於該設備和瀏覽器，不會在其他任何地方共享。