[B! CDN] tsuwatchのブックマーク

性能に関する考え方

Yamagoya Fastly で発表した内容です。

tsuwatch 2022/01/19

リンク

先日の Next.js Conf で Vercel は Next.js の新しいバージョン「12」をリリースした。興味深いのは、Vercel は同時にEdge Functionsというサービスを開始したことだ。 Edge Functions – Vercel 謳い文句のひとつに Push your functions to the edge とあるように、「エッジ」で実行される「関数」を提供するプラットフォームである。ここで言うエッジとはなにかというと、Vercel は明言していないが CDN のエッジのことだ。 Vercel の例のように「CDN のエッジで実行する系」が増えている。例えば以下の 7 つだ。 Cloudflare Workers Fastly Compute@Edge AWS CloudFront Functions AWS Lambda@Edge Deno Depl

tsuwatch 2021/10/30

CDN

リンク

メルカリShopsのキャッシュ戦略

メルカリ Shops の開発 vcl, python, golang, containers, typescript, etc. が入っている monorepo で開発が行われている。なので、あまり専門性はあってもどの領域でも開発を行う。メルカリアプリ上で動いているため、 webview がベースとなりパフォーマンスは普段以上に求められている。技術スタックはこちらを参照ユーザーへの UX を下げないために。。 First Meaningful Paint を速くするSkeleton などでフィードバックを適切に行う => とりあえず速く結果を返却すればよい結果を速く返すために考えること共通な結果はすべてキャッシュし、CDN などを使い近くに置く極力、ユーザーからのアクセスを origin まで到達させない常に新鮮な結果を近くに保持することにより、上記を満たせるようにする =>

tsuwatch 2021/09/24

リンク

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

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

tsuwatch 2021/09/24

リンク

minne の画像配信システムのリアーキテクトと作品画像の画質向上ついて - Pepabo Tech Portal

minne 事業部のシニアエンジニアリングリードのshiro16です。最近は年末に組んだ PC でずっとエオルゼアを旅しています。少し時間が経ってしまいましたが、昨年 minne では画像配信のシステムのアーキテクチャを刷新しました。更にユーザが登録した作品画像を配信する際の画質の向上を行ったのでその内容をご紹介いたします。画像配信システムのリアーキテクトそもそもリアーキテクトが必要になった経緯なのですが、以前の構成では okara と呼ばれる内製のツールが使われていました。okara に関しての詳細は弊社 yano3 が公開している資料を参考にして頂ければと思います。長年 okara を使って来た訳なのですが yano3 が技術部から EC 事業部に異動した事により以前よりメンテナンスに時間を割けなくなってしまったという理由があり、okara のメンテナンスを事業部で行っていく

tsuwatch 2021/03/09

CDN

リンク

「AbemaTV」Web版におけるSSR化とFastlyへの移行

2018年10月13日、株式会社AbemaTVが主催するイベント「AbemaTV Developer Conference 2018」が開催されました。3度目の開催となる今回のテーマは「PAST→FUTURE」。開局から2年半の実績を元に、快適な視聴体験を届けるための取り組みや、大規模な同時接続に対するシステム開発・運用に寄って得られた技術的知見を共有します。プレゼンテーション「WebのSSR化とFastly移行」に登壇したのは、株式会社AbemaTV開発本部、Webチームの加藤賢一氏。AbemaTVのWeb版におけるSRR化と、それに伴うFastlyへの移行の軌跡を語ります。講演資料はこちら AbemaTVのWeb版のSSR化とFastly移行加藤賢一氏（以下、加藤）：開発本部のWebチームに所属しています、加藤賢一と申します。よろしくお願いします。今日はAbemaTVのWeb版のSS