![](https://stat.ameba.jp/user_images/20170709/01/t-higashi5494/33/ea/j/o0630063013978267681.jpg?caw=800)
はじめに
今までこのブログは、参考サイト、参考書籍、勉強方法などの記事が多かったですが
これからは実践的な記事も書いていきたいと思います!
最初にiPhoneアプリ開発に避けて通れない
Xcodeの基本的な使い方を解説したいと思います!
Xcodeとは?
XcodeとはAppleが提供する、MacOSX向けの統合開発環境です
iPhoneアプリ開発には必須のツールになります
画面の構成を決めたり、プログラミングを書いたり
iOSシミュレーターで動作が確認できたりします
Xcodeのインストール
MacのAppStoreから無料でダウンロード、インストールできます
AppStoreからダウンロードするとインストールの自動的に行われます
![](https://stat.ameba.jp/user_images/20170709/15/t-higashi5494/64/6f/p/o0689045113978577665.png?caw=800)
Xcodeの基本的なアプリ開発手順
Xcodeの基本的な開発手順を解説します
Xcode基本的な開発手順は
1.プロジェクトの作成
2.画面構成の決定
3.プログラムを書く
4.作ったアプリをiOSシミュレーターで動かす
という手順になっています
ここではそれぞれの手順を解説しますね〜
プロジェクトの新規作成
Xcodeを起動すると以下の画面が表示されるので
「Create a new Xcode project」を選択します
![](https://stat.ameba.jp/user_images/20170709/15/t-higashi5494/76/db/p/o0498047713978580081.png?caw=800)
今回は簡単なアプリを作成するので
「Single View Application」を選択します
![](https://stat.ameba.jp/user_images/20170709/15/t-higashi5494/4f/d5/p/o0739052413978582777.png?caw=800)
以下のように入力します
・Product Name → アプリケーションの名前を入力します
・Organization Name → 組織やチームの名前を入力します
・Organization Identifier → とりあえず空白でもいいです 自分が所有しているサイトなどのドメインを入力するのが通例です
例えば「hogehoge.co.jp」のサイトを持っている場合は「jp.co.hogehoge」と入力したりします
・Language → プログラム言語を選択します Swiftを選択します
・Devices → 開発対象の機器を選択します 今回はiPhoneを選択します
![](https://stat.ameba.jp/user_images/20170709/15/t-higashi5494/20/8e/p/o0718042313978584531.png?caw=800)
これでプロジェクトの作成が終了です!
画面にラベルを追加する
左側のツリーから「Main.storyboard」を選択します
![](https://stat.ameba.jp/user_images/20170709/15/t-higashi5494/7a/29/p/o1004071013978590794.png?caw=800)
画面右下にあるツール一覧から「Label」を
選択して中央の画面にドラッグします
これで画面にラベルが配置されます
![](https://stat.ameba.jp/user_images/20170709/15/t-higashi5494/ac/48/p/o0822064813978591995.png?caw=800)
右上の輪っかになっているボタンを押すと、プログラムが表示されます
その状態でラベルを「control」キーを押しながら
プログラムが書かれているところにドラッグします
名前を「MyLabel」に設定して「Connect」を選択します
![](https://stat.ameba.jp/user_images/20170709/15/t-higashi5494/e6/c0/p/o0895062313978597006.png?caw=800)
これで画面にラベルを配置して、プログラムを書く準備ができました!
プログラムを書く
「ViewController.swift」を選択します
ここから簡単なプログラムを追加していきます
右側の表示を消すには右上のアイコンをクリックします
![](https://stat.ameba.jp/user_images/20170709/15/t-higashi5494/38/20/p/o1248067413978599370.png?caw=800)
「override func viewDidLoad」書かれている部分で
{}で囲まれている中に以下の1行を追加しましょう!
「MyLabel.text = "ハローワールド!ようこそiPhoneプログラミングへ!"」
![](https://stat.ameba.jp/user_images/20170709/15/t-higashi5494/ad/8f/p/o0721036213978601184.png?caw=800)
これで簡単ですがプログラミングは完了です!
作ったアプリをiOSシミュレーターで動かしてみる
いよいよ動かしてみましょう!
動かすのは簡単で右上の三角ボタンを押すと
iOSシミュレーターが起動してiPhoneの画面が表示されます
![](https://stat.ameba.jp/user_images/20170709/15/t-higashi5494/81/3d/p/o0425035313978603730.png?caw=800)
エラーが発生せず以下の画面が表示されれば成功です!
![](https://stat.ameba.jp/user_images/20170709/15/t-higashi5494/f2/94/p/o0312058013978605514.png?caw=800)
うまく文字が表示されない場合は「Main.storyboard」でラベルの幅を調整しましょう
![](https://stat.ameba.jp/user_images/20170709/16/t-higashi5494/45/08/p/o0633065713978605942.png?caw=800)
まとめ
Xcodeの基本的な使い方はわかりやすかったでしょうか?
ここで解説したことはXcodeの基本中の基本なので覚えておきましょう!
・初心者が最速でiPhoneアプリ開発したい!
・未経験だけど、最速でiPhoneプログラミングをマスターしてIT企業へ転職したい!
という場合は↓のページを参考にしてください
初心者が最速でプログラミングを学習してマスターするには?