SwiftをXcodeで使ってみる

Xcodeの使い方もままならないので、まずは基本準備から。
参考にしたURLは以下のサイト
・[Xcodeの使い方を基礎から学ぼう](http://engineer.typemag.jp/article/ra-ios-tips03)
・[Xcodeのストーリーボードを使う方法](http://techacademy.jp/magazine/1825)

#Xcodeでswiftが使えるようにするために
1. プロジェクトを作る
>今回は「Create a new Xcode project」を選択します
![スクリーンショット 2015-04-16 17.43.52.png](https://qiita-image-store.s3.amazonaws.com/0/39911/0d9404c5-7708-7772-f1a9-0dc1a19b24f3.png)

2. アプリのテンプレートを選択
>今回は最もシンプルな「Single View Application」を選択
他のテンプレートは最初から便利な機能が組み込まれているそうです。
![スクリーンショット 2015-04-23 17.43.16.png](https://qiita-image-store.s3.amazonaws.com/0/39911/86cc3126-b3a0-a3c6-287f-e38d4908313b.png)

3. Languageを選択
>一番の肝！
LanguageはSwiftを選択！！
Product Nameは適当に日付をつけました。
![スクリーンショット 2015-04-23 17.58.16.png](https://qiita-image-store.s3.amazonaws.com/0/39911/36f33415-655f-8738-5b61-ff483ff63ce0.png)

4. プロジェクトを保存する場所指定して「Create」

以上で最低限必要なファイルやフォルダが自動生成されて以下の様な画面がでます。
![スクリーンショット 2015-04-23 18.05.40.png](https://qiita-image-store.s3.amazonaws.com/0/39911/56b076c1-037b-7ae9-b144-f98052b99a7c.png)

準備は出来ました。
あとはスクリプトを書くだけ！！！
ですが、Xcodeは「iPhoneアプリの画面が簡単に作れる」ストーリーボード（Storyboard）という機能があるとのこと。
せっかくなので、ストーリーボードで作業をしてみます。

#Xcodeで作業するための確認
画面の呼び名は以下のようによばれているようです。
・左側：ナビゲーターエリア
・下側：デバックエリア
・右側：ユーティリティエリア
・中央：エディタエリア
![スクリーンショット 2015-04-28 14.31.39.png](https://qiita-image-store.s3.amazonaws.com/0/39911/3670441c-9225-dbbc-eb44-789f78f799d4.png)

画面右上、ツールバーにある四角いアイコン、青は表示、黒は非表示です。
クリックして中央のエディタエリアを広くできます。
![スクリーンショット 2015-04-23 18.19.47.png](https://qiita-image-store.s3.amazonaws.com/0/39911/a6f8aada-4218-e316-04f1-71225cb39807.png)

ナビゲータエリア「ViewController.swift」ファイルを選択すると
エディタエリア(中央)にソースコードが表示されます。
ViewController.swift:画面の制御。
![スクリーンショット 2015-05-14 15.23.30.png](https://qiita-image-store.s3.amazonaws.com/0/39911/e02a01ea-e215-5fb0-9f96-d8232d2efb8e.png)

ナビゲータエリア「Main.storyboard」ファイルを選択すると
エディタエリア(中央)にメニューっぽいバーと四角のエリアが表示されます。
Main.storyboard:オブジェクトの配置や画面遷移の設定。
![スクリーンショット 2015-05-14 15.27.37.png](https://qiita-image-store.s3.amazonaws.com/0/39911/f7cba234-b896-88d8-9799-5e64ea93bf89.png)

#ストーリーボードを使って作業してみる。
参考にしたURL
http://qiita.com/Kta-M/items/087b3cc4bca1fbf6c77a

1.Main.storyboardとViewController.swiftを並べる

>
右上の丸が重なったアイコンをクリックする
![スクリーンショット 2015-05-14 15.33.10.png](https://qiita-image-store.s3.amazonaws.com/0/39911/74e62d98-481b-0af4-0335-7a714b9b2efd.png)
すると、横に並んでくれます。
作業がしやすいようにデバックエリアは非表示にしました。
![スクリーンショット 2015-05-14 15.38.40.png](https://qiita-image-store.s3.amazonaws.com/0/39911/66a18530-51c9-c48a-52fc-80ea2a4f42b3.png)

2.ユーティリティエリアの下にある部品を選択しストーリーボードにドラックする
![スクリーンショット 2015-05-14 15.49.22.png](https://qiita-image-store.s3.amazonaws.com/0/39911/392f641d-282e-ccdf-be09-09fc2a1b91b6.png)

3.Controlを押しながら部品をソースへドラッグする
そうするとラベルの変数名やボタンの関数名を設定するダイアログっぽいのが出てきます。
![スクリーンショット 2015-05-14 15.55.01.png](https://qiita-image-store.s3.amazonaws.com/0/39911/b6383889-7aac-1f14-cd53-56857dbbe44a.png)
適当に名前をつけて「Connect」を押すとソースに反映されます。
![スクリーンショット 2015-05-14 16.04.33.png](https://qiita-image-store.s3.amazonaws.com/0/39911/b1a674bb-04e9-8336-235e-7d1f82ebf4c1.png)

Labelを例に見ると
ストーリーボードとソースがつながるとソースの左側に丸が出てきて中黒になってる。
ユーティリティエリアの上の→マークみたいなのが押されている状態だと、
リレーションマップみたいなのでつながっていることがわかります。
![スクリーンショット 2015-05-14 16.10.08.png](https://qiita-image-store.s3.amazonaws.com/0/39911/d2a23af7-f9ee-784b-ce26-44c41c131632.png)![スクリーンショット 2015-05-14 16.17.41.png](https://qiita-image-store.s3.amazonaws.com/0/39911/3c50ab2d-b8e1-5761-d68c-5cdb91877702.png)

4.Buttonにアクションを加える
ストーリーボードのButtonを選択すると、ユーティリティエリアにアクションリストが表示されます。
アクションリストから今回は「Touchdown（押す）」のアクションの◯を選択し、ソースにドラック。
このとき、ソースに差し込む位置はButton変数宣言よりも下にないとおかしくなります。
関数名をつけて、「Connect」を押すとソースに反映されます。
![スクリーンショット 2015-05-14 16.20.42.png](https://qiita-image-store.s3.amazonaws.com/0/39911/dc49233a-edca-a979-2eb5-66cacae0b8f2.png)
反映されるとユーティリティのところはこんなかんじになりました。
![スクリーンショット 2015-05-14 16.28.00.png](https://qiita-image-store.s3.amazonaws.com/0/39911/520eca15-f71e-bf21-3ec2-959450c04aad.png)

5.ボタンが押された時の動作を書く
Labelの文言を変えてみるソースをかきます。
![スクリーンショット 2015-05-14 16.32.40.png](https://qiita-image-store.s3.amazonaws.com/0/39911/eea08304-4813-c6b4-be86-c6d509fac012.png)

6.ビルドして再生する
左上の再生ボタンを押すとビルドされてシミュレータが立ち上がります。
![スクリーンショット 2015-05-14 16.34.46.png](https://qiita-image-store.s3.amazonaws.com/0/39911/8f2d04bc-af2c-c0eb-d1e8-9351d9cca780.png)

もしかするとデバックを許可するようにダイアログが出てくるかもしれません。。

とりあえず、できあがり。
![スクリーンショット 2015-05-14 16.39.33.png](https://qiita-image-store.s3.amazonaws.com/0/39911/df8db025-28d6-bdf7-3acb-73c48fabfbac.png)　ー＞![スクリーンショット 2015-05-14 16.40.01.png](https://qiita-image-store.s3.amazonaws.com/0/39911/f8a94099-9a1e-b164-f106-324519ad6dd6.png)

さて、swiftの言語の作法とXcodeの作法が全くちんぷんかんぷんなので、
これからじっくり調べていきます。
文法の参考に
http://qiita.com/chatii0079/items/33e74c1225e0ce6c103b