Xcodeの見方

2017/11/06

ざっくりと。

エリア

Kobito.CJb6pX.png

  • ツールバー(上)
  • ナビゲーションエリア(左)
  • エディタエリア(中央)
  • ユーティリティエリア(右)
  • デバッグエリア(下)

ツールバー

Kobito.IheSvv.png

コマンド

  • Run
    • 実行ボタン
    • 長押しで Test, Profile, Analyze選択できる
  • Stop
    • 停止ボタン
    • 複数実行中の場合は長押しで個別選択できる

環境

  • Scheme
    • 各実行環境の設定ができる
  • Device
    • 実行する端末を選択できる
    • シミュレータか実機
  • Status
    • Xcodeの状態を表示

エディタ

  • Standard Editor
    • エディタエリアを通常表示
  • Assistant Editor
    • エディタエリアをパネル分けで複数表示
    • +ボタンを押せば2枚以上表示可能
    • Interface BuilderのUIを各画面サイズでプレビューもできる
  • Version Editor
    • Gitの差分表示

エリア

  • Navigator
    • ナビゲーションエリアを表示/非表示
  • Debug Area
    • デバッグエリアを表示/非表示
  • Utitlities
    • ユーティリティエリアを表示/非表示

ナビゲーションエリア

Kobito.ckr3oM.png

  • Project Navigator
    • ファイルツリー
  • Symbol Navigator
    • クラスやメソッドを表示
  • Find Navigator
    • 検索
    • Replace All や正規表現も利用可能
  • Issue Navigator
    • WarningやErrorを表示
  • Test Navigator
    • テスト項目を表示
  • Debug Navigator
    • 実行時にCPUやメモリ使用量スタックトレースなど表示
  • Breakpoint Navigator
    • 設定されているブレークポイント
  • Report Navigator
    • 使ったことない。笑

ユーティリティエリア

Inspector(上部)

Kobito.ta7d0C.png

  • File Inspector
    • 選択されているファイルの詳細
    • ファイル名やファイルパスの変更が可能
  • Help Inspector
    • 選択している箇所のヘルプを参照
  • Identity Inspector
    • (Interface Builderのみ)ファイルの識別
  • Attributes Inspector
    • (Interface Builderのみ)属性設定
  • Size Inspector
    • (Interface Builderのみ)サイズ設定
  • Connection Inspector
    • (Interface Builderのみ)IBOutletやIBAction, delegateなどの接続状態

Library(下部)

Kobito.2syFNl.png

  • File Templete Library
    • New File時に出てくるのテンプレート
    • ナビゲーションエリアにドラッグアンドドロップで作成可能
  • Snipet Libray
    • スニペット
    • エディタエリアにドラッグアンドドロップで挿入できる
  • Object Library
    • Interface Builderで利用できるオブジェクト
    • Interface Builderにドラッグアンドドロップで追加できる
  • Media Library
    • プロジェクトに追加された画像や音楽メディアファイル
    • Interface Builderにドラッグアンドドロップで設定できる

デバッグエリア

Kobito.zJRBek.png

  • Toggle Debug Area
    • 開け閉め
  • Breakpoint
    • ブレークポイントのオンオフ
  • Pause/Continue
    • 一時停止と続行
  • Step over
  • Step in
  • Step out
  • View Hierarchy
    • Viewの階層構造を視覚的に見る
  • Simulate Location
    • 位置情報をシミュレーションする