Prototype Pattern (原型模式) in Swift

我把原文寫在 Medium 了。

↓連結放這邊

點我

這是我看了 Pro Design Patter in Swift 後的心得，所以裡面的文脈都是繼承自書裡面的內容。
這可以算是讀書心得。

那些在 WWDC 18 Wallpaper 裡面的圖案，到底代表什麼呢?

今年的 WWDC 18 Wallpaper 裡面，存在很多不同的元件，這邊分享一下這些元件在 Apple Document 的名稱，以及他放在 線上 Document 哪邊。這篇並不會把所有 Wallpaper 上的元件都列出來，因為很多元件事實上在其他領域已經是非常常見的了。

這些元件是可以在 Apple document 裡面看到的。

歡迎點擊我看詳細

WWDC 2018 網路預測大整理

每年的 WWDC 對開發者而言，都像是個強檔電影一樣，在那個日期前，有許多的猜測都會出籠。今年的 WWDC 會在 6 月 4 日開始，持續到 6 月 8 日，為期五天，地點會在 San Jose 的 McEnery 會議中心。不過，在倒數的前幾個禮拜，我們可以先來看看現在在網路上的預測有哪些。

我在 Medium 上寫了一篇文章，收錄了其他人寫的預測文

請點擊這裡!!!

歌曲知識王更新到 V2.2.0

「歌曲知識王」更新到 V2.2.0 囉

更新內容:
．UI bugs fix
．iPad 版本更新

目前 iPad 的 UI 還沒修改到最完美的境界，但現在開始，你已經可以從 iPad 上的 App Store 上直接下載囉。

↓下載連結
https://itunes.apple.com/tw/app/id1273605195

歌曲知識王 - V2.1.0 更新

我們的版本更新到 V2.1.0 囉。
這一次的更新，是為了下一個功能所做的前期準備。
下一次的版本，我們會增加每週的分數排行榜。
如果有下載過的朋友，請至 App Store 上更新到最新版。
或是你對這個有一些特別的想法，也可以到臉書粉絲團裡面留言。

↓下載連結
https://goo.gl/jQ9S65

↓臉書粉絲團
https://www.facebook.com/SongQuizApp/

歌曲知識王更新到 V1.1.9 了

App Store 連結:
https://itunes.apple.com/tw/app/id1273605195

V1.1.9 更新內容:

針對 iPhoneX 做 UI 的優化

同時，結算頁還可以重聽一次題目

 這是遊戲的 Demo 影片，

             

現在有的題庫分別是 華語歌曲、台語歌曲、粵語歌曲、以及世界排名歌曲。

預計未來會增加各種特色曲目的題庫。

有興趣的人可以下載來看看唷。

中文版粉絲團:
https://www.facebook.com/%E6%AD%8C%E6%9B%B2%E7%9F%A5%E8%AD%98%E7%8E%8B-1778810945751055/

英文版粉絲團:
https://www.facebook.com/KingOfSongQuiz/

一個 typo ，讓整個 database 混亂了

分享一個開發時候沒注意到的小事，最後導致了 database 裡面資料混亂的事。

https://goo.gl/G3MSjg

 連結是「歌曲知識王」，一個自製的 iOS App 遊戲。

 當初在設定做使用者的資料結構時，在某一項 key 值中多打了一個 e。

可是另一頁的同樣資料，他 key 值卻沒有打錯。

iOS 遊戲 App - 猜歌之王 King of Song Quiz

這是一個猜歌的 App

App Store 連結:
https://itunes.apple.com/tw/app/id1273605195

螢幕截圖:

 

他是個猜歌遊戲

現在是 v1.1.6

有在看這個版的朋友，麻煩廣一下

玩法很簡單，選擇題庫後，倒數三秒開始猜歌

每一首歌都有30秒內的試聽曲

在愈短時間內猜出，得分愈高

現在有的題庫分別是 華語歌曲、台語歌曲、粵語歌曲、以及世界排名歌曲。

預計未來會增加各種特色曲目的題庫。

有興趣的人可以下載來看看唷。

中文版粉絲團:
https://www.facebook.com/%E6%AD%8C%E6%9B%B2%E7%9F%A5%E8%AD%98%E7%8E%8B-1778810945751055/

