iOSレスポンシブデザインをマスター」を参考にしつつ書いています。ちなみにこの記事執筆時に私が使っているXcodeのバージョンは8.1です。ビューデバッガーの使いどころあるviewがどこにくっついているのかわからない時に使うことが多いと思います。「なんでこのviewは隠れてしまっているんだろう」「removeFromSuperView()してこのviewも消えるはずなのになんで残ってるんだろう」などの疑問を感じた時に役に立ちます。Hierarchyボタンをクリックすることです。Hierarchyを選択することでも表示させることができます。ビューデバッガーを表示すると以下の状態になり、現在のビュー階層を3Dで見ることができるようになります(プロジェクト名が適切でなくてごめんなさい)。Hierarchyが、中央では3Dでビュー階層が、右ペインでは現在選択しているviewの様々なプロパティが見見られるようになっています。中央エリアはドラッグすることで角度を変えてview階層を見ることができます。Controlsこれらのボタンの意味を左から1つずつ説明します。左のバーをいじることでview間の間隔を調整することができ、個々のviewが見やすくなります。Contentをクリックします。Constraintsをクリックした後に任意のオブジェクトをクリックするとそのオブジェクトについている制約が表示されます。inspectorで制約の具体的数値を確認することができます。Contentsモードの3種類があります。Contents2D⇔3D表示の切り替え現在2Dの場合は3Dに、3Dの場合は2Dに表示を切り替えるボタンです。拡大縮小このボタンを使うか、トラックパッドでピンチそうさを行うか、オプションキーを押しつつマウスを上下にスクロールすれば拡大縮小操作ができます。z軸方面のviewの表示調整オプション「オプション」と称していいのかわかりませんが、右クリックをした時に表示される各項目について説明します。{viewObject}選択したviewをpoコマンドで出力した時と同様の操作を行うことができます。{viewObject}選択したviewとそのサブviewだけが見えている状態になります。UIViewを適用すると右のスクショの状態になります。Constraints選択したviewオブジェクトについている制約を表示することができます。inspectorで見ることができます。Constraintsボタンをクリックしたときと同様です。Behind選択したviewより前の階層、もしくは後ろの階層のviewを隠します。Behindを実行しています。わかるので、メインウィンドウでの操作よりviewを見つけやすくなります。左ペインで任意のviewを選択すると、メインウィンドウで該当するviewが薄く色づきます(赤いviewがちょっと青くなってます)。barがありますが、そこには2つのフィルターボタンが存在しています。viewsこのフィルターはアプリのコントロール下にない2つめのビューオブジェクトを隠すものです。UIButtonの場合後ろのviewとUILabelで構成されているので、フィルターがONになっている時は1つのviewしか見えません。フィルターがOFFになっている時は中央の3Dエリアでサブビューも見えている状態になります。...と思っていたのですが想定通りになりません。Xcode7で試しても同じでした。何かご存知の方は編集リクエストやコメントをいただけると幸いです。viewsこのフィルターがかかっていると見えないviewは左ペインで表示されません。isHiddenがtrueになっていたら見えません。下の例では右がフィルターON、左がフィルターOFFの状態です。buttonのisHiddenをtrueにしているので、フィルターがONの時は見えていません。filter左ペインに表示されているviewをテキスト情報で絞り込みたい時に使います。単純にクラス名はもちろんのこと、ボタンタイトル、メモリアドレスでの絞り込みにも対応しています。クラス名で入力した場合、サブクラスも表示されるようになっています。実際の業務で役に立った例を紹介します。画面全体を覆っているviewをremoveFromSuperView()してそのviewとその上に乗っかっているviewを取り除こうと思ったのですが剥がれて欲しいviewがくっついたままでした。茶色いviewのセットも剥がれてほしいのになぜか剥がれていないという状況でした。navigatorを見たらすぐ原因がわかりました。viewにくっついているわけではなくself.viewにくっついているということがひと目でわかりました。左ペインもしくは中央のエディタでオブジェクトを選択すると、オブジェクトインスペクタ、サイズインスペクタに属性値が読み込まれます。オブジェクトインスペクタはそのオブジェクトが持っている特性値を表示し、サイズインスペクタはそのオブジェクトのサイズ情報やAutoLayoutの制約情報を表示します。アシスタントエディタアシスタントエディタは下図右上の丸が2つ重なったボタンをクリックすることでON/OFFの設定ができます。アシスタントエディタを自動モードに設定すると、選択したビューオブジェクトのソースが表示されます。下図では緑色のviewを選択しているのでUIViewのヘッダが表示されています。navigatorに表示されます。曖昧なレイアウトの警告ビューデバッガー表示中に曖昧なレイアウトがあるとこのように紫のビックリマークが表示されます。issuesはXcode8から出てきました。スレッド周り、UI周り、メモリ周りの問題を指摘してくれます。クリックするとこんな表示が出てきます。縦方向の位置が曖昧らしいです。navigatorで警告表示をクリックすると該当のview(今回はオレンジ色のview)が青くハイライトされます。inspectorでどのように曖昧なのか教えてくれます。requestStockLike82@akatsuki174iOS→Androidエンジニアになりました。自然言語処理にも興味あり。1分野に固まらず、いろんな分野のことについて書いていこうと思います。FollowTechTrainプロのエンジニアを目指すU30(30歳以下)の方に現役エンジニアにメンタリングもらえるコミュニティです。upLoginユーザーは見つかりませんでした。