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
820
新卒のiOSエンジニアが”クックパッドの今”を紹介!
Haruta Yamada
August 23, 2024
Tweet
Share
More Decks by Haruta Yamada
See All by Haruta Yamada
週次リリースを実現するための グローバルアプリ開発
tera_ny
1
5.3k
Other Decks in Technology
See All in Technology
S3アクセス制御の設計ポイント
tommy0124
3
200
EncryptedSharedPreferences が deprecated になっちゃった!どうしよう! / Oh no! EncryptedSharedPreferences has been deprecated! What should I do?
yanzm
0
490
「その開発、認知負荷高すぎませんか?」Platform Engineeringで始める開発者体験カイゼン術
sansantech
PRO
2
440
新規プロダクトでプロトタイプから正式リリースまでNext.jsで開発したリアル
kawanoriku0
1
190
AWSを利用する上で知っておきたい名前解決のはなし(10分版)
nagisa53
10
3.2k
ブロックテーマ時代における、テーマの CSS について考える Toro_Unit / 2025.09.13 @ Shinshu WordPress Meetup
torounit
0
130
初めてAWSを使うときのセキュリティ覚書〜初心者支部編〜
cmusudakeisuke
1
280
品質視点から考える組織デザイン/Organizational Design from Quality
mii3king
0
210
エンジニアが主導できる組織づくり ー 製品と事業を進化させる体制へのシフト
ueokande
1
100
RSCの時代にReactとフレームワークの境界を探る
uhyo
10
3.5k
今日から始めるAWSセキュリティ対策 3ステップでわかる実践ガイド
yoshidatakeshi1994
0
110
なぜテストマネージャの視点が 必要なのか? 〜 一歩先へ進むために 〜
moritamasami
0
240
Featured
See All Featured
Making the Leap to Tech Lead
cromwellryan
135
9.5k
Into the Great Unknown - MozCon
thekraken
40
2k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
139
34k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Automating Front-end Workflow
addyosmani
1370
200k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.9k
Code Reviewing Like a Champion
maltzj
525
40k
GitHub's CSS Performance
jonrohan
1032
460k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
Balancing Empowerment & Direction
lara
3
620
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