3
6

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 3 years have passed since last update.

iOSアプリを作ったことがない方が、とりあえず最初のアプリを作る方法です。
画像を表示するシンプルなアプリを作ります。

#1、Macをひらく
iOSアプリを作るには、iMacもしくはMacbookが必要です。
macbookIMGL4495_TP_V.jpeg

#2、Xcodeをダウンロード
App Storeのアプリを開き、「Xcode」で検索して、Xcodeをダウンロードします。
スクリーンショット 2021-10-19 1.58.10.png

スクリーンショット 2021-10-19 1.57.22.png

#3、Xcodeをひらく
ダウンロードが完了したら、Xcodeをひらきます。

「Create a new Xcode project」をクリック
スクリーンショット 2021-10-19 2.04.21.png

「App」を選択して「Next」
スクリーンショット 2021-10-19 2.08.12.png

任意のアプリ名を入力して「Next」
スクリーンショット 2021-10-19 2.09.14.png

保存先を指定して「Create」

スクリーンショット 2021-10-19 2.09.39.png

こういう画面が表示されます。
スクリーンショット 2021-10-19 2.15.50.png

#4、文字を変える
コードの中の「Hello World!」という部分を別の文字列に変えてみます。
スクリーンショット 2021-10-19 2.18.53.png

#5、アプリを起動する
ライトニングケーブルでお手持ちのiPhoneをMacにつなぎます。
Xcode上部のアプリ名をクリックして、接続したデバイス名を選択します。
スクリーンショット 2021-10-19 2.21.20.png
(手元にデバイスがない場合は、表示される適当なデバイス・シミュレータを選択します)

Xcode左上の再生ボタンを押します。

スクリーンショット 2021-10-19 2.24.28.png

デバイスでアプリが起動します。
IMG_8194.PNG

#6、画像を表示する
Xcodeの左のペインから「Assets」を開き、好きな画像をドラッグ&ドロップします。
スクリーンショット 2021-10-19 2.30.34.png
左のペインから「ContentView.swift」を開き、コードの中の

Text("****")

の部分を

Image("Assetに入れた画像名")

に変更します。
スクリーンショット 2021-10-19 2.34.00.png

5、の手順でアプリをもう一度起動します。
画像が表示されます。

IMG_8195.PNG

ここまでで、画像を表示するシンプルなアプリが作れました。
さらに色々なアプリを作りたい場合は、「Swift 画像を並べる」など、やりたいことを検索すると、やり方がわかります。

🐣


フリーランスエンジニアです。
お仕事のご相談こちらまで
rockyshikoku@gmail.com

Core MLを使ったアプリを作っています。
機械学習関連の情報を発信しています。

Twitter
Medium

3
6
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
3
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?