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
560
Web Re-Architecture プロジェクトにおける技術的チャレンジ
- どのように最新技術を取り入れているのか
- どのような技術的チャレンジをしているのか
- プロダクト開発と技術イノベーションとの関係
mercari
PRO
September 10, 2018
Tweet
Share
More Decks by mercari
See All by mercari
新卒採用ポジション紹介資料/new-graduate-positions-at-mercari-jp
mercari
PRO
0
1k
New Graduate Positions at Mercari
mercari
PRO
1
910
メルペイのあと払いとスマートマネーを支える返済基盤マイクロサービスの進化 / The Development of the Repayment Platform Microservices Supporting Merpay deferred payments and Smart Money
mercari
PRO
1
150
LLMを活用した文章校正の取り組み / Text Proofreading Initiatives Using LLM
mercari
PRO
0
320
Merpay iOSのGroundUp Appへの移行 / Migrating Merpay to the GroundUp App on iOS
mercari
PRO
0
150
SwiftUIでビットコインの価格チャートを改善・再実装した話 / Improving and Re-implementing the Bitcoin Price Chart Using SwiftUI
mercari
PRO
3
430
1週間リリースを支えるAndroid自動テスト運用のその後 / Developments Since Launching Operation of Android Automated Testing to Support One-Week Releases
mercari
PRO
0
130
Behind the Scenes: The Technical Magic that Powers our WYSIWYG Webpage Builder / WYSIWYGウェブページビルダーを支える技術的マジックの裏側
mercari
PRO
0
97
フロントエンドチームのスキルテスト評価システム改善の取り組み / Improving the Skill Test Evaluation System of Our Frontend Team
mercari
PRO
0
180
Other Decks in Programming
See All in Programming
ここ1~2年くらいで 使えるようになった(主要ブラウザーの最新版 がすべて対応した ) ウェブの新機能について ランダムに喋る!
myzkyy
9
6.5k
【KMC春合宿2024】実装視点で見るNeural Radiance Fields
runningoutrate
0
150
PHPでOfficeファイルを取り扱う! PHP Officeライブラリを プロダクトに組み込んだ話
hirobe1999
0
840
両面どころかインフラもTSでできるよ ~ 全方位TypeScriptによるプロダクト開発 ~
myfinder
9
2.5k
Compiling Python to WebAssembly with py2wasm
syrusakbary
0
140
どうしてこうなった命名集 ~🔥編~ / OOC 2024 LT
pictiny
4
2.9k
実践!RDRAを活用した既存システムの仕様変更 / Specification Changes in Existing Systems Utilizing RDRA
imamotohikaru
0
2.8k
導入から5年が経って見えた Datadog APM 運用の課題
bgpat
2
540
Some Quick Ideas To Improve Your Tests ( #jassttokyo )
teyamagu
PRO
2
2.3k
TCA魔法学入門🪄
dazy
0
280
The Future of C++ Interoperability: Insights from Porting a Game to Swift
teamhimeh
0
290
OpenAPI を守るのは難しい
ohmori_yusuke
2
150
Featured
See All Featured
Practical Orchestrator
shlominoach
180
9.7k
Designing on Purpose - Digital PM Summit 2013
jponch
109
6.4k
Building Better People: How to give real-time feedback that sticks.
wjessup
350
18k
Optimising Largest Contentful Paint
csswizardry
7
2.3k
10 Git Anti Patterns You Should be Aware of
lemiorhan
644
57k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
18
1.7k
The MySQL Ecosystem @ GitHub 2015
samlambert
242
12k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
Designing for humans not robots
tammielis
247
25k
How GitHub Uses GitHub to Build GitHub
holman
467
290k
Imperfection Machines: The Place of Print at Facebook
scottboms
257
12k
Principles of Awesome APIs and How to Build Them.
keavy
119
16k
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つのプロジェクト
ありがとうございました