Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
新卒のiOSエンジニアが”クックパッドの今”を紹介!
Search
Haruta Yamada
August 23, 2024
Technology
0
560
新卒のiOSエンジニアが”クックパッドの今”を紹介!
Haruta Yamada
August 23, 2024
Tweet
Share
Other Decks in Technology
See All in Technology
ビジネスとエンジニアリングを繋ぐプロダクトを中心とした組織づくりの実践
sansantech
PRO
1
150
DroidKaigi 2024 たすけて!ViewModel
mhidaka
5
510
2024年版 運用者たちのLLM
nwiizo
3
510
音声AIエージェントの世界とRetell AI入門 / Introduction to the World of Voice AI Agents and Retell AI
rkaga
4
890
突撃! 隣のAmazon Bedrockユーザー 〜YouはどうしてAWSで?〜
minorun365
PRO
3
300
RAGHack: Building RAG apps in Python
pamelafox
0
160
PdMはどのように全てのスピードを上げられるか ~ 非連続進化のための具体的な取り組み ~
sansantech
PRO
1
140
Eventual Detection Engineering
ken5scal
0
1.3k
AIで変わるテスト自動化:最新ツールの多様なアプローチ/ 20240910 Takahiro Kaneyama
shift_evolve
0
190
エンジニア視点で見る、 組織で運用されるデザインシステムにするには
shunya078
1
290
なにもしてないのにNew Relicのデータ転送量が増えていたときに確認したこと
tk3fftk
2
170
不動産売買取引におけるAIの可能性とプロダクトでのAI活用
zabio3
0
210
Featured
See All Featured
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
190
16k
Building Adaptive Systems
keathley
36
2.1k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
88
16k
Teambox: Starting and Learning
jrom
131
8.7k
Building an army of robots
kneath
302
42k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
109
6.9k
The Brand Is Dead. Long Live the Brand.
mthomps
53
37k
Building Better People: How to give real-time feedback that sticks.
wjessup
359
18k
Robots, Beer and Maslow
schacon
PRO
157
8.1k
Gamification - CAS2011
davidbonilla
79
4.9k
What’s in a name? Adding method to the madness
productmarketing
PRO
21
3k
Web Components: a chance to create the future
zenorocha
308
41k
Transcript
© 2024 Cookpad Inc. iOSDC 2024 スポンサーセッション 新卒のiOSエンジニアが "クックパッドの今"を紹介! Haruta
Yamada
© 2024 Cookpad Inc. 2 プロフィール Haruta Yamada (paruru) -
2024/04~ 新卒入社 (レシピ事業部) - 2019/06~ 就業型インターン - 領域: iOS, Webfrontend - 趣味: ☕ 🍳
クックパッド (レシピ事業部 )が今取り組んでいること © 2024 Cookpad Inc. 3
© 2024 Cookpad Inc. 4 One Experience
© 2024 Cookpad Inc. 5 日本と海外向けレシピサービスの統合 🎉
© 2024 Cookpad Inc. 6 アジェンダ • OneExperienceとは? • Globalでの開発について紹介
◦ 開発環境の違い ◦ 多言語対応 ◦ デザインシステム
© 2024 Cookpad Inc. 7 クックパッド Global Cookpad
© 2024 Cookpad Inc. 8 • ユーザー体験を統一するプロジェクトが始動(2023/10~) • 日本のシステムをグローバルのシステムへ移行(iOS, Android,
Web) ◦ 日本のプロジェクト、リポジトリはコードフリーズ予定 ◦ 多言語対応やレシピを取り込む仕組みが整っている 統合プロジェクト(One Experience)
© 2024 Cookpad Inc. 9 見た目や機能も かなり違う e.g. • 食べ方提案(日本)
• 今日作る(日本) • コメントでのやりとり(海外) • リアクション(海外)
ブラッシュアップして アプリを統合する © 2024 Cookpad Inc. 10 新アプリ クックパッド Cookpad
8/21~ 新アプリがリリース開始 🎉 ※新規インストール+一部ユーザーのみ © 2024 Cookpad Inc. 11 ブースにて触れます
!!
© 2024 Cookpad Inc. 12 Globalでの開発について紹介 (苦労話)
ios-cookpad (日本) - VIPER - SwiftUIの導入 - GraphQL(一部) - モバ基による
開発環境の整備 © 2024 Cookpad Inc. 13 https://techconf.cookpad.com/2019/kohki_miki.html 開発環境の違い
Domain, Data Layer Presentation Layer Flow Logic global-ios (海外) -
MVVM-C - UIKit - OpenAPI © 2024 Cookpad Inc. 14 ViewModel Interactor Model ViewController View Coordinator Datastore Model Repository Service Service Service 開発環境の違い
多言語対応 © 2024 Cookpad Inc. 15
© 2024 Cookpad Inc. 16 多言語対応(翻訳) - OneSkyでフレーズと翻訳を管理(iOS, Android, Web)
- 英語でフレーズを追加し、後から日本語などの翻訳を取り込む - 日本限定の機能でも翻訳対象 (あとから他の国に展開することもあるため ) https://www.oneskyapp.com/ 33個のLocalizable.stringsが存在(被り有り) 日本語、英語、スペイン語、ドイツ語、アラビア語、ウクライナ語、、
© 2024 Cookpad Inc. 17 多言語対応 (翻訳) Github OneSky フレーズの追加、削除
翻訳の追加、削除 コンポーネントの変更による フレーズの追加、削除 Bitrise(CI/CD) 各リージョン向けの 翻訳を追加 エンジニア 各リージョンの翻訳者
© 2024 Cookpad Inc. 18 多言語対応 (翻訳) Cooksnap つくれぽ Today
今日つくる 人気のキーワード Today’s popular searches
© 2024 Cookpad Inc. 19 RTL(Right to Left)対応
© 2024 Cookpad Inc. 20 RTL(Right to Left)対応
© 2024 Cookpad Inc. 21 RTL対応
© 2024 Cookpad Inc. 22 多言語対応 スペース区切りで単語を分割したい “鶏胸肉 牛乳” -> “鶏胸肉”,
“牛乳” スペース区切りで単語を分割できない “鶏胸肉” -> “鳥”, “胸” 言語や商習慣によってコンテンツや動作に違いが出る
© 2024 Cookpad Inc. 23 機能出し分け A/B Testing ios-cookpad: -
user-features(feature flag) - パターンにマッチしたユーザーに機能を提供可能 - Redshiftで抽出したユーザーグループに対して提供可能 global-ios: - FeatureToggle - アプリのバージョンやリージョンに絞って提供 - APIの1機能として柔軟に変更ができる Picture 画像の最大幅はガイド線に準じて配置してください Picture 画像の最大幅はガイド線に準じて配置してください ※どちらもローカルのフラグをコード上で定義可能
© 2024 Cookpad Inc. 24 多言語対応•品質管理
© 2024 Cookpad Inc. 25 多言語対応•品質管理
デザインシステムへの対応 © 2024 Cookpad Inc. 26
© 2024 Cookpad Inc. 27 デザインシステムへの対応 Apron (日本) Mise (Global)
© 2024 Cookpad Inc. 28 デザインシステムへの対応 https://note.com/fjkn/n/nf73742ec925a
© 2024 Cookpad Inc. 29 デザインシステムへの対応
© 2024 Cookpad Inc. 30 ダークモード • ハイコントラストモードへの対応
© 2024 Cookpad Inc. 31 ダークモード • ハイコントラストモードへの対応 ※実際にはマークダウンからカラーセットを作る仕組みが整備されている
© 2024 Cookpad Inc. 32 ダークモード • ハイコントラストモードへの対応
© 2024 Cookpad Inc. 33 ダークモード • ハイコントラストモードへの対応 デザインシステムから逸脱した 色指定が増加
ライトモードの色指定はそのままに、このコンポーネントだけ変えたい、、、
© 2024 Cookpad Inc. 34 OneExperienceを進めてみて • これからは海外にいるユーザーにも向き合っていく ◦ ローカライズが前提の開発になっていく
• 移行により負債を生み出してしまった ◦ リリース後の課題 • 今が一番面白いタイミング ◦ 新卒関係なく様々な挑戦できる • iOSDCに間に合ってよかった 移行後初めてのレシピ投稿
© 2024 Cookpad Inc. 35