指南

什麼是 No-Code?不用寫程式建構嘅平白指南

No-code 即係用視覺化工具代替程式碼,建構軟件(網站、應用程式、資料庫同自動化流程)。你將元件拖到頁面上,填寫設定,並將步驟連接起來,平台就會將其轉換成一個可運行嘅產品。知名例子包括網站用嘅 Webflow、應用程式用嘅 Bubble 同 Glide、資料庫用嘅 Airtable,以及自動化用嘅 Zapier。

用 AI 建構時,點解這點重要

「No-code」以前只代表一樣嘢:視覺化建構工具。而家 AI 應用程式建構工具都讓你唔寫程式碼就可以建構,只需要喺對話中描述你想要嘅嘢。兩者都承諾你唔需要編程,但運作方式好唔同,而呢個分別會影響你可以建構咩、長遠要付幾多錢,以及你日後能否將應用程式搬去其他地方。

明白 no-code 真正係咩,有助你喺兩者之間作出選擇,亦有助你認出兩者都會遇到嘅限制。如果你想直接比較,no-code 對比 AI 應用程式建構工具 會深入講解其取捨。

日常生活比喻

想像製作傢俬。

傳統編程好似木工:你可以做任何嘢,但需要工具、技能同時間。

No-code 好似平板包裝傢俬系統,附有一大本零件目錄。你可以透過組合各個零件,快速而又無須特別技能,做出一系列相當豐富嘅嘢。但如果你需要目錄中冇嘅形狀,你就會卡住,而且零件只可以同該品牌嘅其他零件配合。

AI 應用程式建構工具就更似向木匠描述你想要嘅傢俬,然後由佢用真正嘅木材為你製作。你唔需要技能,但得到嘅係普通傢俬,你可以拿去另一間工場。

No-code 工具點樣運作

大部分 no-code 工具都結合咗幾個建構模塊:

建構模塊你要做嘅嘢例子
視覺編輯器將按鈕、文字、圖片同清單拖放到頁面上設計註冊頁面
內置資料庫喺類似試算表嘅介面中定義資料表同欄位一個有姓名同電郵嘅「客戶」資料表
工作流程設定「當按下某個按鈕時,執行呢啲步驟」嘅規則儲存表單,然後寄送電郵
整合透過預設嘅連接器接駁其他服務新增一行到 Google Sheets
託管平台運行你嘅應用程式,並提供一個連結yourapp.platform.com

幕後當然有程式碼,只係呢啲係平台自己嘅程式碼。你嘅應用程式實際上係一組由平台解譯嘅設定。因此,no-code 應用程式通常無法以一般原始碼形式導出,並在其他地方運行。

No-code 工具嘅主要類型

類型建構嘅嘢例子
網站建構工具行銷網站、作品集、網誌Webflow、Framer、Wix、Squarespace
應用程式建構工具有用戶同資料嘅網頁應用程式Bubble、Glide、Softr、Adalo
資料庫有檢視同表單嘅結構化資料Airtable、Notion 資料庫
自動化以觸發器同動作連接應用程式Zapier、Make
表單問卷同資料收集Typeform、Google Forms

實例:義工輪值表

假設一間社區食物銀行需要一個方法,俾義工報名當班。以下係典型 no-code 應用程式建構工具中可能嘅做法:

  1. 資料。 建立一個 Shifts 資料表(日期、開始時間、地點、名額),以及一個 Volunteers 資料表(姓名、電郵、電話)。加入一個 Signups 資料表,將義工同班次連結起來。
  2. 頁面。 將清單元件拖到頁面上,指向 Shifts,只顯示仍有名額嘅未來班次。為每一行加入「報名」按鈕。
  3. 工作流程。 當「報名」被按下:建立一筆 Signups 紀錄,將該班次嘅名額減一,並寄出確認電郵。
  4. 存取權限。 設定規則,令義工只可以看到自己嘅報名紀錄,而統籌人員可以看到全部。
  5. 發布。 平台會託管佢,並提供一個連結。

非編程人員可以喺幾日內建構出呢個系統。限制會較後才出現:或許你需要一條工作流程編輯器無法表達嘅規則(「除咗隊長,每人每週最多只可以做兩個晚間班次」)、當義工人數增加時,定價層級會改變,或者你想搬去另一個託管平台。到咗嗰個時候,你就會需要一個外掛程式、一位開發人員,或者另一種工具。

主要術語解釋

術語意思
No-code透過視覺工具建構軟件,無須編程。
Low-code視覺化建構,加上處理困難部分嘅程式碼;通常供 IT 團隊使用。請睇 什麼是 low-code。
工作流程由事件(例如點擊或新紀錄)觸發嘅一組步驟。
元件可重用嘅建構模塊,例如按鈕、清單、表單或地圖。
整合 / 連接器連接到另一項服務嘅現成連結。
外掛程式由第三方提供嘅附加功能,用嚟補足平台所缺少嘅功能。
供應商鎖定當你要將應用程式搬到另一個平台時,就必須重新建構。
公民開發者為自己團隊或業務建構應用程式嘅非程式員。

