【Swift/Xcode超入門】HelloWorldと表示させるだけのアプリを開発しよう。~Xcodeの画面構成把握~

YouTube動画で見る

前回の講座

【Swift/Xcode超入門】iPhoneアプリを開発するには？~Xcodeをインストールしよう~

サトリク

簡単なアプリを作成してみましょう！

確認済動作環境

item	Version
Swift	5.3
Xcode	12.0.1

バージョンの確認方法

この講座の完成イメージ

アプリを起動すると、画面に「HelloWorld」と表示します。

ただそれだけの簡単なアプリですが、ウォーミングアップがてらやっていきましょう。

HelloWorldアプリ開発手順

フォルダを作成

これから、このサイトで作っていくプロジェクトをいれるフォルダーを作りましょう。

今回は、デスクトップ(任意)に作ります。

STEP.1

新規フォルダを作成

デスクトップで右クリックして新規フォルダを作成しましょう

STEP.2

名前を変更

名前は、Practiceにしましょう。

完了

これからこのサイトの入門講座でプロジェクトを作るときはこの中に作っていきます。

プロジェクトを作成

では、まずはプロジェクトを作成しましょう。

STEP.1

Xcodeを起動

下のDockからXcodeを起動しましょう。

STEP.2

新規作成

今回は、新しくプロジェクトを作成するので、真ん中のCreate a new Xcode projectをクリックしましょう

他のメニューについて

Create a new Xcode project

新規のプロジェクトを作成します。

Clone an existing project

gitを使って、他の方が作ったプロジェクトをここで開くことができます。こちらも初心者の方は基本使いません。

Open a project or file

今まで開いたことのあるプロジェクトを開きます。

Show this window when Xcode launches

Xcodeを開いた時、このウィンドウを開くかどうかのチェックです。

STEP.3

テンプレートを選択

ここでは、プロジェクトのテンプレートを選んでいます。

今回は、Appを使います。

①iOSを選択

②Appを選択

③Nextをクリック

STEP.4

プロジェクトの設定

項目名	説明	今回の設定
①Product Name	プロジェクトの名前です。なるべく英語でつけましょう。	HelloWorld
②Team	登録済みのAppleIDを選択します。初めて登録する方は、Add accountを押して、AppleIDを追加してください。	任意
③Organization Identifier	一意なIDをつける必要があります。通常、ドメイン表記を逆にした記述を入力します。satoriku.comならcom.satorikuなど。ドメインを持っていない方は、「com.自分の名前」でいいと思います。	任意
④Bundle Identifier	これがアプリのIDになります。	–
⑥User Interface	レイアウトをGUIで作るか、CUIで作るかを選択します。現在は、Storyboardが多いですが、これからSwiftUIが増えてきそうです。	Storyboard
⑦Life Cycle	InterfaceをSwiftUIにするとUIKit App Delegateの他にSwiftUI Appが選べるようになります。	UIKit App Delegate
⑧Language	プログラミング言語を選択できます。SwiftとObjective-Cがありますが、これからObjective-Cを選択することはないでしょう。	Swift
⑨Use Core Data,Include Tests	ここでは、高度な開発で必要になるデータベースやテストコードを使うときにチェックを入れます。	チェックなし