XcodeをインストールしてiOSシミュレータの仕様方法とiPhone X系の操作方法

ブログ

投稿日:2018-09-26 更新日:

iPhone XS、iPhone XS Max、iPhone XRと似たような名前でどうなんだろうと思うようなネーミングのiPhoneが事前のリーク通り発表されましたね!

個人的にはiPhone XRが気になりはしているのですが、XS系に比べるとベゼルの太さが気になるような気がしました。とは言え、現在私が利用しているのはXperiaのごん太ベゼルなんですが何の不自由もありません。

ベゼルレスの昨今のトレンドは使い勝手とのトレードオフのような気もしてしまいます。

そんなこともあって、まだiPhoneに戻るのは様子見しようと思うので引き続きiOSシミュレータで頑張ります!!

ということで導入方法の説明です。WindowsにはおそらくインストールできないのでChromeかSafariあたりのブラウザの開発者ツールなどの簡易的なものかVisualStudioあたりかと思います。

Xcodeをインストール

App Storeかブラウザから以下をインストールします。

https://developer.apple.com/jp/xcode/

なかなかの容量なのでインストールには時間かかりますがしばらく放置。

Xcodeを起動後、iOS Simulatorを選択

Xcode設定画面
Macのメニューバーから「Xcode→Open Developer Tool→Simurator」

するとiPhone X〜XS Maxあたりが立ち上がると思います。
この辺りはXcodeのバージョンによると思うのですが私の環境下ではXS Maxが起動しました。

iPhoneのセットアップ

iPhone XS Maxホーム画面
iPhone XS Max

起動後は英語表記になっているので「Settings→General→Language & Region→iPhone Languege」から日本語に変更します。

言語選択画面
日本語を選択

ちなみにホーム画面に戻る場合は、画面下に表示されているバーを上にドラッグします。

デバイスの切り替えはメニューバーより可能なので他のデバイスも必要なものがあれば同様に設定しましょう。

Simulator設定画面
メニューバーより各種デバイス切り替え可能

あとはゴリゴリ開発をしていくなりよしなに利用して行きましょう。

Simulatorでのブラウザデバッグ方法

とはいえ、私の場合はアプリ開発の経験はないのでSimulatorのメイン用途はブラウザのデバッグです。

シミュレータ側のSafariを起動して、対象のウェブサイトを開いたらMac側でも同じようにSafariを開きます。

Mac側のSafariのメニューバーから「開発→シミュレータ(対象のデバイス)」を選択するとWebインスペクタが開くのであとは通常のウェブサイトのデバッグと同じように調整を行なって行きます。

Safari設定画面
Webインスペクタの利用方法

ちなみにMac側のSafariに開発メニューがない場合には、Safariの「環境設定→詳細」のメニューバーに”開発”メニューを表示にチェックを入れましょう。

ChromeもそうですがSafariもキャッシュがきついのでリロードの際には「⌘command+option+R」でキャッシュ無視のリロードを利用しましょう。

【追記】@アットマークが入力できなかったのでメモ

Macのキーボードでアットマークを打っても、シミューレータ側だとなぜか[のキーになってしまうので対応方法。

Hardwere→Keybord→Toggle Software Keyboard

上記設定から進んで、「Toggle Software Keyboard」を選択するとシミュレータ上に仮想キーボードが表示されます。

ダブルレクタングルからレスポンシブへ




ダブルレクタングルからレスポンシブへ




-ブログ
-,

執筆者:

関連記事

アドセンス(Google AdSense)とオプティマイズの見た目の変更に戸惑い、ユーザーインターフェイスがひっそりと変更

今の所は見た目、ユーザーインターフェイスの変更のみのようですがGoogle先生はこういう変更をサイレントで行ってくるのでふとアクセスして驚くってことが多いような気がします。 もしかしたら事前にフォーラ …

nanaco(ナナコ)モバイルがログインできなくなった時の対処方法

マネフォーワードのアプリを開いたら口座のカテゴリに「!」マークが付いていたのでまたSuicaが連携失敗しているのかなと確認してみると、Suicaは案の定でしたがもう一つ「nanaco(モバイル・ネット …

Mac版Google Chromeがダークモードにネイティブ対応。おかげでシークレットモードと同化…元に戻すには?

Macを立ち上げ、いつも通りChromeブラウザを起動するとウィンドウが黒くなってました。Macの環境設定にダークモードに変更しているのですが、ダークモード設定時でも Chromeは通常時グレーウィン …

アマゾンミュージックアンリミテッド

【2019最新版】Amazonミュージックアンリミテッド(月額780円)を解約する方法

昨年の暮れに3ヶ月99円で利用できるキャンペーンのタイミングで申し込んだアマゾンミュージックの有料サービスAmazonMusicUnlimitedですが、いつの間にか3ヶ月も過ぎ課金してしまっていまし …

ニックネーム
DeLux
プロフィール

30代の東京生活に疲れたWEBエンジニア。
好きなことで生きて行きたいがためにあれこれと手を出してます。
主にAdobe、Google、Apple、SONY辺りの記事とコーディングやプログラム、たまに動画編集やデザインなどのTips的な記事を更新してます。

ガジェットも大好きなのでその辺りもぼちぼち増やす予定。