UIKitにSwiftUIを埋め込んだら 罠にハマった話

Transcript

1. © 2026 Wantedly, Inc. UIKitにSwiftUIを埋め込んだら 罠にハマった話 #24 Mobile勉強会 ウォンテッドリー × チームラボ × Sansan Apr.21 2026 - Hayate Kuronuma
2. © 2026 Wantedly, Inc. 名前：黒沼 疾風 入社日：2025.09 ポジション：iOSエンジニア 性格診断：コントリビューター 自己紹介 hayate_k_eng
3. © 2026 Wantedly, Inc. 01 やったこと 02 起きた不具合 03 原因 04 修正と教訓 目次
4. © 2026 Wantedly, Inc. やったこと 01
5. © 2026 Wantedly, Inc. UIKitベースの応募モーダルに、 SwiftUIのチェックボタン群を 埋め込んだ • UIHostingController で ラップ • 親子関係を定義： addChild → addSubview UIKitの画面にSwift UIを部分導入
6. © 2026 Wantedly, Inc. 同一モーダル内で複数 Sceneを切り替えて表示している UIKitの画面にSwift UIを部分導入 options loading completed
7. © 2026 Wantedly, Inc. 1. モーダル内の Viewを全て非表示 2. 対象のSceneだけ表示 UIKitの画面にSwift UIを部分導入 Control Logic isHidden = true / false で制御
8. © 2026 Wantedly, Inc. 起きた不具合 02
9. © 2026 Wantedly, Inc. プレミアムプランユーザーは応募後にメッセージ送信をすることができる 前提
10. © 2026 Wantedly, Inc. プレミアムユーザーが メッセージを入力出来なくなった！ （キーボードの表示にとても時間がかかるようになった）
11. © 2026 Wantedly, Inc. 原因 03
12. © 2026 Wantedly, Inc. 起きていたこと CPU負荷：高 メッセージ入力画面において、 CPU負荷が 高まっている メソッドの呼び出し回数 viewDidLayoutSubviews() 約57,000回 の異常な呼び出しを検知
13. © 2026 Wantedly, Inc. 仮説：キーボード表示がトリガー？ キーボードなし viewDidLayoutSubviews は1回だけになった キーボードあり 57,000回のレイアウトループが発生 結論：キーボード表示がトリガーだった
14. © 2026 Wantedly, Inc. レイアウトループの流れ 1. メッセージ入力モーダルでキーボード表示 2. キーボード表示時のレイアウト調整で layoutIfNeeded()を実行 3. Viewのレイアウト更新が走る 4. isHiddenで隠していたUIHostingViewがレイアウト更新対象になる 5. UIHostingViewがさらにレイアウト更新を要求しているよう（ブラックボックス）
15. © 2026 Wantedly, Inc. 修正と教訓 04
16. © 2026 Wantedly, Inc. HostingControllerをViewから完全に削除 レイアウトループの原因となっていた UIHostingControllerを整理し、Viewから完全に削除 表示された🙌
17. © 2026 Wantedly, Inc. 表示しないHostingViewは removeしよう 教訓・まとめ isHiddenで隠しても、View階層に残ったUIHostingControllerが レイアウトループの原因になりうるケースがある
18. © 2026 Wantedly, Inc.
19. © 2026 Wantedly, Inc. ご清聴ありがとうございました！