---
# System prepended metadata

title: '技術-iOS #1-Hello World，iOS App 我來了'
tags: [新人資訊]

---

---
tags: 新人資訊
GA: G-YWCCFEGXSJ
---
[新人資訊](https://hackmd.io/@newman/portal-info)

# 技術-iOS #1-Hello World，iOS App 我來了

2022 六月某日，對於職業生涯和軟體開發的想法突然變了，而且改變幅度有點大，好像腦袋接線全換掉一樣，整個翻轉了！那個思考推理過程就先存在我的私人筆記裡慢慢沈澱，總之結論就是：來寫 iOS App 吧！

一台 Mac OS 的裝置是必要的，先保守看待這個計畫嚴控成本，上網尋找二手產品，很快的相中一台 2019 Intel i5 8GB RAM 512 SSD 的 Macbook Air，要價 18000 元，隔天到汐止面交，很快的我就擁有了一台可愛九成新的 Macbook Air！雖然規格平平，沒想到滿足感爆表，蘋果蘋果質感就是好啊，螢幕音效鍵盤觸感背光和整體設計有說不出的迷人，IO Port 竟然只有兩個 Type C 和一個耳機孔，連我認為最基本的電源孔，Type A 和 HDMI 都硬生生拿掉，真是極簡到完全對到我的胃口！現在用這台打文章還以一種濃濃的幸福感，哈哈。

![](https://newprediction.blob.core.windows.net/notebook-img/WoB5uhk.png)

到 Udemy 找了一個線上課程就開始我的學習計畫了，首先安裝 Xcode，新增專案，選擇專案模板，為專案命名，Interface 選 Storyboard。

![](https://newprediction.blob.core.windows.net/notebook-img/tOJjyyy.png)

今天的任務很簡單，只是 Hello World，預計 App 打開時會顯示幾個文字和一張圖，只要在開發主畫面拖進一個 Label 和一個 Image View 非常直覺，主要時間會花在準備那張圖和 App Icon。

![](https://newprediction.blob.core.windows.net/notebook-img/6Sh3S7C.png)

要在專案中使用圖片，必須先將圖檔匯入專案管理之下，有一定的規範要求，如下圖顯示一個圖形資源必須準備大小不同共三份，照著做就可以達到 Apple 要求的質感，讓 App 在 zoom in and out 時都可以維持好的影像品質。

![](https://newprediction.blob.core.windows.net/notebook-img/SPSXHNS.png)

要製作這種不同大小的影像資源，課程介紹了很棒的線上資源，直接在 browser 可以搞定：https://appicon.co/

![](https://newprediction.blob.core.windows.net/notebook-img/WnQBE7F.png)

另外還要製作 App Icon，這個講究更多，為了適應各機型的 iOS 裝置必須有對應不同大小的影像，還好這個麻煩的工作也有線上工具平台可以用。

![](https://newprediction.blob.core.windows.net/notebook-img/qbp71mC.png)

進到 canva 這個網站 https://www.canva.com/ 超多功能的，製作 icon 只是其中一項，做好後按下 download 可以得到各種不同 size 的圖檔和一個描述規格的 json 檔，一樣把它拖進專案中即可。

![](https://newprediction.blob.core.windows.net/notebook-img/u6uXkCb.png)

以上即將完成我的第一個 App，在 Xcode 中有各式各樣的模擬器可以執行，且當 iPhone 連線時也可以直接部署到實體機執行。

https://youtube.com/shorts/3SHXo_rluYk

旅程將繼續。

By Newman Chen 2022/6/30

參考資料：

https://appicon.co/

https://www.canva.com/