英文版粉絲團:
https://www.facebook.com/KingOfSongQuiz/

Swift & xcode 學習歷程 part6 - nil 和 optional

1> Swift 的語言裡面，有大量的驚嘆號。要了解驚嘆號，就要先知道 nil。nil 就是什麼都沒有，即使這個變數是 int，或是 double，他也可以是nil。nil 自己一個型別，獨立的一個。

2> 再看 Optional, 而為了向下相容 objective-c。所以他設定了 Optional。在早期的 obj-c裡面，在一個 function 執行，而他在執行的時候，如果需要回傳某個結果。假設是 int，如果這個程式是算的出來的，他就會回傳結果，但是有時候你會遇到算不出來的時候。此時會回傳 nil，不是回傳其他任何 type。

3> 但 swift 的語言架構，和 obj-c 是不一樣了，所以為了向下相容，所以他創造了一個 data type，叫做 Optional。使用的方式，就是加上問號。這就是相當於一個包裝，把某個變數包在裡面。讓他能出現 nil。

4> 所以當變數在做互相運算的時候，他一定要解開，因為 nil 的運算是有可能讓你的 app 炸掉。而解開的方法，有兩種

4.a> Optional binding, if let {}

或是

4.b> !

舉例來說:

Optional Chaining

UILabel?.text = “123”

這個 UI 是會先被檢查是不是 nil。如果是 nil ，這一行跳過，則不執行。如果己經不是 nil，就會執行。

if let 寫太多，事實上很差，如果你裡面有四個變數，那你就會出現四個 if let，會變成波動拳程式碼。

所以 swift 2.0 有加一個功能。

if let plustNText = plustNfield.text, let n = sth , let m = sth {

//這樣一次就可以解開四個變數

}

5> MVC  一種軟體開發的設計模式 Model, View, Controller.

Model:

軟體中的資料。通訊錄中的聯絡人“Line 的對話紀錄、遊戲裡面的排行榜分數。在我們的計數器裡面，他的變數名是 counter.

View

直接面對使用者

Controller.

負責控制Model和View之間的溝通，管理運算，可以想像成大腦

View Controller

通常控制一整個 App頁面，他是 App頁面的「大腦」

通常會有非常非常多行的code。

真的有必要的時候可以把部分的東西切分出來到獨立的 controller

----溝通方式-----

6> Outlet

Controller 藉由 outlet  來對 view 物件進行動作，所以 outlet 會設定為 controller 的屬性。

Target-action

當 view 物件發生特定事件 (event) 的時候會啟動。

7> 特別注意

AutoLayout & UIStckView

同步與非同步處理> 同步: 馬上程式會跑。 非同步: 按下去後，要等。

MKDirections

8> Auto Layout 一原點是在左上角

(0,0) (w,0)

(0,h) (w,h)

h和w 都是正值

9> Missing constraints > 沒有定義完成會出現的 errMsg

Misplaced views  > 運算完的 view 和 實際大小可能不同。

10> 在 iOS9 新增了 UIStackView

在元件欄裡面

事實上還有一個 Vertical Stack View，可以裡面再塞基他的 label 或 slider 或 view。然後，他可以用 Fill 的方式，或是 equally distribution，你還可以用 spacing 去調整。這是一個很快做 layout  的方法。

Swift & xcode 學習歷程 part5 - 各種線上資源

Swift & xcode 學習歷程 part5 - 各種線上資源

1> 如果沒有靈感的話，可以去  coacoacontrols.com 去找，他連圖案都有，而且有附上GitHub連結。如果看到喜歡的，就去 GitHub 上，直接參考別人的程式碼怎麼寫。

2> 另一個教學網站， raywnderlich.com/

這個也可以，他有各種教學，也有各種 UI/UX 排版，動畫，特效。

3> xcode 原生支援 GitHub, svn. 在Xcode一打開的選項裡面，就可以找版控的。

4> 有各種模板，最簡單的當然就是 single view。

4-a> Master-Detail application. 這種 app，就像 mail，點左邊，右邊出現內文或細項。

4-b> Page-Based app: 就像 iphone 的主畫面。有多頁

4-c> Tabbed app: 就像 fb 那一樣，最下面會有一排 「 tab」 他有各種不同的畫面

4-d> Message App: 針對 iMessage.