iOS Widget導入の準備メモ


[SnapDish](http://snapdish.co)にWidget機能を追加することになったので開発することになった。やったこと忘れそうなので記録することにした。現在、本体はObjective-Cで開発されている。今回は、Swiftもやりたいので、初めてのSwiftプロダクション利用だけど、やらないと始まらないのでSwiftでやることにした。

## File>New>Targetを選択
![Screen Shot 2015-02-19 at 2.01.43 PM.png](https://qiita-image-store.s3.amazonaws.com/0/18766/6e7157d5-c19f-98c0-8e1b-bc71a4ccad43.png "Screen Shot 2015-02-19 at 2.01.43 PM.png")


## Today Extensionを選択してNext
![Screen Shot 2015-02-19 at 2.03.52 PM.png](https://qiita-image-store.s3.amazonaws.com/0/18766/f4991768-7af2-4f0e-d2e0-22c16e2d4eee.png "Screen Shot 2015-02-19 at 2.03.52 PM.png")

## Product Nameを指定する
![Screen Shot 2015-02-19 at 2.06.11 PM.png](https://qiita-image-store.s3.amazonaws.com/0/18766/baac0fb1-2ca6-8c7d-0f4e-dd685f512f40.png "Screen Shot 2015-02-19 at 2.06.11 PM.png")

今回は、SDWidgetを指定する。これは`デフォルトのWidget表示名前`になるので、後ほどinfo.plistでWidgetの表示名を修正する。

左のナビゲーションに以下が追加される

![Screen Shot 2015-02-19 at 2.11.33 PM.png](https://qiita-image-store.s3.amazonaws.com/0/18766/0ccbb39d-4f29-43ef-8f25-97c50b7e6f23.png "Screen Shot 2015-02-19 at 2.11.33 PM.png")

## 開発用とAdHoc用のプロパティリストを追加
_*必要でなければやらなくてよい_

## Supporting Filesを選択
 ![Screen Shot 2015-02-19 at 2.17.07 PM.png](https://qiita-image-store.s3.amazonaws.com/0/18766/30d74cb9-bd1b-0c19-c08c-ab0f1adc8e3d.png "Screen Shot 2015-02-19 at 2.17.07 PM.png")

## File > New > Fileを選択
![Screen Shot 2015-02-19 at 2.15.40 PM.png](https://qiita-image-store.s3.amazonaws.com/0/18766/ac57df1b-3b74-fb95-e26f-ceba19fda6d8.png "Screen Shot 2015-02-19 at 2.15.40 PM.png")

## Property Listを選択
![Screen Shot 2015-02-19 at 2.18.42 PM.png](https://qiita-image-store.s3.amazonaws.com/0/18766/cb9dfb2f-7b84-0f85-e841-18e3d4441764.png "Screen Shot 2015-02-19 at 2.18.42 PM.png")

## 開発とAdHoc用のInfo.plistを作成
![Screen Shot 2015-02-19 at 2.20.06 PM.png](https://qiita-image-store.s3.amazonaws.com/0/18766/bdeeed0d-33f8-336d-181e-5ecf713985eb.png "Screen Shot 2015-02-19 at 2.20.06 PM.png")
![Screen Shot 2015-02-19 at 2.20.22 PM.png](https://qiita-image-store.s3.amazonaws.com/0/18766/adadd4fe-f718-9d61-3a27-4be2593d89e4.png "Screen Shot 2015-02-19 at 2.20.22 PM.png")
![Screen Shot 2015-02-19 at 2.21.51 PM.png](https://qiita-image-store.s3.amazonaws.com/0/18766/3113cff6-921f-c3ab-6300-cf3cdf3d53d4.png "Screen Shot 2015-02-19 at 2.21.51 PM.png")

## Info.plistの設定する
表示名とBundle identifierを指定する
![Screen Shot 2015-02-19 at 2.24.20 PM.png](https://qiita-image-store.s3.amazonaws.com/0/18766/5dd72f48-d90a-d960-3d4f-aedf688ff211.png "Screen Shot 2015-02-19 at 2.24.20 PM.png")
![Screen Shot 2015-02-19 at 2.25.29 PM.png](https://qiita-image-store.s3.amazonaws.com/0/18766/da5a4a4f-4c19-4920-7334-f8d98f9c2e11.png "Screen Shot 2015-02-19 at 2.25.29 PM.png")
![Screen Shot 2015-02-19 at 2.25.44 PM.png](https://qiita-image-store.s3.amazonaws.com/0/18766/f36590dd-397a-f688-c8c3-ab620b9cae4c.png "Screen Shot 2015-02-19 at 2.25.44 PM.png")

## ビルドのSchemeに対応するplistを指定する
![Screen Shot 2015-02-19 at 2.29.20 PM.png](https://qiita-image-store.s3.amazonaws.com/0/18766/1e15eeee-b42b-e629-b6c8-981e591a20af.png "Screen Shot 2015-02-19 at 2.29.20 PM.png")

## アプリをコンパイルして動作の確認をする
![iOS Simulator Screen Shot Feb 19, 2015, 2.35.34 PM.png](https://qiita-image-store.s3.amazonaws.com/0/18766/b5a04ce2-b266-fe1d-1844-7cb61ce01633.png "iOS Simulator Screen Shot Feb 19, 2015, 2.35.34 PM.png")
![iOS Simulator Screen Shot Feb 19, 2015, 2.35.46 PM.png](https://qiita-image-store.s3.amazonaws.com/0/18766/4dc4805d-b59d-ec35-58a8-dd7a7f4ce486.png "iOS Simulator Screen Shot Feb 19, 2015, 2.35.46 PM.png")
![iOS Simulator Screen Shot Feb 19, 2015, 2.35.52 PM.png](https://qiita-image-store.s3.amazonaws.com/0/18766/f131c3b2-afde-303a-aa63-8704a5d7f627.png "iOS Simulator Screen Shot Feb 19, 2015, 2.35.52 PM.png")
![iOS Simulator Screen Shot Feb 19, 2015, 2.36.06 PM.png](https://qiita-image-store.s3.amazonaws.com/0/18766/a243b5a2-276a-2b20-3160-cd2316f526ec.png "iOS Simulator Screen Shot Feb 19, 2015, 2.36.06 PM.png")

## まとめ
比較的簡単に準備ができた。SnapDishで投稿された人気の料理写真を表示させる実装を行うことにする。

[開発に関してはこちら](http://qiita.com/kiyotaman/items/8825f62c8cc352e984a8)