icon
icon

XcodeでiPhoneアプリのシミュレーターを使う方法【初心者向け】

XcodeでiPhoneアプリの「シミュレーター(iOSシミュレーター)」を使う方法を初心者向けに解説した記事です。シミュレーターを使えば、アプリの動作確認はもちろんのこと、ブラウザからどのよのようにサイトが表示されるかもチェックできます。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査

iPhoneアプリを開発する際に使うXcodeですが、iPhoneのシミュレーターを使うこともできます。そこで今回はiOSシミュレーターの使い方を解説します。

 

iPhoneアプリを開発するときは、必ず動作確認が必要ですので覚えておきましょう。

ちなみに、スマートフォンサイトを閲覧するときのシミュレーターとしても役立ちます。

 

なお本記事は、TechAcademyのiPhoneアプリ開発オンラインブートキャンプの内容をもとに紹介しています。

 

XcodeでiOSシュミレータを起動する

iOSシミュレーターはXcodeから簡単に起動することができます。

やり方は2つあります。1つは⌘+RXcodeのショートカットキーで開発中のアプリを実行する方法です。

 

もう1つはXcodeのメニューから起動させる方法です。

スクリーンショットにあるように、Xcodeを起動したら、「 > Open Developer Tool >iOS Simulator」と選択すると起動できます。

シミュレーター起動

なお、iPhoneのシミュレーターはPCの解像度によってiPhoneの外枠が表示されないことがあります。より大きな解像度のディスプレイを使っている場合は外枠が表示されます。表示されなくても動作に問題はありませんのでご安心ください。

 

 

作成中のアプリを確認する

iOSシミュレーターの役割は、作成中のアプリの動作を確認することです。開発が一段落したらアプリを起動して、自分の思い通りに動作をするか確認しましょう。

起動するとこのように開発したアプリが選べるので、クリックするだけです。

アプリ確認

このデモでは、開発しているアプリのアイコンをTechAcademyに変えてみました。アイコンの変更の仕方はiPhoneアプリのアイコンを変える方法の記事をご覧ください。

 

アプリのアイコンをクリックすると、このようにアプリの動作を確認できるようになります。また、マウスでクリックすることも可能です。

iPhoneアプリ

 

 

[PR] iPhoneアプリの開発で挫折しない学習方法を動画で公開中

Safariを起動する

裏ワザという程ではありませんが、アプリの確認方法以外にも便利な点があります。

それは、iPhoneのシミュレーターからWebブラウザのSafariを起動できるところです。

 

URLの入力にも対応しているので、ご自身のサイトがiPhoneで閲覧するとどのように見られるのかを確認することもできます。

safari

 

 

デバイスを切り替える

iOSシミュレーターはデバイスを追加して、バージョンを変更することも可能です。

デバイス切り替え

Xcodeの左上にあるボタンをクリックすると、このようにデバイスの変更が可能です。iPhoneのサイズで4インチ、3.5インチなどを選べる他、iPadもここから選ぶことができます。

前述の通り、Safariも開けるのでWebブラウザでどように表示されるかの動作確認にも便利です。

 

また、デバイスは追加することも可能です。

上記画像の「More Simulators」をクリックするとこのような画面が表示されます。

デバイス追加

ここで候補が表示されますので、各シミュレーターの横にある下矢印のボタンをクリックするとダウンロードが開始されます。ダウンロードが完了すると、選択できるデバイスに選択肢として追加されます。

 

 

今回の記事は以上です。

簡単に使えてとても便利なので、ぜひ使いこなしてみてください。

シミュレーターの使い方がわかったら、iPhone(iOS)アプリを実機でテストしてみましょう。

[お知らせ]TechAcademyでは初心者でも8週間でオリジナルアプリが作れるiPhoneアプリ開発オンラインブートキャンプを開催しています。

初心者・未経験でもできる。まずはテックアカデミーに相談しよう

プログラミングを独学で学習していて、このように感じた経験はないでしょうか?

  • ・調べてもほしい情報が見つからない
  • ・独学のスキルが実際の業務で通用するのか不安
  • ・目標への学習プランがわからず、迷子になりそう

テックアカデミーでは、このような 学習に不安を抱えている方へ、マンツーマンで相談できる機会を無料で提供 しています。
30分間、オンラインでどんなことでも質問し放題です。

「受けてよかった」と感じていただけるよう カウンセラーやエンジニア・デザイナー があなたの相談に真摯に向き合います。

「自分に合っているか診断してほしい」
「漠然としているが話を聞いてみたい」

こんなささいな悩みでも大丈夫です。

無理な勧誘は一切ありません ので、まずはお気軽にご参加ください。
※体験用のカリキュラムも無料で配布いたします。(1週間限定)

今なら参加者限定の割引特典付き! 無料相談を予約する