SnapKitを使ったAutoLayoutの練習

<a target="_blank" href="https://www.amazon.co.jp/gp/product/B00XKGB2K8/ref=as_li_tl?ie=UTF8&camp=247&creative=1211&creativeASIN=B00XKGB2K8&linkCode=as2&tag=komu1111-22&linkId=2f9b689c0b9bdc41f72cedd9b96b7ebe">iOSアプリ開発　AutoLayout徹底攻略 (Mynavi Advanced Library)</a><img src="//ir-jp.amazon-adsystem.com/e/ir?t=komu1111-22&l=am2&o=9&a=B00XKGB2K8" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />の問題を[SnakpKit](https://github.com/SnapKit/SnapKit)を使って解いた解答になります。

以前、[swift2.3で適当にまとめていたもの](http://komukomu.hatenablog.com/entry/2016/05/12/013952)をswift3.1バージョンで書き直してみました。

内容はかなり簡単なものになりますので、SnapKitってどんな感じで書けるんだろうという方が対象になると思います。

swift3.0になって以下が変更になったみたいです。
```make.center.equalTo(0) now positions a view at 0,0 in it's superview rather than the center, use make.center.equalToSuperview instead.
updateConstraints will throw a fatal error if it generates a new constraint that did not exist before. Instead use makeConstraints to add additional constraints.
```

ソースコードはこちら
https://github.com/komu1111/SnapKitNote


#### 環境

Swift 3.1, Xcode 8.3.1, SnapKit 3.2.0

#### Q1, Q3. viewを画面の中央に配置
|Portrait|Landscape|
|:-:|:-:|
|<img src ="https://cloud.githubusercontent.com/assets/13263903/26273796/e0018064-3d72-11e7-8f5b-3d3e94825339.png" width="320px">|<img src ="https://cloud.githubusercontent.com/assets/13263903/26281008/1017e486-3e23-11e7-8627-49a0d64c4447.png">|

#### Q2. 画面の中央から少しずれた位置にviewを配置
|Portrait|Landscape|
|:-:|:-:|
|<img src ="https://cloud.githubusercontent.com/assets/13263903/26281003/ed41283c-3e22-11e7-8c3b-674e5b5f7ee4.png" width="320px">|<img src ="https://cloud.githubusercontent.com/assets/13263903/26281004/ed43cf74-3e22-11e7-9a5b-6b72ca23690d.png">|


#### Q4. 画面サイズのviewを配置
|Portrait|Landscape|
|:-:|:-:|
|<img src ="https://cloud.githubusercontent.com/assets/13263903/26273795/dffe07ea-3d72-11e7-94e6-d2fbe88b56f9.png" width="320px">|<img src ="https://cloud.githubusercontent.com/assets/13263903/26281023/a8d2e8c4-3e23-11e7-946b-233be2057312.png">


#### Q5. 画面の左下に固定サイズのviewを配置
|Portrait|Landscape|
|:-:|:-:|
|<img src ="https://cloud.githubusercontent.com/assets/13263903/26273792/dfe7e6fe-3d72-11e7-8304-f0e01c40ff51.png" width="320px">|<img src ="https://cloud.githubusercontent.com/assets/13263903/26281015/42f09768-3e23-11e7-8fdd-4865dbed992d.png">

#### Q6. 画面下に複数のviewを高さ固定で配置
|Portrait|Landscape|
|:-:|:-:|
|<img src ="https://cloud.githubusercontent.com/assets/13263903/26280987/6a94e086-3e22-11e7-872e-9c7f196a01a1.png" width="320px">|<img src ="https://cloud.githubusercontent.com/assets/13263903/26280986/6a738bd4-3e22-11e7-8999-a2f41d58c1ce.png">|


#### Q7. 画面下に複数のviewを縦横比率を固定で配置
|Portrait|Landscape|
|:-:|:-:|
|<img src ="https://cloud.githubusercontent.com/assets/13263903/26273793/dfe83bea-3d72-11e7-9e94-9af936322b7d.png" width="320px">|<img src ="https://cloud.githubusercontent.com/assets/13263903/26280994/a8d2a9a0-3e22-11e7-8049-1c84a0422fbc.png">|


#### Q8. 画面中央に画面サイズの60%の幅の画像を配置
|Portrait|Landscape|
|:-:|:-:|
|<img src ="https://cloud.githubusercontent.com/assets/13263903/26280970/eadf1866-3e21-11e7-8857-30bc4420e2bd.png" width="320px">|<img src ="https://cloud.githubusercontent.com/assets/13263903/26280969/eab1b9b6-3e21-11e7-82ab-56cf40d30734.png">|

#### Q9. 画面の上から画面の縦40%の高さのviewを配置
|Portrait|Landscape|
|:-:|:-:|
|<img src ="https://cloud.githubusercontent.com/assets/13263903/26273789/dfdc3e76-3d72-11e7-9f86-3fe9cea72162.png" width="320px">|<img src ="https://cloud.githubusercontent.com/assets/13263903/26280979/30eab72a-3e22-11e7-8254-b1da8ee92669.png">|


#### Q10. 画面分割して上の領域の中央にviewを配置
|Portrait|Landscape|
|:-:|:-:|
|<img src ="https://cloud.githubusercontent.com/assets/13263903/26273788/dfc55544-3d72-11e7-83e9-3fd47eaa1952.png" width="320px">|<img src ="https://cloud.githubusercontent.com/assets/13263903/26273784/dfbd453e-3d72-11e7-93aa-f714cb3f73c9.png">|

#### Q11. 複数のviewを同じ幅で並べて配置
|Portrait|Landscape|
|:-:|:-:|
|<img src ="https://cloud.githubusercontent.com/assets/13263903/26273785/dfbf46d6-3d72-11e7-8ac2-5f476ad61a33.png" width="320px">|<img src ="https://cloud.githubusercontent.com/assets/13263903/26273783/dfbb554e-3d72-11e7-9dcf-48d3767c5f82.png">|

#### Q12. 複数のviewを等間隔で並べて配置
|Portrait|Landscape|
|:-:|:-:|
|<img src ="https://cloud.githubusercontent.com/assets/13263903/26273787/dfc4bd1e-3d72-11e7-91ba-86700e626b1f.png" width="320px">|<img src ="https://cloud.githubusercontent.com/assets/13263903/26273782/df94028c-3d72-11e7-806b-a01fd435dc2e.png">|