常見錯誤同誤解

  • 「No-code 即係唔使學習。」 你唔使寫程式,但仍然要學習工具嘅邏輯:資料結構、工作流程、權限。認真嘅 no-code 工具都需要一段時間才可以熟練掌握。
  • 「No-code 即係冇限制。」 每個平台都有其界限:規模化時嘅效能、自訂邏輯、特定整合。開始之前,請對照你最困難嘅要求逐一檢查。
  • 忽略規模增長時嘅定價。 好多平台會按用戶數、紀錄數、工作流程運行次數或使用量收費。請估算當規模變成目前十倍時會發生咩事。
  • 以為可以導出。 大部分視覺化應用程式建構工具都讓你導出資料,但唔會將應用程式本身以可在其他地方運行嘅程式碼形式導出。承諾之前請先確認。
  • 權限設定薄弱。 No-code 工具嘅私隱規則好容易設錯。請以一般用戶身份測試,確保你睇唔到其他人嘅資料。
  • 以為「no-code」同「AI」係相反嘅。 好多 no-code 工具現在都包括 AI 助手,而 AI 應用程式建構工具經常被形容為 no-code。真正重要嘅係最後你得到咩:一個放喺別人平台上嘅設定,還是你擁有嘅程式碼。

選擇 no-code 工具(或 AI 建構工具)之前要問嘅問題

  • 「我可以導出應用程式本身,還是只可以導出資料?」
  • 「如果我嘅用戶數或紀錄數增加到目前嘅十倍,費用會係幾多?」
  • 「如果視覺編輯器未涵蓋某條自訂規則,我要點樣表達?」
  • 「我嘅資料儲存喺邊度,邊啲人可以讀取?」
  • 「我可以使用自己嘅網域嗎?」
  • 「如果我之後聘請開發人員,佢可唔可以用一般工具處理呢個應用程式?」

如果你使用 AI 建構工具,同樣嘅問題亦可以當成提示:「請顯示我呢條規則嘅位置喺邊度執行」、「我可以下載程式碼嗎?」、「託管費用會係幾多?」

No-code 同 Mythex

Mythex 係一個 AI 應用程式建構工具,而唔係視覺化 no-code 工具:你喺對話中描述應用程式,代理會撰寫真正嘅程式碼(預設為 React 同 TypeScript),喺即時預覽中運行,並發布到網上。你永遠唔需要寫程式,但程式碼確實存在,而 Pro 方案包括完整嘅程式碼編輯器、導出同 GitHub 同步,所以之後開發人員可以接手。如果你覺得視覺編輯器更適合你,咁都係合理嘅選擇;Bubble 替代方案 同 什麼是 AI 應用程式建構工具 可以幫助你決定。

常見問題

No-code 係咩意思?

No-code 即係用視覺化編輯器、拖放式元件同設定面板建構軟件(網站、應用程式、資料庫、自動化流程),而唔係撰寫程式碼。平台會將你設定嘅內容轉換成一個可以運作嘅產品。

No-code 同 low-code 有咩分別?

No-code 工具設計成令你完全唔使寫程式碼。Low-code 工具大部分亦係視覺化嘅,但預期開發人員要為視覺工具處理唔到嘅部分撰寫程式碼,而且通常針對需要建構商業應用程式嘅 IT 團隊。

AI 應用程式建構工具係 no-code 工具嗎?

從你唔使寫程式碼嘅角度睇,係。分別在於運作方式:AI 應用程式建構工具會根據你用日常語言嘅描述寫出真正嘅程式碼;而傳統 no-code 工具則要你喺視覺編輯器中組裝應用程式,並喺平台上運行。

可以用 no-code 經營真正嘅生意嗎?

好多生意都運行喺 no-code 工具上,特別係內部工具、簡單嘅市集同網站。常見嘅取捨包括平台限制、隨使用量增加嘅價格,以及日後要將應用程式搬到另一個平台會有困難。

Mythex · Pricing · 用 AI 建造任何嘢 · 網站及應用程式範本 · Mythex 比較 · AI 應用程式開發詞彙表 · 免費 AI 應用程式開發工具 · English

English አማርኛ العربية Български বাংলা Bosanski Català Čeština Dansk Deutsch Ελληνικά Español Español (España) Eesti فارسی Suomi Français Français (Canada) ગુજરાતી हिन्दी Hrvatski Magyar Հայերեն Bahasa Indonesia Íslenska Italiano 日本語 ქართული Қазақ тілі ಕನ್ನಡ 한국어 Lietuvių Latviešu Македонски മലയാളം Монгол मराठी Bahasa Melayu မြန်မာ Norsk bokmål Nederlands ਪੰਜਾਬੀ Polski Português (Brasil) Português (Portugal) Română Русский Slovenčina Slovenščina Soomaali Shqip Srpski Svenska Kiswahili தமிழ் తెలుగు ไทย Tagalog Türkçe Українська اردو Tiếng Việt 简体中文 繁體中文(台灣)