React

静的解析のメリットを壊す「as any」を克服するためのTypeScript設計パターン。「とりあえずany」から脱却し、コンパイラの力を100%引き出してプロダクトの信頼性を高めるための代替手法をコード例付きで詳解します。

Next.jsでハーフモーダル（Bottom Sheet）を実装する方法を紹介。useStateによる制御やアニメーション、スマホUIの最適化まで解説します。

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

フォーム実装における数値入力制御の決定版ガイド。「type=number」の限界を克服し、モバイル端末での入力キーボードの自動最適化からZodによる堅牢なスキーマバリデーションまで、現場レベルの実装手法をコード例付きで解説します。

create-next-appで終わらせない。実務でそのまま使える Next.js 環境構築の手順を、設計の考え方と保守性を高める設定込みで解説。プロジェクトの「寿命」を決める最初の1時間でやるべきことを網羅しました。

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

Next.js 15の環境構築手順と、App Router・RSC・Server Actions・画像最適化・SEO対策など、モダンWeb開発に必要な主要概念を徹底解説した技術記事です。

2025年末に報告されたReact RSCの重大脆弱性CVE-2025-55182。デシリアライズ処理の不備を突いた任意コード実行（RCE）の仕組みと、日本国内でも観測されているZnDoor RATを用いた攻撃への具体的な防御・調査手法をまとめます。