Swift iOSアプリ開発入門｜Xcodeの基本操作と最初のアプリ

先生と生徒の会話形式で理解しよう

生徒

「Swiftを使ってiPhoneアプリを作りたいんですが、何から始めればいいんですか？」

先生

「まずはAppleが用意している開発環境『Xcode（エックスコード）』を使います。Xcodeは、SwiftでiOSアプリを開発するための専用ソフトなんですよ。」

生徒

「Xcodeって難しそうですね…。インストールしたあと、何をすればいいんですか？」

先生

「大丈夫！初心者でも少しずつ慣れていけば問題ありません。今日は、Xcodeの基本操作を学んで、最初のアプリを作ってみましょう。」

Xcodeとは何か？

SwiftでiOSアプリを作るときに必ず使うのが、Apple公式の統合開発環境（IDE）であるXcodeです。IDEとは、プログラムを書くためのソフトで、コードを書くエディタ、アプリを動かすシミュレータ、デバッグ機能などがひとまとめになっています。初心者にとっても安心で、これさえあればMacだけでiPhoneアプリを作成できます。

XcodeはMac App Storeから無料でインストールできます。インストールには少し時間がかかることがありますが、一度入れてしまえばアプリ開発の準備はほぼ完了です。

Xcodeを起動して新しいプロジェクトを作る手順

Xcodeをインストールしたら、次は新しいアプリを作る「プロジェクト」を作成します。プロジェクトとは、アプリに関するコードや画像、設定をまとめたフォルダのようなものです。

Xcodeを起動し、「Create a new project」を選びます。
テンプレート画面が出るので、「App」を選びます。これは基本的なiOSアプリのひな型です。
プロジェクト名を入力します。例えば「MyFirstApp」と入力するとわかりやすいです。
プログラミング言語には「Swift」を選択します。
保存先を指定して「Create」をクリックすれば、準備完了です。

Xcodeの画面構成を理解しよう

Xcodeを開くと、最初は画面にたくさんのボタンやエリアが並んでいて少し戸惑うかもしれません。ですが、基本的に次の3つを覚えれば十分です。

ナビゲータエリア： 左側にあり、ファイルやコードを一覧できます。
エディタエリア： 中央部分でコードを書いたり、画面をデザインしたりします。
シミュレータ： 作ったアプリを実際にiPhoneの画面のように動かせます。

最初は「真ん中でコードを書く場所」と「上の実行ボタン（▶）」だけ覚えておけば問題ありません。

最初のSwiftコードを書いてみよう

次に実際にSwiftのコードを書いてみましょう。iOSアプリでは「ViewController.swift」というファイルが最初に用意されています。ここに簡単な処理を書いてみます。


import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        print("Hello, Swift iOS App!")
    }
}

このコードは、アプリを起動したときに「Hello, Swift iOS App!」と出力するものです。出力結果は、Xcodeの下の「コンソール」という場所に表示されます。