XcodeでSwiftUIプレビューをデバッグする方法
2020年03月24日

SwiftUIおよびXcode 11を使うことで、iOS、macOS、watchOS、tvOS用のAppで優れたユーザインターフェースをより速やかに作成することができます。Appの作成中はいつでも、Xcodeのデザインツールを使用してAppのライブプレビューを確認できます。Simulatorを起動しなくても、対応している各種デバイスで実行しているさまざまな状態のAppを表示できます。
ここでは、重要なヒントとして、Xcode内でSwiftUIコードを直接デバッグする方法を詳しく紹介します。
Xcode 11で「Debug Preview」を有効に
SwiftUIでAppのインターフェイスを作成する時、現在選択されているデバイスでのAppプレビューがXcode内で表示されます。
一方、コードに問題が生じ、かつ、トラブルシューティングの場所がわからない場合には、「Debug Preview」を有効にして、バグをすばやく見つけることができます。ここでは、その方法について説明します。
- Xcode 11でSwiftプロジェクトを開きます。
- プレビューの右下にある「Live Preview」ボタンを右クリック(またはControlキーを押しながらクリック)します。
- 「Debug Preview」を選択します。

Xcodeの「Debug Preview」モードでは、Appのエレメントを視覚的に分割するツールなど、様々なデバッグツールに簡単にアクセスすることができます。
これで、ブレークポイント、デバッグビュー、メモリグラフデバッグ、コンソールへのログ出力など、すべてのデバッグツールを活用して、SwiftUIプロジェクトのトラブルシューティングを行うことができます。