15
18

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

CloudpaymentAdvent Calendar 2015

Day 2

【Swift、Xcode初心者用】はじめてのアプリを作る

Last updated at Posted at 2015-03-11

こちらの参考書を参考にして、アプリを作ってみました。
Swiftではじめる iPhoneアプリ開発の教科書 【iOS 8&Xcode 6対応】

とっても簡単で流れがわかりやすいです。
アプリといってもテキストを表示するだけのアプリですが、
まずはアプリ開発の流れが知りたい!という方は最初このアプリを作ってみるといいと思います。

まずは開発環境の準備です。
1.Xcodeをインストール
2.Command Line Toolsをインストール

#1.新規プロジェクトを作る
画面に"おはよう"と表示するアプリを作ります。
スクリーンショット 2015-03-12 0.06.13.png

①Xcodeを起動して、「Create a new Xcode project(新規プロジェクトを作成する)」ボタンを選択。
スクリーンショット_2015-03-11_23_53_16.png

テンプレート選択ダイアログで、「Single View Application」を選択、「Next」を押す。
スクリーンショット_2015-03-11_23_53_56.png

②プロジェクトオプションダイアログで、各項目を画像のように設定して「Next」を押す。
スクリーンショット 2015-03-11 23.55.36.png
(Nameは自分の名前で大丈夫です笑)

③プロジェクトの保存先を選択。「Create」を押すとプロジェクトが作成されます。
スクリーンショット 2015-03-11 23.56.06.png

#2.ラベルを並べる
①左のナビゲータエリアで、「Main.storyboard」を選択。
スクリーンショット_2015-03-11_23_57_02.png

②ViewControllerをiPhoneの縦サイズに変更。(そのまま正方形のままでも大丈夫です)
ViewControllerをクリックして、アトリビュート・インスペクタを選択。画像の枠のように設定する。
スクリーンショット_2015-03-11_23_58_13.png

③右のユーティリティエリアのObject・ライブラリから、LabelをViewController(画面)へドラッグ。
スクリーンショット_2015-03-11_23_59_18.png

Labelはドラッグして位置を調整したり、大きさを変更したりできます。(パワポのように)
ここでテキストをそのまま編集できますが、あとで落とし穴が…

#3.ラベルをプログラムとつなぐ
①ツールバーの「アシスタントエディターボタン」を押して、アシスタントエディターに切り替える。
スクリーンショット_2015-03-12_0_00_42.png

②ラベルを右クリック(control+クリック)してドラッグすると線がのびるので、この線を「class ViewController: UIViewController{」の次の行にドロップする。
スクリーンショット 2015-03-12 0.01.48.png

③接続の設定ダイアログが表示されるので、「Name」に「myLabel」とラベルの名前を設定して、「Connect」ボタンを押す。
スクリーンショット 2015-03-12 0.02.16.png

④ドロップした場所にプログラムが表示される。これで「ラベルとラベル名の接続」が完了。

#4.プログラムを書く
①ツールバーの「スタンダードエディターボタン」を押してエディターを広くする。

②左のナビゲータエリアで、ViewController.swiftを選択するとソースエディターが表示される。
スクリーンショット_2015-03-12_0_03_02.png

③「override func viewDidLoad(){」から「}」までのプログラムにmyLabel.text = "おはよう"を追加する。
スクリーンショット 2015-03-12 0.04.43.png

#5.テストする
①ツールバーの「Schemeメニュー」で「iPhone6」を選択。
スクリーンショット_2015-03-12_0_05_11.png

②ツールバーの「Run」ボタン(またはCommand+r)を押すとシミュレータが起動し、アプリが実行されます。
スクリーンショット_2015-03-12_0_06_11.png

#6.まとめ
いかがだったでしょうか。

Xcodeのアプリ開発の流れの基本は以上のようになります。
あとはどんなことをしたいかで
必要なことを勉強して組み込んでいくと色んなアプリができるようになると思います。

僕もまだまだ覚えることがたくさんたくさんなので勉強します!
ともにがんばりましょう(・∀・)

あ!最後に補足です!
Labelを画面にドロップして追加した時に、テキストをそこで編集できましたよね?
そこで落とし穴が…みたいに言ってたと思うんですけど、
Labelとかオブジェクトは初期値で入ってるんですね。
なのでその場で編集するのは初期値を編集するということになります。

ソースエディターでoverride func viewDidLoad(){myLabel.text = "おはよう"
と入力したと思うんですけど、そこで上書きされちゃうんですね。

なのでオブジェクト自体の編集で大きさやテキストや色の変更などは
あくまで初期値と考えてください(・∀・)

・・・補足でした。

ありがとうございます。

15
18
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
15
18

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?