※本記事で使用している環境
<パソコン>
機種:MacBook Air(13inch)
OS:macOS Sonoma(ver.14.3)
チップ:Intel Core i5
シェル:zsh
<ソフトウェア>
・Flutter(ver.3.19.4)
・Xcode(ver.15.3)
前回は、環境構築を行うための便利なコマンドを紹介しました。
![](https://chiebukurozero.com/wp-content/uploads/2024/03/【Flutter】flutter-doctor-コマンドを使う(環境構築②)-300x158.png)
今回は、Xcodeのセットアップ方法を紹介します。
Xcodeのセットアップ方法
基本的には、Flutter公式ページに書いてある手順で進めていきます。
https://docs.flutter.dev/get-started/install/macos/mobile-ios?tab=download
![](https://chiebukurozero.com/wp-content/uploads/2024/03/スクリーンショット-2024-03-29-17.33.31-1024x641.png)
App Storeから「Xcode」を検索し、インストールします。
![](https://chiebukurozero.com/wp-content/uploads/2024/03/スクリーンショット-2024-03-28-0.46.19-1-1024x663.png)
アプリをインストールしたら、次に、Xcodeのツールを新しくインストールしたバージョンを使いましょうとパソコンに明示する必要があります。
ですので、ターミナルを開いて以下のコードを入力しましょう。
sudo sh -c 'xcode-select -s /Applications/Xcode.app/Contents/Developer && xcodebuild -runFirstLaunch'
すると、「まだあなたはライセンスに同意していません」と表示されます。
![](https://chiebukurozero.com/wp-content/uploads/2024/03/スクリーンショット-2024-03-28-1.01.56-1024x406.png)
Enterキーを押すと、このように利用許諾を求められます。
読み終わったら「Q」を押して規約を閉じ、最後に「agree」と入力しましょう。
![](https://chiebukurozero.com/wp-content/uploads/2024/03/スクリーンショット-2024-03-28-1.01.00-1012x1024.png)
すると、以下のようにインストールが始まります。
![](https://chiebukurozero.com/wp-content/uploads/2024/03/スクリーンショット-2024-03-28-1.02.37-1024x406.png)
もしくは、以下のコードを入力してライセンスに同意しましょう。
sudo xcodebuild -license
まずは、以下のコードを入力してiOSシミュレーターをインストールします。
xcodebuild -downloadPlatform iOS
![](https://chiebukurozero.com/wp-content/uploads/2024/03/スクリーンショット-2024-03-28-1.15.18-1-1024x406.png)
インストールが終わったら、シミュレーターを開きます。
open -a Simulator
![](https://chiebukurozero.com/wp-content/uploads/2024/03/スクリーンショット-2024-03-28-1.18.15-1024x368.png)
入力するとシミュレーターが起動します。
![](https://chiebukurozero.com/wp-content/uploads/2024/03/スクリーンショット-2024-03-28-1.18.20-1-535x1024.png)
![](https://chiebukurozero.com/wp-content/uploads/2024/03/スクリーンショット-2024-03-28-1.18.32-535x1024.png)
![](https://chiebukurozero.com/wp-content/uploads/2024/03/スクリーンショット-2024-03-28-1.24.40-535x1024.png)
一番右の画面になったらiOSシミュレーターの起動は完了です。
flutter doctor で確認する
flutter doctor
![](https://chiebukurozero.com/wp-content/uploads/2024/03/スクリーンショット-2024-03-28-1.29.58-1024x708.png)
Xcodeの欄が×から!に変わっているのがわかります。
最初のflutter doctor実行時の画面と比べてみます。
![](https://chiebukurozero.com/wp-content/uploads/2024/03/スクリーンショット-2024-03-28-0.08.17-1-1012x1024.png)
これにて、Xcodeのセットアップ方法の紹介を終わります。
次回は、AndroidStudioのセットアップ方法を紹介します。
![](https://chiebukurozero.com/wp-content/uploads/2024/03/【Flutter】AndroidStudioのセットアップ方法(環境構築④)-300x158.png)
おすすめ書籍
コメント