nomurabbitのブログ

nomurabbitのブログはITを中心にした技術ブログです。

nomurabbitのブログ

【Swift】iOSアプリ超入門【初心者】

この記事は、SwiftiOSアプリを構築する方法を解説しています。

こんにちは!らびです。今回はiOSアプリ超入門と題してSwiftを使ったiOSアプリの構築方法を解説します。

iOSアプリの構築ってなんだかかっこいいですよね。一緒に勉強していきましょう!

プロジェクトの作成

まずはiOSアプリのプロジェクトを作成します。Xcodeを起動して、Create a new Xcode projectを選択します。
f:id:nomurabbit:20220104075238p:plain

iOS > App > Nextと選択します。
f:id:nomurabbit:20220104075608p:plain

Product nameOrganization Identifierを入力します。InterfaceはSwiftUI、LanguageはSwiftとしてNextを選択します。
f:id:nomurabbit:20220104075903p:plain

プロジェクトのカスタマイズ

作成したプロジェクトのカスタマイズをします。プロジェクトの中のContent Viewというファイルで定義されているContent Viewという名前の構造体のテキストを編集します。

カスタマイズ前

import SwiftUI

struct ContentView: View {
    var body: some View {
        Text("Hello, world!")
            .padding()
    }
}

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

カスタマイズ後

import SwiftUI

struct ContentView: View {
    var body: some View {
        Text("Hello, nomurabbit!")
            .padding()
    }
}

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

Textの引数を"Hello, nomurabbit!"に変えてるジョ。

プロジェクトのビルド

カスタマイズが済んだらプロジェクトをビルドしてみましょう。画面上部のプロジェクト名が表示されているところをクリックして、シミュレーターで軌道させるデバイスを選択します。
f:id:nomurabbit:20220104080854p:plain

最後に再生ボタンを押したらデバッグが実行されます。
f:id:nomurabbit:20220104081253p:plain

このように、カスタマイズしたプログラムがシミュレーター上で実行されました。
f:id:nomurabbit:20220104081334p:plain

まとめ

というわけで今回はiOSアプリ超入門と題して、SwiftiOSアプリを構築してきましたがいかがでしたでしょうか?

便利でかっこいいiOSアプリをじゃんじゃん作っちゃいましょう!

次回もぜひご覧ください。では!