4100万ユーザーを支えるTVer iOSアプリ開発 〜0人から始まったチームのAI活用による挑戦〜

iOSDC2025
https://fortee.jp/iosdc-japan-2025/proposal/94d4e272-2413-430e-abaa-fe665f128c85

Transcript

1. ©2025 TVer INC. 　 　 4100万ユーザーを支えるTVer iOSアプリ開発 〜0人から始まったチームのAI活用による挑戦〜 2025.09.21 福島 友稀 株式会社TVer サービスプロダクト本部 フロントエンド部 iOSDC 2025
2. ©2025 TVer INC. 2 自己紹介 福島 友稀 @mantaroufire 株式会社TVer サービスプロダクト本部 フロントエンド部 2025年1月よりTVerにiOSエンジニアとして入社。 前職では7年間、SIerにて受託開発。 趣味はラーメン屋巡り。最近は二郎系巡りも。
3. ©2025 TVer INC. 1. TVerの紹介
4. ©2025 TVer INC. 4 サービス概要
5. ©2025 TVer INC. 2. iOSチームの開発体制
6. ©2025 TVer INC. 6 0人から始まったiOSチーム ✅ 社員2名採用で3チーム体制を実現 ✅ 3つの重要PJを並行推進中 2024年 iOSDC 2024 社員 1名 業務委託 6名 2025年 iOSDC 2025 社員 3名 業務委託 10名 2023年 iOSDC 2023 社員 0名 開発委託
7. ©2025 TVer INC. 7 技術スタック • UI ◦ SwiftUI ◦ UIKit • アーキテクチャ ◦ The Composable Architecture ◦ MVC • その他 ◦ OpenAPI Generator ◦ Firebase (Crashlytics, Analytics, Remote Config) ◦ New Relic ◦ Adjust ◦ etc...
8. ©2025 TVer INC. 3. TVerにおけるAI活用の始まり
9. ©2025 TVer INC. 9 2025/03 各種AIの試験的導入開始 ⚠ 一部の人のみが使いこなしている状態 ⚠ 業務に余裕がない人ほど着手できない Devin Claude Cursor
10. ©2025 TVer INC. 10 2025/06 開発合宿を実施 AI縛りで開発 Claude Code 本格利用 効果を実感
11. ©2025 TVer INC. 11 2025/07 全エンジニアにClaude Max EM マネジメントの 合間にAIで実装 PdM 開発に参画する 試みも Engineer フル活用して 開発効率UP Claude Max 20xプランを 全エンジニア提供
12. ©2025 TVer INC. 4. iOSチームでの開発におけるAI活用
13. ©2025 TVer INC. 13 開発時の流れ issue作成 Claude Code PR作成 Claude Code ソースレビュー Gemini Code Assist
14. ©2025 TVer INC. 14 issue作成- プロンプト (不具合修正の場合) • XXXのような不具合が起きています • 「概要」「現状分析」「解決策」 を図で整理し、issueを作成して
15. ©2025 TVer INC. 15 issue作成- アウトプット
16. ©2025 TVer INC. 16 issue作成- アウトプット
17. ©2025 TVer INC. 17 PR作成- プロンプト • issueの内容に沿って実装して • テンプレートに沿ってPRを作成して
18. ©2025 TVer INC. 18 PR作成- アウトプット
19. ©2025 TVer INC. 19 PRレビュー 0.5次レビュー として活用 過去のインシデント 事例を学習 手戻り削減 品質向上
20. ©2025 TVer INC. 5. プロジェクト推進でのAI活用実績
21. ©2025 TVer INC. 21 プロジェクト概要 • 新機能開発プロジェクト ◦ 未リリース ◦ 開発期間は約6ヶ月 iOS Android Web Backend PdM Director Designer QA
22. ©2025 TVer INC. 22 ぶつかった課題 課題1 複雑な仕様の認識合わせ 課題2 テストパターンの網羅 課題3 大量の単純作業
23. ©2025 TVer INC. 23 課題1 - 複雑な仕様の認識合わせ 画面A, 画面Bそれぞれリアルタイムに特定のUIを更新したい Backend サーバー負荷が厳しい Frontend キャッシュはリスクあり 都度取得するのがベスト PdM リアルタイム性を求めたい ユーザー価値が下がる
24. ©2025 TVer INC. 24 課題1 - AIに依頼したいこと PJの要件の理解 シーケンス図の作成 解決案の提案 メリット・デメリット表 の作成
25. ©2025 TVer INC. 【前提】 sample/docs にこのプロジェクトのドキュメントや 議事録を配置したので内容を把握してください。 25 課題1 - プロンプト PJ固有の情報を インプット
26. ©2025 TVer INC. 【課題】 - 画面間でデータが同期されない問題があります。 - 画面Aから画面Bに移動してデータを変更し、画面 Aに戻ると古いデータのままです。 26 課題1 - プロンプト 課題を明確に
27. ©2025 TVer INC. 【制約】 - API：1回100件まで - サーバー負荷に配慮が必要 27 課題1 - プロンプト 制約条件の明示
28. ©2025 TVer INC. 【依頼】 - この問題の解決策を複数提案し、Mermaid形式の シーケンス図を作成してください。 - 登場人物: ユーザー, アプリ, タイマー, API, UI 28 課題1 - プロンプト 依頼内容の具体化
29. ©2025 TVer INC. 【依頼】 - 提案した案について、それぞれのメリット・デメ リットを表にまとめてください。 - 実装の簡単さ、パフォーマンス、ユーザー体験の 観点で評価してください。 29 課題1 - プロンプト 依頼内容の具体化
30. ©2025 TVer INC. 30 課題1 - アウトプット エンジニア・非エンジニア どちらでも理解できる資料 がすぐにできる
31. ©2025 TVer INC. 31 課題1 - アウトプット エンジニア・非エンジニア どちらでも理解できる資料 がすぐにできる
32. ©2025 TVer INC. 32 課題1 - 効果 福島さんのシーケンス図があると 会議の時間が半分以下になる from: ディレクター 振り返り(KPT)で挙がったPJメンバーのコメント
33. ©2025 TVer INC. 33 課題1 - 効果 メリデメ整理、シーケンスの図解が デザイナーの私にもわかりやすかった from: デザイナー 振り返り(KPT)で挙がったPJメンバーのコメント
34. ©2025 TVer INC. 34 課題2 - テストパターンの網羅 文字での やり取りは限界 仕様が複雑
35. ©2025 TVer INC. 35 課題2 - テストパターンの網羅 AIに まとめてもらおう 😃 自分でもよく 分からなくなった
36. ©2025 TVer INC. 36 課題2 - AIに依頼したいこと ソースコードの解析 テストパターン表 の作成
37. ©2025 TVer INC. 【前提】 sample/XXX.swift のダイアログ表示ロジックを 解析して実装仕様を把握してください。 37 課題2 - プロンプト ソースコードを インプット
38. ©2025 TVer INC. 【テスト観点】 - 画面遷移時のダイアログ表示と再生開始位置 - 条件の優先順位を考慮（コードから読み取って） - 全パターン網羅 38 課題2 - プロンプト 網羅して欲しい 観点を明示
39. ©2025 TVer INC. 【出力】 Markdown表形式で、以下を含める： - 各条件の状態（あり/なし） - 期待される動作 39 課題2 - プロンプト 出力形式を明示
40. ©2025 TVer INC. 40 課題2 - アウトプット テストパターン表 パターン網羅された 表がすぐにできる
41. ©2025 TVer INC. 41 課題2 - 効果 10分程度で求めていた パターン表が完成🎉
42. ©2025 TVer INC. 42 課題3 - 大量の単純作業の自動化 Figma(デザインファイル)のURLが変更になった issueやPRに記載しているURL が全てリンク切れに・・・ 該当箇所は100箇所以上あり、 手動で置き換えるのはつらい
43. ©2025 TVer INC. 43 課題3 - 大量の単純作業の自動化 デザイナーからの無邪気な提案を受けるも 最初は逃げ腰だった😨 しかし、せっかく提案してくれたのに 本当にこれで良いのかと考え直す...🤔
44. ©2025 TVer INC. 44 課題3 - 大量タスクの自動化が大変 AIで解決 + スモールスタートで トライすることを決意💪
45. ©2025 TVer INC. 45 課題3 - AIに依頼したいこと issue・PRの 検索 URLの置き換え
46. ©2025 TVer INC. 【検索条件】 - ラベル: "機能A" または "機能A PR" - 状態: open/closed両方 - 対象: issue と PR 46 課題3 - プロンプト 検索条件の明示
47. ©2025 TVer INC. 【更新内容】 - 古いFigma（ID: XXX）のURL - 新しいFigmaの下記URLに置換 - https://www.figma.com/design/yyy 47 課題3 - プロンプト 更新内容の明示
48. ©2025 TVer INC. 【依頼】 - 対象となるissue/PRから古いURLを含むものを特定 - 更新対象の一覧を提示 - 承認を待ってから、一括置換を実行すること 48 課題3 - プロンプト 勝手に実行しないような 指示を与える
49. ©2025 TVer INC. 49 課題3 - アウトプット・効果 無事、古いFigmaの URLが更新された🎉 まずは更新対象の リストアップ 意図しない更新がない ことを確認し、承認
50. ©2025 TVer INC. 50 課題3 - アウトプット・効果 Claude Code + GitHub CLIの 柔軟性を確かめられた エンジニアだけでなくチーム全員が AI活用する文化を促進できた
51. ©2025 TVer INC. 6. さいごに
52. ©2025 TVer INC. 52
53. ©2025 TVer INC. 53
54. ご清聴ありがとうございました！ ©2025 TVer INC.