JavaScript

Next.jsのテストにおいて、タイマーや日付を制御するfake timersの基本から実践テクニックまで。「実行するたびに結果が変わる」「数秒待つのが遅い」といったテストの悩みを、時間を自由自在に操ることで解決する方法を、実務でのハマりどころ込みで解説します。

Next.jsでのUser-Agent判定を実装例付きで解説。iPadOSのUA問題やClient Hints APIとの使い分け、DevToolsでのテスト方法など、公式ドキュメントには載っていない実務の落とし穴もカバーします。

型エラーを消すための「as」はもう卒業。型アサーションの本質的な意味から、as const や satisfies 演算子の使いこなし、そして型アサーションを避けるべきケースとその代替案（Narrowing）について深く掘り下げます。

Next.jsで動画が正常に動いているのに、モバイルだけコンソールエラーが出る不思議な現象。原因はブラウザの自動再生制限と「低電力モード」でした。エラー監視ツールを汚さない play() の安全な呼び出し方と、ビデオ実装のベストプラクティスを解説します。

冷蔵庫の余り物からAIがレシピを自動生成。Gemini API、Vite、Unsplash APIを組み合わせ、完全無料で運用可能なAIアプリを構築しました。プロンプトの工夫や実装の課題、食品ロス削減への取り組みをシェアします。