今日はアプリ開発時のデバッグ時に便利なTipsを紹介します。Hierarchy」をご存知でしょうか?画面のレイアウトの崩れなどを視覚的に確認できるとっても便利な機能です。UITableViewやUICollectionViewなど、AutoLayoutや複雑な画面のレイヤの確認にもってこいです。Hierarchy」の使い方を書いていきます。Hierarchy」の起動では、サンプル代わりに以前作ったログインサンプルを実行します。実行すると普通に画面が表示されます。Xcodeのこのボタンを押します。本来はブレークポイントを貼ってレイヤを順番に確認することをお勧めしてます。この画面はピンチイン、アウトで拡大縮小し直感的に使えるはずです。今回はわかりやすくログインボタンを選択します。選択すると右側にユーティリティエリアにオブジェクトの情報が表示されます。右側のユーティリティエリアでは以下のような項目が確認できます。今回はUIButton。Color」なのでが確認できます。Hierarchy」を起動しましょう。ユーザからしたら目に見えるものが全てなので、画面の崩れは致命的です。なんでオブジェクトがずれるんや?と思ったらレイヤの階層を確認してみましょう。ノンコーディングのネタを書いてしまいました。Viewの階層構造を確認する関連記事2017-09-19ファイルを出力してアプリ内に保存してみた@Swift3こんちは。現在社内アプリを(勝手に)作っています...2017-08-31iOS10でプッシュ通知を実装してみたこんちは。今回はプッシュ通知についてです。〜storybookをカスタマイズ〜現プロジェクトでバックエンドを実装しているJPです。前回の記...2017-06-29StoryboardのPreview機能の使い方こんちは。健康診断でバリウム飲みました。...2017-03-09インフラエンジニアならtmuxを使いこなしているか!?こんにちは。»プロフィールゴーリストのエンジニア達のブログです。こちらもおすすめ新卒デザイナーのプチ誕生日会モブプログラミングおためし会をやってみた寿司とチャットするアプリを作ってみた月別アーカイブリンクセールスブログデザインブログゴーリストブログスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。