メルカリShops のフロントエンド | メルカリエンジニアリング

こんにちは。ソウゾウの Software Engineer の hiroppy です。「連載：「メルカリ Shops」プレオープンまでの開発の裏側」 の最後は、Web フロントエンドの紹介をしたいと思います。メルカリ Shops は既存のメルカリアプリの中に独立した Web アプリケーションとして動いています。本記事では、どのようなライブラリを選定し、どのようにアーキテクチャを設計してきたかを解説します。 なぜ Web なのか？ アプリの上で動いているのであれば、WebView ではなくても良いと感じる人はいると思います。今回採用した 1 つの理由としては、リリースが柔軟な点が挙げられます。iOS/Android の両方に対して開発サイクルを早めることが可能であり、また機能追加やバグ修正が容易です。どのように WebView で動いているかについては、6 日目のメルカリ Shops のため

[lilpacy]

キャッシュ戦略がすごい。あとここ明確に言語化できてなかった。>商品の値段はHTMLに埋め込まれている状態で表示され、お客様の情報に依存する部分はスケルトンで返す

[mizdra]

凝っててすごい。Surrogate-Key 知らなかった。

[partylife]

めちゃ参考になる

[sotq17]

Next + ChakraUIなのか…

[vvakame]

なかなか複雑な構成をがんばってやっててすごい

[akymrk]

reactive variables

[monotonus]

なんかすごい事書いてありそうなのにやってることは結局転売屋プラットフォームｗｗｗ

[nori__3]

関係ないけど、メルカリのポイント消失のお知らせメールがずっと来てポイント消失全然しないんだけど、ポイント要らないからもうメール送らないでくれるかな

[sisidovski]

stale-while-revalidate のアニメーション分かりやすい

[yosuke_furukawa]

この話が Node 学園で聞けるんですか？！

[naopr]

キャッシュ戦略をここまできっちりやるとwebでもサクサク動くんだなーと驚きがあります

[katryo]

Lighthouse 98点すごい

[hirorock]

特にキャッシュ戦略が参考になる

[kkeisuke]

Next.js, chakra-ui, GraphQL