Tag
3 件の記事
元箱根駅伝ランナー・現役エンジニアが「next/og」について書いた記事を、新しい順に並べています。
next/og (satori) で、同じ走行データから横カード・透過オーバーレイ・ストーリーの3レイアウトを出し分けた実装記録。-webkit-text-stroke が描かれない・blur が効かない・太字が作れないという制約の下で、多重ストロークの擬似ネオン、黒プレートによる視認性確保、78グリフの日本語サブセット同梱までをコードごと書く。走行時の天気を KV に固定した事故対応も。
Strava の encoded polyline を自前デコードし、地図タイルを一切使わずに走行軌跡を SVG アートとして描いた実装記録。全ランを1つの bbox に投影すると地元ランが点に潰れる問題を、開始地点の greedy クラスタリングとエリア別 bbox 投影で解いた過程をコードごと解説する。
Next.js 16 (App Router / Turbopack) と React 19、Tailwind v4、Zod、Upstash Redis、Vercel Cron、next/og を組み合わせて、毎朝03:45起床・12kmランの記録をリアルタイムに可視化し、X への自動投稿まで自動化した個人ダッシュボードの設計と実装を解説する。