Swift Playgrounds 入門:用 iPad 學寫程式

新手 依官方資訊整理 iPad · 圖文 7 分鐘 · 更新 2026/4/8
iLab學校技術長進階技術・終端機・系統維修・依官方資訊整理
已有 33,517 人學會這個技巧
簡報模式
在 iPad 上打開 Swift Playgrounds,選「App 預覽」範本,跟著內建任務一步步改程式碼,不需要 Mac 也能寫出第一支 Swift App。

開始前

適用系統iPadOS 17 以上
字級

門市裡最常遇到的一句話是:「小孩想學寫程式,但我們家沒有 Mac,是不是要先買一台?」我們的回答幾乎都一樣——先別急著買。手邊那台 iPad 就能寫真正的 Swift,而且寫出來的程式碼,未來原封不動搬到 Mac 上的 Xcode 也通。靠的就是 Swift Playgrounds 這款 Apple 自家的 App,免費、互動、從零開始都接得住。

我自己帶過不少完全沒碰過程式的家長和學生,30 分鐘左右,多數人都能看到自己改的那行字、那顆按鈕,真的在螢幕上動起來。那個「咦,是我做的」的瞬間,比任何說明都有說服力。

動手前,先確認手上這台行不行

東西其實很少。一台 iPad 就好,iPad mini 也算數,系統要 iPadOS 16 以上。不確定版本的話,到 設定 → 一般 → 關於本機 看一眼就知道。

App 的部分,到 App Store 搜「Swift Playgrounds」下載就好,免費,版本抓 4.5 以上。Apple ID 記得先登入,待會下載課程包要用到。

至於鍵盤——不是必要,但我會老實講:用觸控螢幕戳程式碼真的有點累,如果家裡剛好有 Magic Keyboard 或任何藍牙鍵盤,打起來的順暢度差很多。沒有也無妨,先玩起來再說。

提醒Swift Playgrounds 在 iPadOS 16 就能跑,但如果你的 iPad 撐得到 iPadOS 17,建議更新——它的多視窗讓你一邊查資料一邊改程式碼順很多。

打開它,畫面長這樣

第一次進去不用怕,版面其實很單純。

首頁有三個分頁。「我的 Playground」放你自己建的專案;「更多 Playground」是 Apple 準備的互動課程包,免費下載,待會我們會用到;「App 預覽」則是直接幫你開一個能送審上架的 App 骨架——對,iPad 寫的東西真的能上 App Store,這不是玩具。

點進任何一個 Playground,畫面就會左右對半。左邊是寫程式的地方,打幾個字母它會自己跳補全選單,蠻貼心的;右邊是即時預覽,你左邊一改,右邊馬上跟著變,不用按執行鍵手動跑。這個「改完立刻看到」的設計,是新手最容易上癮的點。

進階iPad 支援分割畫面的話,可以把 Safari 拉到旁邊查 Apple Developer Documentation,邊查邊改。從 App 切換器把 Safari 拖到一側,或從底部 Dock 滑出來放到邊緣就行。

第一支程式:改一行字,看它活過來

廢話不多說,直接動手。我們從「App 預覽」開始,目標很小——讓畫面顯示你自己想說的話。

回首頁,點「App 預覽」,再按右上角「新增 App」。Playgrounds 會幫你生一個帶預設程式碼的空白專案。打開來,你會看到這一段:

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
            Image(systemName: "globe")
                .imageScale(.large)
                .foregroundStyle(.tint)
            Text("Hello, world!")
        }
        .padding()
    }
}

別被它嚇到,重點就三個。ContentView 是整個畫面的主體,幾乎每個 SwiftUI 畫面都長這副樣子;Text("Hello, world!") 就是你在右邊看到的那行字;所有東西都塞在 body 裡,排版交給 SwiftUI 處理就好。

接下來最有感的一步——把 "Hello, world!" 換成你的名字,或任何中文都行:

Text("嗨,我在學 Swift!")

打完看右邊,那行字應該立刻變了。萬一沒動,按一下右上角那顆三角形「執行我的程式碼」。

玩出興致了?加顆按鈕。在 Text 下面空一行,輸入:

Button("點我!") {
    print("按下去了")
}

右邊就會冒出一顆「點我!」。print() 印出來的字會跑到畫面下方的 Console,點右下角那個「>_」圖示就能叫它出來,這是之後除錯很常用的小視窗。

最後,左上角那個文件名稱(預設叫 MyApp)點一下可以改名。改完不用特地存——所有東西會自動同步到 iCloud。

警告App 專案(`.swiftpm`)是存在 iCloud 的,如果空間滿了或當下沒連 Wi-Fi,進度可能沒同步上去。偶爾去 設定 → Apple ID → iCloud → iCloud 雲碟 瞄一下同步狀態,比較保險。

摸完了,換 Apple 官方帶你走

自己亂改可以學到東西,但真要打底,我更推 Apple 那幾套互動課程。它的節奏設計得很好,剛入門時跟著走不會卡。

首頁切到「更多 Playground」,找「認識 Swift(Intro to App Development with Swift)」,點「取得」下載,大概 200 到 400 MB,連 Wi-Fi 下比較快。

它的玩法很像闖關。每章先用插圖把概念講清楚,你不用跳出去查;講完接一道練習題,要你動手改程式碼讓畫面達標才能過;過了還給徽章。學起來真的有點上癮。

順序我通常這樣建議:

順序課程包你會學到
1認識 Swift變數、函數、迴圈、條件判斷
2開始使用 App(SwiftUI)View、Layout、State
3自己建立 App完整 App 架構、資料模型

順帶一提,這三套原本是 Apple 在美國大學的合作教材精簡版,在台灣 App Store 一樣全免費。三套啃完,Swift 基礎語法加 SwiftUI 入門就差不多到位了,份量大概抵一學期的大學程式課。

兩個門市最常被追問的問題

「那 Xcode 呢?以後是不是還是得換到 Mac?」

這題幾乎每組客人都會問。Swift Playgrounds 適合學習跟做原型,Xcode 才是正式開發工具,功能更全,但只跑在 Mac 上。好消息是——兩邊用的語言(Swift)和框架(SwiftUI)一模一樣,所以在 iPad 上學的程式碼,可以直接搬進 Xcode。除非你之後要做很複雜的 App,或想用 Xcode Cloud、Instruments 那些進階工具,才需要認真考慮 Mac。對初學者來說,先把 iPad 這關打穩,綽綽有餘。

「程式碼打了,預覽卻不動,還跳紅色記號,是壞了嗎?」

沒壞,那是它在提醒你。圓圓的紅色驚嘆號點下去會展開說明,九成是這幾種:括號沒關、字串少了引號、函數名打錯。錯誤訊息是英文,但其實有規律——看到 expected ')' 就回去找沒關的括號;看到 cannot find 'X' in scope 就檢查拼字。在門市我都會跟學員講同一句話:改一小段、看一次預覽,別一口氣改十行再回頭找 bug,那會找到天荒地老。


說到底,要不要讓孩子(或自己)開始學寫程式,這件事其實不必先砸錢買新裝置。手邊的 iPad 配上免費的 Swift Playgrounds,就足以判斷「到底有沒有興趣」。如果你還在猶豫哪一台 iPad 比較適合拿來學程式、跑得動分割畫面又外接得了鍵盤,可以用我們的選機小幫手抓個方向,或直接來店裡,我們把 Playgrounds 開好放你手上玩一輪,比看規格表準多了。

這篇對你有幫助嗎?
延伸閱讀

相關教學

為你精選

猜你喜歡

外觀
點綴色