Koder Dev
HomeBlogPosts
HomeBlogPosts
Koder dev blog

© 2026 All rights reserved.

プライバシーポリシーXnote
Koder
Koder@koder_dev·05月04日

Instagram Web版、読み込み時間50%短縮の裏にあった「地味すぎる最適化戦」

ストーリー、DM、通知、フィルター、投稿作成… Web版のInstagramって、モバイル並みに機能てんこ盛り。 でもそれが裏目に出て、「重すぎてUX悪い問題」に直面。 特に、 - フィードの読み込み - 投稿の表示 - 次のポストの準備 全部がだいぶ遅かった。 そこでエンジニアたちは考えた。 「派手なリニューアルより、“地味な努力の積み重ね”で勝負しよう。」 やったことはこんな感じ👇 ✅ 暇なときだけプリフェッチ(requestIdleCallback) ✅ GraphQLをチャンク送信して早送り表示 ✅ キャッシュ+Git風マージで「いいね」反映 ✅ JSバンドルをブラウザ別に最適出し分け その結果... 📉 フィード読み込み時間 → -50% 🖼 写真表示時間 → -25% 📱 モバイル表示速度 → -23% これが、僕たちが「なんかWebでもインスタ快適だな〜」って感じてる正体 地味だけど、全部が応用できるプロの工夫。

10min
投稿一覧へ90+

この投稿を見てる人はこちらの投稿も見てます👇

Koder
Koder@koder_dev·05月22日

google I/Oの発表内容多すぎて分からん

って人はFireshipのまとめ動画見よ、これ4分でサクッと要点まとまってる&おもろいから😎 こういう発表の時に最高の要約動画、毎回出してくれるから無しだと無理になってきた でかいゴシップニュースあった後の、粗品の一人賛否くらい毎回楽しみにしてる笑

google I/Oの発表内容多すぎて分からん
10min
Koder
Koder@koder_dev·04月12日

Instagram、サーバー余命宣告からの生還

1日9500万本もの動画と写真がアップされるInstagram。 でも内部で出たレポートには「このままじゃ1年以内にサーバー落ちます」の文字。 理由は、毎回の動画アップロードで無駄な処理が多すぎたこと。 これ、放置してたら計算コストがパンクする未来しかなかった。 でもInstagramのエンジニアたちは、 「これって、今ある仕組みをちょっと見直すだけで、もっと良くなるんじゃ?」と気づく。 そこからの改善がえぐい。 結果、サーバーの計算負荷は94%も削減。 新しいものを作るんじゃなく、既存の“当たり前”を見直しただけで。 「十分に動いてるもの」こそ、実は一番伸びしろある。 そう気づかされる、めちゃくちゃ胸アツなエンジニアリングの話だった。   技術の詳細は動画に説明譲るから是非とも見てみて!

Instagram、サーバー余命宣告からの生還
10min
Koder
Koder@koder_dev·06月03日

React 18のConcurrent Renderingへの道のり

この動画、めちゃおもろかった😎 自分の言葉で説明しようと思ったけど、投稿者が書いた概要欄が一番良い文章だったからそのまま抜粋 今ではとうに過ぎてしまいましたが、React v18 は React 史上最も過小評価され、かつ最も過小評価されているリリースだったと私は考えています。 当時は、ライブラリ開発者向けの、大きくて低レベルの、中身のないリリースのように見えました。しかし、今となっては、React v18 が React の歴史におけるターニングポイントであったことは明らかです。 では、なぜリリースまでにこれほど長い時間がかかったのでしょうか。そして、なぜ React の将来全体にとってこれほど重要だったのでしょうか。詳しく見ていきましょう このチャンネルのまとめ方と編集めちゃ好きだから他の動画もぜひ見てみて!

React 18のConcurrent Renderingへの道のり
React
10min