4
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

はじめての記事投稿

iosアプリの作成🔰【環境構築〜プロジェクト作成】

Last updated at Posted at 2023-07-18

初めてのアプリ開発に挑戦します。
本ページでは環境構築からプロジェクト作成まで行います。

今回はプライバシーマークに関する4択クイズの研修アプリを作成します。

おまけでxcodeを入れた後、vscodeでトラブル?があったので、
そちらの対応も記述します。

目標

iosアプリを作成する

環境

項目 バージョン その他
iPhone 16.3.1 iphone8
Mac 13.4.1 M1
Xcode 14.3.1
Swift 5.8.1

目次

・インストール
・環境構築
・プロジェクト作成
・結果
・vscodeへの影響

インストール

App Storeから「Xcode」をインストール
xcode.png

環境構築

・AppStoreConnectにアカウントを登録する。
 https://appstoreconnect.apple.com/login

・iPhoneを開発用に切り替える
 設定 -> プライバシーとセキュリティー -> Developperモードをオンにする
 -> iPhoneを再起動

・Xcodeアカウント追加
 Xcodeを開く -> setting -> +マーク -> appleIDでログイン
add_account.png

プロジェクト作成

Xcodeの準備ができたので、早速プロジェクトを作成します。
create_project.png
Xcodeを開いて、Create a new Xcode project を選択します。

choice_app.png
今回はiOSのアプリを作成したいので、iOSのAppを選択します。

choice_option.png
オプションの選択です。

Product Nameは自分が作成したいプロジェクトの名称
今回プライバシーマークに関数アプリを作成するので、
PMarkTrainingにしました。

Organization Identifierはjp.com.プロジェクト名
 ここは任意の値を入れるのですが、
 使用したいドメインの逆から読んだものを入れる事が推奨されているようです。

InterfaceはSwiftUIを選択

LanguageはSwiftを選択

あとは添付の通りです。

Nextをクリックすると保存先を聞かれます。
好みの場所を選択してCreateをクリックします。

これでプロジェクトの作成ができました。

Hello,World

プロジェクトを作成すると、以下の画面が展開されました。
左にディレクトリ、真ん中にコード、右にプレビューがあります。
hello,world.png

実機で検証したいので、実機を繋げていきます。
今回はLightning TypeCケーブルを使用します。
コードでMacとiPhoneを接続します。
検証するものをSimulatorから接続したiPhoneに切り替えます。

iPhoneと接続ができたら、Xcodeの左上の▶︎ボタンを押すと、
Buildが始まりiPhoneに作成したプロジェクト名のアプリが追加されています。
一番右にあるアプリが追加されました。
スクリーンショット 2023-07-07 14.51.13.png

結果

環境構築からプロジェクトの作成、プレビューの表示までできるようになりました。

次回は今回作成したプロジェクトを使用して、実際に開発を進めていこうと思います。

補足

Visual Stadio Codeを使用している方むけの補足です。

vscodeへの影響

インストールした後にvscodeを開くとgitが使えない状態に...
以下のメッセージが出ました。

You have not agreed to the Xcode license agreements.
You must agree to both license agreements below in order to use Xcode.
Hit the Return key to view the license agreements at '/Applications/Xcode.app/Contents/Resources/English.lproj/License.rtf'

指示されている通り、リターンキー(エンターキー)を押します。
その後に以下の記述が出るので、スペースキーを押して規約情報などを読みます。

Software License Agreements Press 'space' for more, or 'q' to quit

最後まで読み終えたら以下のメッセージが表示されました。

Agreeing to the Xcode/iOS license requires admin privileges, please run “sudo xcodebuild -license” and then retry this command.

指示されている通り、以下を実行します。

sudo xcodebuild -license

これでvscodeを再起動するとgitが使えるようになりました。

最後に

最後までお読みいただきありがとうございます。
初心者エンジニアが書いた拙いまとめですが、
どこかで何かのお役に立てたらと思います。

4
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?