0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Webエンジニアのための最低限知っておきたいXcode

Posted at

はじめに

私はWebエンジニアとして働いているのですが、ある日WebViewの修正を依頼され、その時にXcodeを利用すると、あら大変、全然使い方がわかりません。
どうやって指定のOSに変更するんだ?ビルド結果どこに配置されるんだ?などわからないことだらけでした。
なんとか問題は解決したのですが、このまま知らないままではいけないと思うのでWebエンジニアが最低限知っておきたいXcodeの知識をまとめようと思います。

Xcodeとは

Appleプラットフォーム向けのアプリを開発、テスト、配信するツール

Xcodeでできること

  • エディタ
  • インターフェースビルダー
  • デバッガ
  • コンパイラ
  • iOSシミュレータの起動

WebViewとは

モバイルアプリ上でWebサイトを表示する機能

Swiftでの実現方法

Swiftでwebviewを実現する方法は3種類あります。

  • WKWebView API
  • SFSafariViewController API
  • UIWebView API

一番最後のUIWebView APIは現在非推奨となっています。
WKWebView APIとSFSafariViewController APIを比較する記事があったため、興味のある方はぜひご覧ください。

確認方法

Previewを利用する場合

#Previewを利用することでプレビュー表示をすることが可能となる。

Simulatorを利用する場合

  1. 利用するSimulatorを選択する
  2. 右上の▶️ボタンを押してビルドする
  3. Macbook内でiOSを仮想的に確認する

スクリーンショット 2024-11-09 11.14.54.png

実機を利用する場合

  1. 端末とMacbookを接続する
  2. 接続した端末を選択する
  3. 右上の▶️ボタンを押してビルドする
  4. 接続した端末でアプリが起動するため、確認する

スクリーンショット 2024-11-09 21.51.42.png

ビルド方法

  1. ビルド対象のデバイスを選択する
  2. Product > Buildを押下する

問題解決時に詰まったところ

OSの変え方がわからん

Manage Run Destinations > Simulators > 左下の+ボタン > 利用したいOSを選択

古いOSが表示されない

下限のOSが指定されているので、それを変更する必要がある
Project > General > Minimum Deployments

スクリーンショット 2024-11-09 23.48.10.png

Networkどうやって見ればいいんや

simulatorが起動している状態でsafariの開発タブから確認できる

最新のOSバージョンが表示されない

基本的にXcodeで利用できるOSはXCodeのバージョンによって変わってくるため、最新のOSで試したい場合はXcodeをアップデートする必要がある

参考

0
0
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
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?