Lighthouse 56点だった——サイトの表示速度を改善した話
Lighthouseスコア56点だった自サイトを、フォント整理とVisual Editingの動的インポートで66点まで改善した記録。でも本当に書きたかったのは、元Webディレクターが「知ってるけど自分ではやらなかったこと」をAIと一緒にやってみたら、ディレクションと実装の境界が溶けた、という話。
考えたこと、学んだこと、体験したこと。
Lighthouseスコア56点だった自サイトを、フォント整理とVisual Editingの動的インポートで66点まで改善した記録。でも本当に書きたかったのは、元Webディレクターが「知ってるけど自分ではやらなかったこと」をAIと一緒にやってみたら、ディレクションと実装の境界が溶けた、という話。
Sanity・GitHub・Vercel・Xserverという分散したサービスをつなぎ合わせて、4回の失敗を経てサイトを公開するまでの記録。エラーのほとんどはコードではなく「サービスとサービスの繋ぎ目」で起き、AIと協業しながらPM的に進めた体験を振り返る。
WordPressでの運用が「維持のしんどさ」によって止まってしまった経験から、ヘッドレスCMS(Sanity)+ Next.js + Vercel、そしてAIとの連携に移行した理由と、その結果「書く以外の作業」を極力減らし、続けられる発信環境を作れたプロセスをまとめた。
「もう一度ちゃんと自分の場所を作ろう」と決めて、Next.js + Sanity + Vercelでゼロから作り直した記録。リサーチから実装まですべてAIと一緒に、約3時間で形にしている。