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
Web Re-Architecture プロジェクトにおける技術的チャレンジ
Search
mercari
PRO
September 10, 2018
Programming
3
690
Web Re-Architecture プロジェクトにおける技術的チャレンジ
- どのように最新技術を取り入れているのか
- どのような技術的チャレンジをしているのか
- プロダクト開発と技術イノベーションとの関係
mercari
PRO
September 10, 2018
Tweet
Share
More Decks by mercari
See All by mercari
[DevDojo] Experiments at Mercari - 2025
mercari
PRO
0
44
[DevDojo] Experiments and feature flags - 2025
mercari
PRO
0
46
[DevDojo] Problem Solving - 2024
mercari
PRO
1
490
[DevDojo] Ship Code Faster - 2024
mercari
PRO
1
290
[DevDojo] Mercari Design Doc - 2024
mercari
PRO
0
410
[DevDojo] Mercari Quality Assurance - 2024
mercari
PRO
1
320
[DevDojo] Merpay Quality Assurance - 2024 (日本語)
mercari
PRO
1
330
[DevDojo] Merpay Quality Assurance - 2024
mercari
PRO
1
210
[DevDojo] Basic Machine Learning - 2024
mercari
PRO
1
450
Other Decks in Programming
See All in Programming
Let's Write a Train Tracking Algorithm
twocentstudios
0
220
Чего вы не знали о строках в Python – Василий Рябов, PythoNN
sobolevn
0
160
ポスターセッション: 「まっすぐ行って、右!」って言ってラズパイカーを動かしたい 〜生成AI × Raspberry Pi Pico × Gradioの試作メモ〜
komofr
0
940
開発生産性を上げるための生成AI活用術
starfish719
1
170
メモリ不足との戦い〜大量データを扱うアプリでの実践例〜
kwzr
1
850
Introducing ReActionView: A new ActionView-Compatible ERB Engine @ Kaigi on Rails 2025, Tokyo, Japan
marcoroth
3
920
そのpreloadは必要?見過ごされたpreloadが技術的負債として爆発した日
mugitti9
2
3k
CI_CD「健康診断」のススメ。現場でのボトルネック特定から、健康診断を通じた組織的な改善手法
teamlab
PRO
0
180
CSC509 Lecture 01
javiergs
PRO
1
430
Django Ninja による API 開発効率化とリプレースの実践
kashewnuts
0
920
デミカツ切り抜きで面倒くさいことはPythonにやらせよう
aokswork3
0
180
Web Components で実現する Hotwire とフロントエンドフレームワークの橋渡し / Bridging with Web Components
da1chi
3
1.7k
Featured
See All Featured
Building Applications with DynamoDB
mza
96
6.6k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
GraphQLとの向き合い方2022年版
quramy
49
14k
Navigating Team Friction
lara
189
15k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
Six Lessons from altMBA
skipperchong
28
4k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Balancing Empowerment & Direction
lara
4
680
Designing for Performance
lara
610
69k
GitHub's CSS Performance
jonrohan
1032
460k
Being A Developer After 40
akosma
91
590k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Transcript
Web Re-Architecture プロジェクトにおける Web Re-Architecture プロジェクトにおける 技術的チャレンジ 技術的チャレンジ フロントエンドエンジニア @vwxyuratoooo
About Me About Me 宮崎優太郎 2018/05/16 入社 Front end engineer
Web Re‒Architecture Project
Frontend ⚒ Re‒Architecture
今日話すこと 今日話すこと どのように最新技術を取り入れているのか どのような技術的チャレンジをしているのか プロダクト開発と技術イノベーションとの関係
Web Re-Architecture Project Web Re-Architecture Project
の前に、メルカリで進められている 2つの Project に関して...
Re-Architecture Project Re-Architecture Project Frontend 以外でも行われている 古くなった技術スタックの刷新 OKR と共に全社的に周知され 高い優先度で進められている
Microservices Project Microservices Project 巨大なモノリシックサービスを 独立した複数のサービスに分割 大きくなったエンジニア組織に対して 一人ひとりにオーナシップ 変化や障害にも強い組織とプロダクト目指す
今の技術と組織を考えてベストな選定をしようとすると 勝手に Microservices になってくる
Frontend における Re-Architecture Frontend における Re-Architecture https://speakerdeck.com/sota1235/road‒to‒migrate‒jp‒web‒as‒a‒microservice
Frontend における Re-Architecture Frontend における Re-Architecture アプリに追いついていない未実装機能 + α PC・SP
共に最適化しきれていない UI ⬇ ⬇ ⬇ 開発スピードの向上 チームの変化 Web に求められているものと 立ち位置の変化
Architecture Frameworks Architecture Frameworks https://speakerdeck.com/sota1235/road‒to‒migrate‒jp‒web‒as‒a‒microservice
None
None
ここまでのまとめ ここまでのまとめ これから先更にプロダクトを進めていくための Re‒Architecture と Microservices Re‒Architecture と Microservices 化が新しい技術挑戦の
場にもなっている これから先新しい技術をすばやく取り入れていくための 基盤づくりでもある
どのように進めているのか どのように進めているのか
スケジュールとか スケジュールとか ページ毎にリプレイスしていく アーキテクチャに問題があれば早めに気付ける リリーススケジュールを都度細かく調整
技術選定 技術選定 Issue, Slack, 口頭で議論 必要があればプロトタイプを作って比較検証 チームのメンバーが近くの席にいる ❌ 誰かが決める、これ使えって言われる ⭕
各自がオーナーシップを持ち決定できる ディスカッションをしていく中でベストなソリューション が共通認識として出来上がってくる
SET (Software Engineer in Test) や セキュリティなど、プロに相談できる
今後のフロントエンド 今後のフロントエンド PWA でできること Microfrontend の可能性 メルカリ、メルペイと定期的に勉強会をしながら 技術の共有やディスカッション
まとめ まとめ 組織と仕組み オーナーシップ, チャレンジ, コードを新しく保つことへ の理解 一緒に課題解決できるメンバー プロフェッショナル, 目的意識と手段
世の中を変えていくチャンスや文化 プラットフォーム, 基盤を作る2つのプロジェクト
ありがとうございました