OG画像

1本のランから3枚のOG画像を出す ― satori の制約と、写真に重ねる透過PNG

next/og (satori) で、同じ走行データから横カード・透過オーバーレイ・ストーリーの3レイアウトを出し分けた実装記録。-webkit-text-stroke が描かれない・blur が効かない・太字が作れないという制約の下で、多重ストロークの擬似ネオン、黒プレートによる視認性確保、78グリフの日本語サブセット同梱までをコードごと書く。走行時の天気を KV に固定した事故対応も。