生成AI
Core Web Vitalsをプライバシーに配慮しながらdataLayerへ送信する設計新着!!

サイトの体感速度を数値で把握したいとき、多くのチームがCore Web Vitals(LCP・INP・CLS・FCP・TTFB)の計測に行き着きます。ただし「計測して終わり」ではなく、既存のアクセス解析基盤(GTM/dataLayerなど)に流し込んで初めて、他の指標と突き合わせた分析ができるようになります。

続きを読む
インフラ
サーバーレス環境でスキーマキャッシュが効かない罠:WeakMapとモジュールレベル変数の使い分け

Cloudflare Workers のように、リクエストごとに実行環境(isolate)が使い回されつつも、DBクライアントのようなオブジェクトはリクエストのたびに新しく生成し直す構成があります。こうした環境でよくあるのが、「DBのスキーマ情報(カラムの有無など)を毎回問い合わせてしまい、1リクエストあたり複数本の introspection クエリが直列のRTTとして積み上がる」という問題です

続きを読む
インフラ
Self-hosted Runner を1台の Mac で何並列まで動かせるか——VirtioFS 実測とスケール数チューニング

Docker Compose で動かす GitHub Actions Self-hosted Runner のスケール数を、VirtioFS ベンチマーク・アイドルメモリ実測・Docker Desktop 設定の最適化で決定するまでの記録。sweet spot 表と診断スクリプト付き。

続きを読む
インフラ
GitHub Actions Self-hosted Runner の CI ビルドを 8分→3分に短縮した4段階の改善記録

Self-hosted Runner の Docker イメージビルド CI を4段階で高速化した記録。warm cache・registry cache・Dockerfile レイヤー分割・schedule skip まで、各フェーズの判断根拠と実測値を公開します。

続きを読む
E2Eテスト
ローカルE2Eを65s→15-18sに短縮した話:Supabase migrationの環境差吸収とハッシュキャッシュ

Supabase CLIのバンドルDockerと本番の storage.prefixes 差でマイグレーションが壊れた問題を to_regclass() で吸収し、さらに マイグレーションハッシュキャッシュ + DBリセットとauthモックの並列化で npm run e2e を 65s → 15-18s(-72%)に短縮した実装記録。

続きを読む
React・Next.js
Next.js 16 Cache Components と Server Component 統合によるSupabaseクエリキャッシュ実装

Next.js 16 の Cache Components と Server Components を組み合わせて Supabase クエリを効率的にキャッシュする実装パターン。`use cache` ディレクティブと revalidateTag の使い分け、ストリーミング SSR との統合を実装例付きで解説。

続きを読む