SwiftUIのデザイン変更をXcode PreviewとCIで自動検知する方法 by らぷらぷ

iOSDC Japan 2023
レギュラートーク(40分)

SwiftUIのデザイン変更をXcode PreviewとCIで自動検知する方法

laprasDrum らぷらぷ laprasDrum
7

Xcode Previewの登場により、SwiftUIで作成したUIパーツをXcode上でプレビューすることが簡単になりました。UIパーツに渡すデータパターンを複数用意すればUIパーツの実装に問題がないか視覚的にかつ網羅的にチェックしやすくなりました。
Xcode Previewの力はそれだけに留まりません。UIパーツを画像ファイルとして出力することでプログラムの入力情報として扱うことができます。これによってUIパーツのデザインが変更されたことを目で確認することもできますし、CIを使ってデザイン変更に関する不具合を検知するための自動化に繋げられます。
本セッションではSwiftUIベースのサンプルアプリを使ってCIによるデザイン変更の検知がどのように実現されるかをお見せします。