メインコンテンツへスキップ

JavaScript

Next.jsでfake timersを使う方法|setTimeout・日付・非同期テストを高速化

··3445 文字·7 分
テストにおける「実行タイミングによるフラつき」や「数秒待機による速度低下」を解決する疑似タイマー(Fake Timers)の決定版ガイド。Jest/Vitestの具体的な実装コードと実務的なデバッグテクニックを網羅します。

Next.jsでiOS・Android・PCを正確に判定する方法|User-Agentの落とし穴と実務での使い分け

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

TypeScriptの型アサーション(as)を正しく理解し、型安全を維持する方法

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

Next.jsで動画再生エラーを撲滅せよ!モバイル(Safari/Chrome)特有の制約と解決策

··2892 文字·6 分
「PCでは動くのに、モバイル実機から大量のDOMExceptionが飛んでくる」動画再生トラブルを完全攻略。ブラウザの自動再生ポリシーとiOS低電力モードの仕様をハックし、Sentryなどのエラー監視を汚さない堅牢なビデオ実装例を公開します。

冷蔵庫の余り物からレシピを自動生成するAIアプリを個人開発した話【Gemini API × ゼロコスト運用】

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