【Flutter】XcodeとiOS Simulatorのセットアップ方法

【Flutter】XcodeとiOS Simulatorのセットアップ方法

Flutter SDKのインストールがまだの方はこちら
Android StudioでFlutterのセットアップがまだの方はこちら

「Android StudioでiOS Simulatorを起動させたい」

このような疑問にお答えします。

本記事ではUdemyの人気プログラミング講師であるAngela Yuさんの解説動画に沿ってiOS Simulatorのセットアップ方法を紹介します。英語での解説動画になるので、動画のステップごとに本記事の日本語解説と見比べながらセットアップするのがおすすめです。

ティファ

それでは、Xcodeのインストール方法を紹介した後でiOS Simulatorのセットアップ方法を紹介していくよ!

目次

Xcodeのダウンロード・セットアップ方法

STEP
Xcodeのダウンロード方法

Install Xcode」ページを開き、「Mac App Store」> 「View in Mac App Store」>「Open App Store」の順にクリックしてApp StoreからXcodeをインストールします。

iOS Simulatorのセットアップ方法1
iOS Simulatorのセットアップ方法2
iOS Simulatorのセットアップ方法3
iOS Simulatorのセットアップ方法4
ティファ

App Storeを自分で開いて「Xcode」と検索してインストールしても大丈夫だよ!

Xcodeをダウンロードして開くとライセンスの確認事項が要求されるので「Yes」と答えていきます。

STEP
Xcodeのセットアップ方法:その1
 sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer

「terminal」を開いて上記のコマンドを入力し「Enter」をクリックします。(1分20秒)

STEP
Xcodeのセットアップ方法:その2
iOS Simulatorのセットアップ方法5

コマンドを入力すると「Password:」と出力されるので、Macでログインするときに使うPasswordを入力し「Enter」をクリックします。(1分43秒)

STEP
Xcodeのセットアップ方法:その3

「terminal」と「Xcode」を閉じれば、Xcodeのセットアップは完了です。

ティファ

Xcodeのセットアップが終わったら、Android StudioでiOS Simulatorを起動させてみましょう!

iOS SimulatorをAndroid Studioで起動させる

Android StudioでiOS Simulatorを起動させる方法をこちらの解説動画を使って紹介していきます。

STEP
iOS Simulatorを起動させる
iOS Simulatorのセットアップ方法6

Spotlight Search(メニューバーの右側にある🔍)で「Simulator」と検索、クリックすればiOS Simulatorを起動できます。(14秒)

iOS Simulatorのセットアップ方法7
STEP
iOS Simulatorのデバイスの変更方法
iOS Simulatorのセットアップ方法8

iOS SimulatorのiPhoneのデバイスを変更したい場合は「Simulator」のメニューバーで「File」>「Open Simulator」>「iOS」を順にクリックして好きなデバイスに変更できます。

STEP
Android StudioでiOS Simulatorを起動させる
iOS Simulatorのセットアップ方法9
iOS Simulatorのセットアップ方法10

Android Studioで開発したアプリをXcodeのiOS Simulatorで起動させるには、上画像のように「Simulator」で起動しているデバイス②を選択し「▶️マーク」をクリックします。

STEP
Consoleで「Xcode build done.」と表示されればOK
Simulator setup6

Flutterの「Console」で「Xcode build done.」と表示されれば無事、iOS SimulatorでUIが反映されます。

Simulator setup7
ティファ

これでiOS SimulatorをAndroid Studioで起動できたはずです!

Android Emulatorのセットアップがまだの方はこちら

\ M1 MacでFlutter開発環境構築をしている方はこちらの方法でセットアップしてください /

よかったらシェアしてね!
目次
閉じる