Task❶ 建立一個 iOS App 專案/錄製gif/上傳到 GitHub

我的第一個專案,拉出三個頁面,AI產圖,放上圖文和按鈕

昨天傍晚熱騰騰的 macbook pro 終於到貨💛,迫不及待建立好 Xcode 開發環境,下單買可愛的保護套,然後開始製作我的第一個 iOS APP 專案。我跟 mac 不熟悉遇到好多困難點一一排除,等做完專案已經凌晨 3 點才放心的去睡覺,很久沒有這種成就感耶~很多東西都是第一次做,但看著 Peter 豐富的教材一步步做都還是成功了,有時會迷路在文章海裡,但是很有趣喔,若有時間的話真想每個過程都想用用看~以下紀錄過程。

  1. ️建立一個 iOS App 專案
  2. 錄製 App 在模擬器操作的 gif
  3. 將專案上傳到 GitHub
  4. 參考

建立一個 iOS App 專案

初始設定
Product Name : HowAreYou
Identifier : Task.sophie (之後一系列的練習都用 Task 前綴)
Interface : Storyboard ( SwiftUI 較新,先熟悉 Storyboard 了解大部分專案)
Language : Swift
Include Tests 先不要選
— — — Next — — —
勾選 : Create Git repository on my Mac (之後專案要上傳 Git )

錄製 App 在模擬器操作的 gif

先在 Xcode 畫出頁面,用 Adobe Firfly 產圖來使用,圖片要丟進 Assets 。

我下了文字敘述「星星、夜空、無尾熊」得到圖,產出圖無法呈現出我心中的想像,下關鍵字滿難的啊~但是學習用的差不多就好囉!

接著,用模擬器錄製畫面 gif 檔,這裡卡很久,模擬手機的 Mask 一開始沒出現,gif 圖就是直角長方形,解決方法是在 Simulator 設定中找到調整的選項,設定手機圓角出現,點擊模擬畫面時也出現圓形的點擊提示 (但不會被錄進去),終於成功,但不知道為什麼錄出來畫素有點差?☹️

將專案上傳到 GitHub

接著,把做完的檔案上傳 GitHub,要在 Xcode 做設定。

1️⃣ 先進入 Account 分頁,因為一開始我沒有設定,所以要點 Account 分頁下方的「+」選擇「GitHub」,連進去自己的 GitHub 生出一個自己專用的 Token ,複製回來貼上,這邊設定就OK了。

2️⃣ 再進入 Source Control 分頁填寫檔案的作者資訊,完成~

進去自己的 GitHub,製作專屬Token
成功畫面,左側出現GitHub項目

3️⃣ 回到 Xcode 就會看到 Repositories 下方出現 HowAreYou 專案,表示帳號接好了。接著,在專案名稱上按右鍵,選取「New “HowAreYou” Remote」就完成 GitHub 上傳囉。

4️⃣ 想檢視檔案可以點選「 View on GitHub 」,看看剛上傳的檔案。

--

--