『メルカリ』 アプリの画面描画を高速化する技術、バックエンド・iOS・Androidの基本設計 - エンジニアHub｜若手Webエンジニアのキャリアを考える！

エンジニアHub > 記事一覧 > 『メルカリ』 アプリの画面描画を高速化する技術、バックエンド・iOS・Androidの基本設計 『メルカリ』 アプリの画面描画を高速化する技術、バックエンド・iOS・Androidの基本設計 多くのユーザーに愛されるフリマアプリ『メルカリ』ですが、そのスムーズな画面描画はどのような技術で生み出されているのでしょうか。同アプリの高速表示の秘密を、バックエンド、iOS、Androidの3方向からメルカリ社のエンジニア4人に聞きました。 バックエンドの高速化を支える技術 【Tips1】 画像のファイルサイズを最適化し、アプリ全体の通信量を抑える 【Tips2】データセンター間通信のレイテンシを抑える 【Tips3】アプリのありとあらゆる挙動を常にモニタリングする iOSアプリの高速化を支える技術 【Tips4】Objective-CからSwiftへの移行 ＆

[kohiro0]

MVCとMVVMのモデル図がシュール

[saz_go]

MVCとMVVMの図がひどい。以前このへんのMVxについて調べていたときには、この手の何も説明していないような情報に悩まされた。

[satohu20xx]

Androidで不要なコードを減らして高速化って書いてあるけど、クラスを細分化すると相反する気がする。高速化という見出しだから無理やり話してるだけに見えるなぁ。

[yuitang]

メルカリの技術を支えるいろんなチームの方々にお話頂きました。 @rallat @cubicdaiya @mootoh @TimOliverAU Thanks!!!!

[lont_in]

つい先日、未使用品をメルカリに出品したら、値下げして専用のページ作ってくれ！のコメントで埋まってて笑った。取り引き数が少ない初心者を狙っているんだろうね。オファー機能で変わるだろうか。

[sato0427]

メルカリって事業自体はEvilなのに技術面充実してるのほんと不思議。経営陣わかっててやってるんだろうな感がすごい。

[tzk2106]

さくらインターネットのImagefluxって気になってんだけど、やっぱお高いんでしょ？

[togusa5]

泥棒市の裏側

[ryo_ryoo_ryooo]

WebP最高ってことだな。段組みにTableを使わなくなる流れはHTMLと同じ。

[mhkohei]

草

[whoge]

こんだけなんかすごいっぽい技術使っていて動いているのがアレ？ 好きなことできてカネもらえるんならそれでいいのかな。

[migurin]

それはいいけどメルカリは手数料が高すぎて代替サービスのはずが自分の中でむしろ要らない子になりつつある。手数料メルカリ10%、ヤフオク8.64%（プレミアム会員）、ラクマ3.5%

[ooooooga]

メルカリで安くコスメ入手できるのでドラァグクイーン目指すのが可能になった。男体40歳無職ひきこもりセクマイがドラァグクイーンになるのを支えてるメルカリ、ありがとう。そして今日は配達ミスで荷物が届かない😭

[a96neko]

画像サイズを小さくして通信量を減らす

[miquniqu]

カクヨムのページ開いてから本文が描画されるまでを高速化する技術もお願いします。

[suzukana2]

メルカリの裏がわかった

[hallelu]

“アプリ上で表示される画像をオンザフライでリサイズしたり、フォーマットをWebPに変換する、といった処理を『ImageFlux』によって実現しています。”

[grand_big]

後で読もう

[lemondm7]

メルカリ画像圧縮処理が雑じゃない？ジャギー入ってるのよく見るよ

[wahousan]

あとで読む

[kettkett]

物凄い技術で玩具を作るっうのは創作だとロマンなんだけと

[dubdisco1966]

内容は全然解んないですけど、メルカリの若手Webエンジニアって世界中からきてて凄い。ってのは解る。だけど、その凄い頭脳ややる気をフリマアプリに消費してるのってどうなんですかね？もっと、なんか無いの？

[tohta111a]

参考になりました

[mswar]

ほむ。

[nn0]

本文関係ないけど…感動出品のスライド、分かりやすくて素敵

[NOV1975]

アーキテクチャの話のところ、肥大化への対応の話になってる気がして大丈夫なのかと思った

[ck0705]

🤗

[d-matchon]

サービスのフロント面じゃなくバックエンドの方を広告に出してくるのは巧いなと思った

[kazunoriyamamoto]

あとでよむ

[kosukem]

TableViewをStackVIewに変更とMicro ViewControllerにしたことでパフォーマンスの影響が無い理由がわからんかった。メモリ消費増えそうな感覚なんだけどな

[torinky]

『メルカリ』 アプリの画面描画を高速化する技術、バックエンド・iOS・Androidの基本設計 #エンジニアHub : エンジニアHub｜若手Webエンジニアのキャリアを考える！

[hacknet]

http://osakana-club.com/learnning/kihon/

[masudaK]

たかやまさんテレビ作ってたことあるんか

[cl-gaku]

図は本当になんだこれ

[letsspeak]

Overwatchやってるティムさんだ！！

[mfks17]

オリバー氏メルカリいったのか