Xcodeの主要な構成
Xcodeは、大きく分けて前述した①ツールバー、②ナビゲーターエリア、③エディターエリア、④インスペクターエリア、⑤デバッグエリアで構成されています。
ナビゲーターエリア
プロジェクト内のファイルやソースコードの構造を一覧できるエリアです。
ナビゲーターエリア上部のボタンは、左から順に次のような役割を持っています。
| 名称 | 説明 |
|---|---|
| プロジェクトナビゲーター | プロジェクト内のファイルやフォルダを一覧表示します |
| ソースコントロールナビゲーター | プロジェクトのソース管理ができます |
| ブックマークナビゲーター | ブックマークの付いたコードの表示や管理ができます |
| ファインドナビゲーター | プロジェクト内の文字列を検索できます |
| イシューナビゲーター | ビルド時に発生したエラーや警告を表示します |
| テストナビゲーター | テストの実行や結果の確認ができます |
| デバッグナビゲーター | CPU使用率やメモリ使用量などのパフォーマンスデータを確認できます |
| ブレイクポイントナビゲーター | 設定したブレイクポイントの表示や管理、設定ができます |
| レポートナビゲーター | 実行結果やビルド履歴、エラーの情報をチェックできます |
この連載では基本的にプロジェクトナビゲーターを使うことになります。その他のボタンは実際に使うことがあった時に調べていただくのが良いと思います。
エディターエリア
コードの記述や編集を行うエリアです。
エディターエリアのライブビューでは、現在変更を加えているコードがリアルタイムで反映されて、どのように表示されるのかを確認することができます。
インスペクターエリア
選択しているファイルなどの詳細情報や設定を確認・編集するためのエリアです。
インスペクターエリア上部のボタンは、左から順に次のような役割を持っています。
| 名称 | 説明 |
|---|---|
| ファイルインスペクター | 選択したファイルに関する基本的な情報を確認できます |
| ヒストリーインスペクター | 変更履歴を管理している場合、ファイルの変更履歴を確認できます |
| クイックヘルプインスペクター | 選択したコードに関する情報の詳細を確認できます |
| アクセシビリティインスペクター | アクセシビリティを確認できます |
| アトリビュートインスペクター | UI要素などを編集できます |
デバッグエリア
実行中のアプリのログや変数の状態を確認できるエリアです。
Xcodeの主要な構成の説明は以上になります。全てを覚える必要はありません。実際に使いながら少しずつ慣れていきましょう。
iOS シミュレーター
アプリ実行に使用したiOS シミュレーターとは、Mac上でiPhoneやiPadなどのiOSデバイスを仮想的に再現し、アプリの動作をテストできるツールです。このツールはXcodeに含まれています。
基本操作
タップやスワイプ動作もiPhone同様の操作で行えます。ピンチインアウトは、キーボードのoptionを押した状態で画面をタップし、外側や内側に移動させることで行えます。
その他の操作
メニューからもさまざまな操作が行えます。全てを紹介することはできませんが、アプリ開発に活躍しそうな操作を紹介します。
-
①
Rotate LeftでiOS シミュレーターを左方向に回転できます。 -
②
Rotate RightでiOS シミュレーターを右方向に回転できます。iOS シミュレーター上部のボタンでも同様の操作ができます。 -
③
Homeでホーム画面へ戻ります。iOS シミュレーター上部のボタンや、画面下部を上方向にスワイプすることでも同様の操作ができます。 -
④
Lockでロック状態にすることができます。iOS シミュレーター右側のボタンを押すことでも同様の操作ができます。
また、iOS シミュレーターでも画面キャプチャを撮ったり、画面を収録することもできます。
-
⑤
Save Screenで現在の画面のキャプチャを撮ります。iOS シミュレーター上部のボタンでも同様の操作ができます。 -
⑥
Record Screenで画面録画が開始します。デモ動画を撮影する時にとても便利な機能です。録画を開始すると、iOS シミュレーター上部の⑤ボタンが録画停止ボタンに変わり、そのボタンを押すことで録画を停止することができます。
まとめと次回
Xcodeをインストールして、iOS シミュレータでアプリを実行することができました。
今回だけでは紹介しきれなかったXcodeの機能はまだまだありますが、一度に覚えるのは難しいため、実際に使いながら理解していきましょう！
次回はSwiftの文法を理解して、アプリ開発のための下準備を整えましょう。
