Koder Dev
HomeBlogPosts
HomeBlogPosts
Koder dev blog

© 2025 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·04月12日

MCPって結局なんなん?って人、この動画見て。

最近あっちこっちで聞く、Model Context Protocol(MCP)、正直名前からして難しそうだし、構成も概念も込み入ってて分かりにくい… …はずなんだけど、この動画はそれをたった5分でスッと理解させてくれるのがすごい。 MCPはざっくり言うと、AIが外部ツールやデータベースと簡単に繋がるようになるための共通ルール。 これまでは毎回個別にカスタム統合が必要だったけど、 MCPがあればPostgresもSlackもGitHubも、同じ仕組みで接続できる。 AIが"ツールを使える"ってレベルが一気に現実味を帯びてくる。 構成やプリミティブの仕組みも、ちゃんと順を追って説明してくれてて、 「これでようやくMCPの全体像が掴めた…!」ってなる内容だった。 難しそうでスルーしてた人ほど見てほしい。 MCPって何がすごいの?が、ちゃんと腹落ちする。

MCPって結局なんなん?って人、この動画見て。
10min
Koder
Koder@koder_dev·06月03日

React 18のConcurrent Renderingへの道のり

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

React 18のConcurrent Renderingへの道のり
React
10min
Koder
Koder@koder_dev·05月25日

LeetCodeの面接 意味あるこれ?

「ググれないの前提って、逆に非現実じゃね?」 そう思ったエンジニアのRoy Leeは、AIでチートツール作っちゃった しかもそのままバズらせて530万ドル調達 …え?なんやそれ?って思うやん 俺もそう思うんよ、コツコツ努力してる人を愚弄してないか??と  けど調達成功させて一定の評価受けてるんよなぁ しかもインタビュー中に彼はSNS戦略でオンラインで悪口を言われても実際の生活に全く影響ないし、意図的に過激なことを言う戦略をとってオンラインで注目を集めることにしたって言ってるのよね 今こう紹介してる時点で、彼に踊らされてるという笑 今後、こういうやつが業界かき回していくのかもしれない… 色んな意味で刺激になる動画だったから気になる人はぜひ👇

LeetCodeの面接 意味あるこれ?
10min