♯1. 錄製APP操作畫面與Git版本控制

工欲善其事，必先利其器。

Photo by Vlad Deep on Unsplash

做好一個 APP 卻乏人問津？其實也沒什麼好奇怪的，因為大家還不懂我們的 APP 多好用、多有趣、多活潑，但沒事也不會先下載一個莫名的APP，因此我們要如何可以快速吸眼球就是一個高深的學問，行銷又是另一個世界了，所以我們先跳過。

但我們可以先前置作業，先準備好我們 APP 的 GIF，讓還沒下載的人可以先行預覽我們的內容畫面，是否符合他的喜好，符合了就成功一半了！因此我們得先知道如何錄製。

感謝小潘同學當了我們巨人的肩膀，錄製相關的文章寫得很仔細，跟高級 buffet 一樣，可以挑選自己喜歡或是適合運用的方式，例如是否需要聲音錄製等等。

錄製分享精采的 iOS App 操作影片和 gif

步驟也相當簡單，附上我的錄製成果圖：

裝上框是錄製的四倍時間啊！！

接下來身為工程師就是要需要了解一下版控的重要性！

粗略粗略地說就是對你的程式碼進行所謂的備份動作，想想你沒日沒夜寫了一堆扣之後，終於可以打完收工，結果隔天發現自己電腦爆了，那些扣通通不見，心裡大概有幾百萬隻草泥馬會路過吧～版控就可以幫我們避免這件事情，以及團隊合作時大家共同開發，誰不小心把扣改爆了都可以找到兇手(茶)，想要更深了解其實也有滿多文章會聊到這個的！大家有興趣也可以去看看 ：）

如何將自己寫好的 iOS 上傳到版控上呢？

1. 申請自己的 Git 空間
2. 與 Xcode 連動
3. 撰寫commit
4. 可能會有需要解衝突的時候
5. 上傳！

小潘同學也有完整的 Xcode 與自己的 Git 連動文章：

如何將 iOS App 作業上傳到 GitHub

寫完作業我腦細胞已經陣亡，但簡略的陳述一下我如何將 GIF 檔 MOCK 到手機上好了，免得我之後也失憶。

1. 先找出想要 MOCK 的手機版本的PSD檔案，在 photoshop 中打開。(我手上的版本是 iphone 8 )
2. 將錄製好的 GIF 在 photoshop 打開(與上述是不同頁面)，會出現時間軸的影格動畫，原則上按下播放就會自己跑起來。
3. 將 MOCK 手機複製圖檔到 GIF 的文件中，寬高給拉一拉，假裝他們是同一個爸媽生的。
4. 儲存方式：檔案→轉存→儲存為網頁用，再依照自己想要的大小進行儲存即可。

好！打完收工。