【iOSアプリ開発】Swift UIで新規プロジェクトを作成し、Hello Worldしてみた

コンテンツ

Swift UIで、新規プロジェクトを作成し、Hello Worldという文字列を画面上に表示します。
iOSアプリの開発にはXcodeが必要です。そのため、Xcodeを事前にinstallしてください。( https://developer.apple.com/xcode/ )

新規プロジェクトを作成する

まずは、XCodeを起動し、Create a new Xcode project をクリックします。

次に、iOS, Appを選択し、nextをクリックします。（上記画像の通り）

最後に、Project Nameにこれから作るプロジェクトの名前を、Organization Identifierに任意の組織名を入力し、InterfaceにSwiftUI・LanguageにSwiftを選択し、Nextをクリックします。

これで、Xcodeで新規プロジェクトの作成が完了しました。

Hello Worldを表示する

新規プロジェクトを作成すると、上記の画像のような画面が表示されます。ここでiOSアプリ開発を行なっていきます。
すでに初期設定の時点で、HelloWorldという文字列を表示するプログラムが書かれていますので、ソースコードは変更せずに、左上の「▶️」ボタンをクリックします。

このボタンをクリックするとSimulatorが起動し、Hello Worldという文字列が表示されたiPhoneがPC上に表示されます。

表示する文字列を変更する

初期設定のままdえ、Hello Worldという文字列が表示されました。次は、表示される文字列を変更してみます。

ContentView

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
            Image(systemName: "globe")
                .imageScale(.large)
                .foregroundColor(.accentColor)
            // ここを変更
            Text("See you!")
        }
        .padding()
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

上記のように、Hello Worldと記載してあった部分を他の文字列に変更し、保存、左上の「▶️」ボタンをクリックします。

すると、新たに変更した文字列でiPhoneアプリが起動します。