解決策
React NativeのNew Architectureへの今後の投資を控える中、ShopifyのエンジニアはAIコーディングエージェントを試験的に用い、ネイティブのSwiftとKotlinへの直接移行が現実的かどうかを検証した。1週間の概念実証により、エージェントがRNのリファレンスから画面、インタラクション、フローを素早く再現できることが示され、本格的な移行に踏み切る確信を得た。
12週間にわたり、中核チームがネイティブの基盤を構築する一方で、機能チームがコンポーネントを検証した。チームはユーザー状態、プッシュ通知、分析イベントを維持し、冗長な画面を廃止し、この移行をアプリの簡素化に活用した。移行後の測定では、iOSの起動が23%高速化、Androidの起動が50%高速化し、セッション安定性は99.95%以上に上昇し、Android APKは109 MB縮小した。
達成したこと
AIエージェントを用いて、React NativeからSwiftUI/Jetpack Composeへ機能を移植しつつ、動作と分析を維持する
うまくいった理由
AIエージェントにより、プラットフォーム間でUI、状態、ナビゲーションロジックを変換するために必要な手作業が削減された。
Tardisツールが実行時のフィードバックを提供したことで、エージェントは大規模な手動QAなしに分析とナビゲーションの同等性を検証できた。
常に機能の同等性を保つことで、基盤技術の移行にもかかわらずシームレスなユーザー体験が確保された。
応用できること
AIで強化された開発により、ネイティブへの書き直しが実現可能かつ迅速になり、機能の同等性を犠牲にすることなくパフォーマンスの向上をもたらすことができる
その後
ネイティブのShopアプリはアプリストアでリリースされ、測定可能なパフォーマンスの向上を示した。Shopifyは移行をさらなる最適化の基準として活用しながらアプリの改善を続けており、このワークフローを今後のAI支援移行向けの再利用可能な拡張機能として共有している。
出典をたどる
出典
- Migrating Shop app from React Native to native Shopify Engineering · shopify.engineering ·