SwiftUIで作るコーチマークとTipKit by komaji

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

SwiftUIで作るコーチマークとTipKit

komaji504 komaji komaji504
6

アプリの機能を説明する手法は様々ありますが、コーチマークもその一つです。

コーチマークとは、オーバーレイで特定の機能にフォーカスさせつつその使い方を説明する手法です。これを実現するためには、フォーカスさせるViewの座標やサイズといった情報をView間で取り回す必要があり、複雑なView階層を持つ場合は実装もまた複雑になってしまいます。さて、SwiftUIではどのように実装するのがスマートなのでしょうか。

また、WWDC2023ではユーザに機能を説明するためのコンポーネントを提供するフレームワークとしてTipKitが発表されました。このフレームワークを活用することで、機能説明の幅が広がることでしょう。

そこで、本トークでは以下の内容についてお話しします。

  • コーチマークとは
  • SwiftUIにおけるコーチマークの実装例
  • TipKitでできること
  • TipKitを用いた実装例