技術ブログ

プログラミング、IT関連の記事中心

SwiftUIのプロジェクト作成【Swift】

■はじめに

本記事では、以下のリンク先のApple様公式のSwiftUIのチュートリアルをベースにSwiftUIのプロジェクト作成までを記載しています。(チュートリアルが英語だったので需要あるかな?と。。。)

https://developer.apple.com/download/

■環境

本記事は以下の環境で記載しています。

  • macOS Catalina 10.15 Beta(19A526h)
  • Xcode 11.0 beta 5 (11M382q)

macOSが「Catalina」でなければ、SwiftUIのプレビューが表示されないので注意してください。(Mojaveで実行はできましたがプレビューは表示されなかったです。。。)

■SwiftUIプロジェクト作成

1.Xcodeを起動する。

2.「File -> New -> Project」を選択する。

3.「iOS -> Single View App」を選択して「Next」を押下する。

4.「Product Name」(適当なプロジェクト名)と「Organization Identifier」(適当な識別子※実機ビルドなどはしないので適当で良いです)を入力して、「Use SwiftUI」にチェックを入れ、「Next」を押下する。

5.適当なディレクトリを選択して「Create」を押下する。

6.これでプロジェクトが作成され、プロジェクトが自動で開かれます。

7.「ContentView.swift」を選択するとソースコードの右側に「Automatic preview updating paused」と表示されるので「Resume」を押下する。(macOSがCatalinaでなければ、このボタンが表示されません。。。)

8.上記でプレビューが表示されました!