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
680
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
20
[DevDojo] Experiments and feature flags - 2025
mercari
PRO
0
15
[DevDojo] Problem Solving - 2024
mercari
PRO
1
460
[DevDojo] Ship Code Faster - 2024
mercari
PRO
1
270
[DevDojo] Mercari Design Doc - 2024
mercari
PRO
0
380
[DevDojo] Mercari Quality Assurance - 2024
mercari
PRO
1
290
[DevDojo] Merpay Quality Assurance - 2024 (日本語)
mercari
PRO
1
310
[DevDojo] Merpay Quality Assurance - 2024
mercari
PRO
1
190
[DevDojo] Basic Machine Learning - 2024
mercari
PRO
1
420
Other Decks in Programming
See All in Programming
階層化自動テストで開発に機動力を
ickx
1
470
Flutterと Vibe Coding で個人開発!
hyshu
1
220
Git Sync を超える!OSS で実現する CDK Pull 型デプロイ / Deploying CDK with PipeCD in Pull-style
tkikuc
4
520
AIに安心して任せるためにTypeScriptで一意な型を作ろう
arfes0e2b3c
0
330
CLI ツールを Go ライブラリ として再実装する理由 / Why reimplement a CLI tool as a Go library
ktr_0731
3
940
新世界の理解
koriym
0
130
中級グラフィックス入門~効率的なメッシュレット描画~
projectasura
4
2.4k
可変性を制する設計: 構造と振る舞いから考える概念モデリングとその実装
a_suenami
10
1.5k
Jakarta EE Meets AI
ivargrimstad
0
570
実践!App Intents対応
yuukiw00w
0
110
Strands Agents で実現する名刺解析アーキテクチャ
omiya0555
1
110
Advanced Micro Frontends: Multi Version/ Framework Scenarios
manfredsteyer
PRO
0
140
Featured
See All Featured
Agile that works and the tools we love
rasmusluckow
329
21k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Code Review Best Practice
trishagee
69
19k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
Scaling GitHub
holman
461
140k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
Automating Front-end Workflow
addyosmani
1370
200k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
Balancing Empowerment & Direction
lara
1
520
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つのプロジェクト
ありがとうございました